/* [next]/internal/font/google/geist_dbbf8c4b.module.css [app-client] (css) */
@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Geist;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Geist Fallback;
  src: local(Arial);
  ascent-override: 95.94%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 104.76%;
}

.geist_dbbf8c4b-module__5qCx7q__className {
  font-family: Geist, Geist Fallback;
  font-style: normal;
}

.geist_dbbf8c4b-module__5qCx7q__variable {
  --font-geist: "Geist", "Geist Fallback";
}

/* [project]/app/globals.css [app-client] (css) */
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: .25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .table {
    display: table;
  }
}

.strategy-badge {
  align-items: center;
  gap: 5px;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
}

.strategy-badge.put-sell {
  color: #0c7566;
}

.strategy-badge.put-buy {
  color: #9d5a24;
}

.strategy-badge.call-sell {
  color: #a3413a;
}

.strategy-badge.call-buy {
  color: #266a98;
}

.strategy-reference {
  color: #486057;
  margin: 18px 0 0;
  font-size: 11px;
  font-weight: 800;
  display: block;
}

.strategy-reference input {
  color: #284039;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #cedbd5;
  border-radius: 5px;
  width: 100%;
  height: 39px;
  margin-top: 6px;
  padding: 0 10px;
  font-size: 12px;
  display: block;
}

.strategy-assets {
  margin-top: 12px;
}

.portfolio-actions > button:first-child {
  display: none;
}

.strategy-backdrop {
  z-index: 60;
  background: #0a1f1c9e;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.strategy-dialog {
  background: #fff;
  border: 1px solid #bcd0c7;
  border-radius: 7px;
  width: min(660px, 100%);
  padding: 26px;
  box-shadow: 0 25px 70px #051e1a59;
}

.strategy-dialog p {
  color: #64887b;
  letter-spacing: 1.2px;
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 800;
}

.strategy-dialog h2 {
  color: #1f3d35;
  margin: 0;
  font-size: 24px;
}

.strategy-dialog > div:first-child > span {
  color: #72857c;
  margin-top: 7px;
  font-size: 12px;
  display: block;
}

.strategy-assets {
  flex-wrap: wrap;
  gap: 8px;
  margin: 19px 0;
  display: flex;
}

.strategy-asset {
  text-align: left;
  background: #fff;
  border: 1px solid #d4e1db;
  border-radius: 5px;
  min-width: 92px;
  padding: 9px 11px;
}

.strategy-asset strong, .strategy-asset small {
  display: block;
}

.strategy-asset strong {
  color: #29453c;
  font-size: 12px;
}

.strategy-asset small {
  color: #7c8e87;
  margin-top: 3px;
  font-size: 10px;
}

.strategy-asset.selected {
  background: #edf7f2;
  border-color: #52897d;
  box-shadow: inset 0 0 0 1px #52897d;
}

.strategy-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.strategy-action {
  text-align: left;
  background: #fff;
  border: 1px solid #d4e1db;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-height: 98px;
  padding: 13px;
  display: flex;
}

.strategy-action strong {
  color: #29453c;
  font-size: 13px;
}

.strategy-action span {
  color: #147567;
  font-size: 11px;
  font-weight: 700;
}

.strategy-action small {
  color: #74867e;
  font-size: 10px;
  line-height: 1.35;
}

.strategy-action.selected {
  background: #eff8f3;
  border-color: #5c9285;
  box-shadow: inset 0 0 0 1px #5c9285;
}

.strategy-continue {
  color: #183d36;
  background: #d8e95a;
  border: 1px solid #d8e95a;
  border-radius: 5px;
  width: 100%;
  height: 41px;
  margin-top: 17px;
  font-size: 12px;
  font-weight: 800;
  display: block;
}

.strategy-cancel {
  color: #59766d;
  background: none;
  border: 0;
  margin: 14px auto 0;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.settlement-backdrop {
  z-index: 60;
  background: #0a1f1c9e;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.settlement-dialog {
  background: #fff;
  border: 1px solid #bcd0c7;
  border-radius: 7px;
  width: min(500px, 100%);
  padding: 26px;
  box-shadow: 0 25px 70px #051e1a59;
}

.settlement-dialog p {
  color: #64887b;
  letter-spacing: 1.2px;
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 800;
}

.settlement-dialog h2 {
  color: #1f3d35;
  margin: 0;
  font-size: 25px;
}

.settlement-dialog > div:first-child > span {
  color: #72857c;
  margin-top: 7px;
  font-size: 12px;
  display: block;
}

.settlement-dialog label {
  color: #486057;
  margin: 21px 0 12px;
  font-size: 11px;
  font-weight: 800;
  display: block;
}

.settlement-dialog input {
  color: #284039;
  background: #fff;
  border: 1px solid #cedbd5;
  border-radius: 5px;
  width: 100%;
  height: 39px;
  margin-top: 6px;
  padding: 0 10px;
  font-size: 12px;
  display: block;
}

.settlement-options {
  gap: 8px;
  display: grid;
}

.settlement-choice {
  text-align: left;
  background: #fff;
  border: 1px solid #d5e1db;
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
  padding: 13px 14px;
  display: flex;
}

.settlement-choice strong {
  color: #284139;
  font-size: 12px;
}

.settlement-choice small {
  color: #71827b;
  font-size: 11px;
}

.settlement-choice:hover {
  background: #f6faf7;
  border-color: #799f93;
}

.settlement-choice.buy strong {
  color: #147567;
}

.settlement-choice.sell strong {
  color: #a65e24;
}

.settlement-cancel {
  color: #59766d;
  background: none;
  border: 0;
  margin: 17px auto 0;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.admin-portal > aside {
  height: 100dvh;
  min-height: 0;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.clickable-row {
  cursor: pointer;
}

.clickable-row:hover td {
  background: #f3f8f5;
}

.operation-history {
  border-top: 1px solid #e2ebe5;
  padding: 0 24px 22px;
}

.operation-history > p {
  color: #67897e;
  letter-spacing: 1.2px;
  margin: 18px 0 7px;
  font-size: 10px;
  font-weight: 800;
}

.operation-history h3 {
  color: #284039;
  margin: 0 0 12px;
  font-size: 14px;
}

.operation-history > span {
  color: #72837d;
  font-size: 12px;
}

.operation-detail {
  background: #f8fbf9;
  border: 1px solid #dce7e1;
  border-radius: 5px;
  margin-top: 10px;
  padding: 12px;
}

.operation-detail > strong {
  color: #284039;
  font-size: 12px;
  display: block;
}

.operation-detail > strong small {
  color: #73847d;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 400;
}

.operation-detail > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 11px;
  display: grid;
}

.operation-detail span {
  min-width: 0;
}

.operation-detail small, .operation-detail b {
  display: block;
}

.operation-detail small {
  color: #7a8d85;
  font-size: 9px;
}

.operation-detail b {
  color: #31574e;
  margin-top: 2px;
  font-size: 11px;
}

.portfolio-form {
  max-height: calc(100vh - 34px);
}

.admin-nav-link {
  color: #c4d6cf;
  border-radius: 6px;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 42px;
  margin-bottom: 4px;
  padding: 0 11px;
  font-size: 13px;
  display: flex;
}

.admin-nav-link.selected, .admin-nav-link:hover {
  color: #fff;
  box-shadow: inset 3px 0 var(--lime);
  background: #205a54;
}

.portfolio-actions {
  gap: 9px;
  display: flex;
}

.portfolio-actions button {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.portfolio-actions .operation-button {
  color: #326259;
  background: #fff;
  border: 1px solid #cbdad3;
}

.portfolio-client-picker {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 7px;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin: -9px 0 14px;
  padding: 13px 16px;
  display: flex;
}

.portfolio-client-picker label {
  color: #567066;
  font-size: 10px;
  font-weight: 800;
}

.portfolio-client-picker select {
  color: #284039;
  background: #fff;
  border: 1px solid #cedbd5;
  border-radius: 5px;
  min-width: 220px;
  height: 34px;
  margin-top: 5px;
  padding: 0 8px;
  font-size: 12px;
  display: block;
}

.portfolio-client-picker > span {
  color: #76877f;
  font-size: 11px;
}

.portfolio-admin-table {
  margin-bottom: 14px;
  padding-bottom: 0;
  overflow: auto;
}

.portfolio-admin-table > div {
  padding-bottom: 17px;
}

.portfolio-admin-table table, .portfolio-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.portfolio-admin-table th, .portfolio-table th {
  color: #7b8c85;
  letter-spacing: .7px;
  white-space: nowrap;
  background: #f9fbfa;
  border-top: 1px solid #e1e9e4;
  border-bottom: 1px solid #e1e9e4;
  padding: 11px 22px;
  font-size: 10px;
}

.portfolio-admin-table td, .portfolio-table td {
  color: #60736b;
  white-space: nowrap;
  border-bottom: 1px solid #e8eeea;
  padding: 14px 22px;
  font-size: 11px;
}

.portfolio-admin-table tr:last-child td, .portfolio-table tr:last-child td {
  border-bottom: 0;
}

.portfolio-admin-table b, .portfolio-admin-table b small, .portfolio-table b, .portfolio-table b small {
  display: block;
}

.portfolio-admin-table b, .portfolio-table b {
  color: #29423a;
  font-size: 12px;
}

.portfolio-admin-table b small, .portfolio-table b small {
  color: #899890;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 400;
}

.portfolio-loading {
  color: #71837b;
  text-align: center;
  padding: 38px;
  font-size: 13px;
}

.portfolio-table {
  margin-top: 14px;
  overflow: auto;
}

@media (max-width: 820px) {
  .portfolio-client-picker {
    flex-direction: column;
    align-items: stretch;
  }

  .portfolio-client-picker select {
    width: 100%;
  }

  .portfolio-actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .portfolio-actions button {
    flex: 1;
    justify-content: center;
  }
}

:root {
  --ink: #152a27;
  --muted: #71827c;
  --teal: #0c655e;
  --deep: #103f3b;
  --lime: #d8e95a;
  --paper: #f5f7f4;
  --line: #dce5df;
  --orange: #e48b45;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--paper);
  color: var(--ink);
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

button, input {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-home {
  background: #f2f6f3;
  min-height: 100vh;
}

.site-nav {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  height: 74px;
  margin: auto;
  padding: 0 30px;
  display: flex;
}

.site-brand, .access-brand, .portal-brand {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.site-brand > span, .access-brand > span, .portal-brand > span {
  color: #183c36;
  background: #d8e95a;
  place-items: center;
  width: 33px;
  height: 33px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}

.site-brand strong, .access-brand strong, .portal-brand strong {
  letter-spacing: 0;
  font-size: 17px;
}

.site-brand small, .access-brand small {
  color: #6e827b;
  letter-spacing: 1px;
  margin-left: -4px;
  font-size: 8px;
  font-weight: 700;
}

.site-nav nav {
  color: #62756e;
  align-items: center;
  gap: 23px;
  font-size: 13px;
  display: flex;
}

.site-nav nav a:hover {
  color: var(--teal);
}

.admin-link {
  color: var(--teal);
  border: 1px solid #bfcfc8;
  border-radius: 5px;
  padding: 9px 13px;
}

.hero {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  max-width: 1200px;
  min-height: 570px;
  margin: auto;
  padding: 70px 30px 84px;
  display: grid;
}

.home-kicker, .access-aside p, .form-heading > p, .portal-title > div > p, .panel-top p, .admin-title p, .admin-panel > div > p, .admin-portal aside > p {
  color: #6c8a7e;
  letter-spacing: 1.3px;
  margin: 0 0 10px;
  font-size: 10px;
  font-weight: 800;
}

.hero h1 {
  letter-spacing: 0;
  max-width: 600px;
  margin: 0;
  font-size: clamp(39px, 5vw, 64px);
  line-height: 1.05;
}

.hero-copy > p:not(.home-kicker) {
  color: #60736c;
  max-width: 490px;
  margin: 24px 0;
  font-size: 17px;
  line-height: 1.55;
}

.primary-cta, .form-submit {
  color: #173d37;
  background: var(--lime);
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 45px;
  padding: 0 17px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.primary-cta {
  margin-top: 8px;
}

.hero-visual {
  color: #edf9f3;
  background: #124b46;
  border-radius: 8px;
  min-height: 370px;
  padding: 29px;
  position: relative;
  overflow: hidden;
  box-shadow: 20px 20px #d8e6dd;
}

.hero-visual:after {
  content: "";
  border: 40px solid #25645d;
  border-radius: 50%;
  width: 330px;
  height: 330px;
  position: absolute;
  bottom: -120px;
  right: -84px;
}

.visual-head, .visual-foot {
  z-index: 1;
  color: #c5ddd5;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  display: flex;
  position: relative;
}

.visual-head i {
  color: #d9ed68;
  background: #2a665f;
  border-radius: 20px;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
}

.hero-visual > strong {
  z-index: 1;
  color: #fff;
  letter-spacing: 0;
  margin: 40px 0 7px;
  font-size: 36px;
  display: block;
  position: relative;
}

.visual-profit {
  z-index: 1;
  color: #d9ed68;
  font-size: 14px;
  font-weight: 800;
  position: relative;
}

.visual-profit small {
  color: #b9d1c9;
  font-weight: 400;
}

.mini-chart {
  z-index: 1;
  align-items: end;
  gap: 12px;
  height: 125px;
  margin: 27px 0;
  display: flex;
  position: relative;
}

.mini-chart i {
  background: #67a89b;
  border-radius: 3px 3px 0 0;
  width: 100%;
  max-width: 26px;
}

.mini-chart i:nth-child(3n) {
  background: #d8e95a;
}

.visual-foot {
  border-top: 1px solid #317169;
  padding-top: 15px;
}

.visual-foot b {
  color: #fff;
  font-size: 11px;
}

.value-strip {
  border-top: 1px solid #d8e4dd;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
  max-width: 1200px;
  margin: auto;
  padding: 30px;
  display: grid;
}

.value-strip > div {
  align-items: flex-start;
  gap: 13px;
  display: flex;
}

.value-strip svg {
  color: var(--teal);
}

.value-strip strong, .value-strip small {
  display: block;
}

.value-strip strong {
  margin-bottom: 5px;
  font-size: 13px;
}

.value-strip small {
  color: #70817b;
  font-size: 11px;
  line-height: 1.4;
}

.site-home footer {
  color: #72837d;
  letter-spacing: .5px;
  border-top: 1px solid #d8e4dd;
  justify-content: space-between;
  max-width: 1200px;
  margin: 55px auto 0;
  padding: 21px 30px;
  font-size: 10px;
  display: flex;
}

.access-page {
  background: #edf3ef;
  min-height: 100vh;
  padding: 28px;
}

.access-brand {
  position: absolute;
  top: 27px;
  left: 32px;
}

.access-shell {
  background: #fff;
  grid-template-columns: 1fr 1fr;
  max-width: 980px;
  min-height: 590px;
  margin: 55px auto 0;
  display: grid;
  box-shadow: 0 17px 50px #1a403821;
}

.access-aside {
  color: #ecf8f3;
  background: #104b45;
  flex-direction: column;
  justify-content: end;
  padding: 48px;
  display: flex;
}

.access-aside h1 {
  letter-spacing: 0;
  max-width: 360px;
  margin: 0 0 25px;
  font-size: 42px;
  line-height: 1.08;
}

.access-aside p {
  color: #d5e95e;
}

.access-aside > span {
  color: #b8d3ca;
  font-size: 13px;
}

.admin-aside {
  background: #243f54;
}

.access-form {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 350px;
  margin: auto;
  padding: 35px;
  display: flex;
}

.form-heading {
  margin-bottom: 25px;
}

.form-icon {
  width: 39px;
  height: 39px;
  color: var(--teal);
  background: #e3f0eb;
  border-radius: 6px;
  place-items: center;
  margin-bottom: 21px;
  display: grid;
}

.form-heading h2 {
  letter-spacing: 0;
  margin: 0 0 8px;
  font-size: 25px;
}

.form-heading span {
  color: #74837e;
  font-size: 13px;
}

.access-form label {
  color: #455d55;
  margin: 0 0 15px;
  font-size: 12px;
  font-weight: 700;
}

.access-form input {
  color: #243d36;
  background: #fff;
  border: 1px solid #cddbd4;
  border-radius: 5px;
  outline-color: #3a877d;
  width: 100%;
  height: 42px;
  margin-top: 7px;
  padding: 0 11px;
  font-size: 13px;
  display: block;
}

.form-submit {
  width: 100%;
  margin-top: 8px;
}

.back-link {
  color: #53716a;
  text-align: center;
  margin-top: 19px;
  font-size: 12px;
}

.form-error {
  color: #b65235;
  margin: 0 0 10px;
  font-size: 11px;
}

.portal {
  background: #f5f7f4;
  min-height: 100vh;
}

.portal-head, .admin-head {
  border-bottom: 1px solid var(--line);
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding: 0 40px;
  display: flex;
}

.portal-head > div {
  align-items: center;
  gap: 13px;
  display: flex;
}

.round-action {
  border: 1px solid var(--line);
  color: #58736b;
  background: #fff;
  border-radius: 5px;
  place-items: center;
  width: 35px;
  height: 35px;
  display: grid;
}

.profile-button {
  color: #233b34;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.profile-button i, .admin-profile {
  color: #7d4e26;
  background: #f2dec6;
  border-radius: 50%;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.profile-button span {
  line-height: 1.15;
}

.profile-button small, .admin-profile small {
  color: #74847e;
  margin-top: 3px;
  font-size: 9px;
  display: block;
}

.portal-body {
  max-width: 1180px;
  margin: auto;
  padding: 38px 30px;
}

.portal-title, .admin-title {
  justify-content: space-between;
  align-items: end;
  margin-bottom: 27px;
  display: flex;
}

.portal-title h1, .admin-title h1 {
  letter-spacing: 0;
  margin: 0;
  font-size: 28px;
}

.portal-title > div > span, .admin-title > div > span {
  color: #71817c;
  margin-top: 8px;
  font-size: 13px;
  display: block;
}

.exit-button {
  color: #526e66;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.client-metrics, .admin-metrics {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 14px;
  display: grid;
}

.client-metrics article, .admin-metrics article {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 7px;
  min-height: 124px;
  padding: 18px;
  position: relative;
}

.client-metrics span, .admin-metrics span {
  color: #71827c;
  font-size: 12px;
}

.client-metrics strong, .admin-metrics strong {
  letter-spacing: 0;
  margin: 19px 0 7px;
  font-size: 21px;
  display: block;
}

.client-metrics small, .admin-metrics small {
  color: #7b8b85;
  font-size: 10px;
}

.client-metrics svg {
  color: #72a59a;
  position: absolute;
  top: 18px;
  right: 18px;
}

.green {
  font-weight: 700;
  color: #14806f !important;
}

.client-grid, .admin-grid {
  grid-template-columns: 1.55fr 1fr;
  gap: 14px;
  display: grid;
}

.portal-panel, .admin-panel {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 7px;
}

.panel-top, .admin-panel > div:first-child {
  justify-content: space-between;
  align-items: start;
  padding: 21px 22px 0;
  display: flex;
}

.panel-top h2, .admin-panel h2 {
  letter-spacing: 0;
  margin: 0;
  font-size: 17px;
}

.return-panel {
  min-height: 310px;
}

.return-panel h2 {
  margin-bottom: 5px;
  font-size: 25px;
}

.return-panel .green small {
  color: #7d8c86;
  font-weight: 400;
}

.period-tabs {
  border: 1px solid var(--line);
  background: #f5f8f6;
  border-radius: 5px;
  padding: 3px;
  display: flex;
}

.period-tabs button {
  color: #71817c;
  background: none;
  border: 0;
  border-radius: 4px;
  height: 26px;
  padding: 0 7px;
  font-size: 10px;
}

.period-tabs button.active {
  color: #13665f;
  background: #fff;
  font-weight: 700;
  box-shadow: 0 1px 3px #d7e1dc;
}

.bar-graph {
  background: repeating-linear-gradient(#0000 0 41px, #e8efeb 42px);
  border-bottom: 1px solid #dae5de;
  align-items: end;
  gap: 12px;
  height: 170px;
  margin: 23px 22px 0;
  padding: 0 6px;
  display: flex;
}

.bar-graph i {
  background: #67aa9d;
  border-radius: 3px 3px 0 0;
  width: 100%;
}

.bar-graph i:nth-child(3n) {
  background: #147b70;
}

.graph-foot {
  color: #85958e;
  justify-content: space-between;
  margin: 10px 22px;
  font-size: 10px;
  display: flex;
}

.asset-list {
  padding: 15px 22px;
}

.asset-list > div {
  grid-template-columns: 28px 1fr minmax(60px, 1.2fr) 30px;
  align-items: center;
  gap: 8px;
  height: 50px;
  display: grid;
}

.asset-list > div > span {
  color: #175c54;
  background: #e4f0ec;
  border-radius: 50%;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 9px;
  font-weight: 800;
  display: grid;
}

.asset-list b, .asset-list b small {
  display: block;
}

.asset-list b {
  font-size: 12px;
}

.asset-list b small {
  color: #87958f;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 400;
}

.asset-list > div > i {
  background: #e7ece9;
  border-radius: 5px;
  height: 5px;
}

.asset-list > div > i em {
  background: #e18a47;
  border-radius: 5px;
  height: 100%;
  display: block;
}

.asset-list strong {
  color: #5c7069;
  text-align: right;
  font-size: 11px;
}

.activity {
  margin-top: 14px;
  overflow: hidden;
}

.activity .panel-top {
  padding-bottom: 15px;
}

.activity-row {
  color: #677a72;
  border-top: 1px solid #e8eeea;
  grid-template-columns: 1.2fr 1fr 1fr 1fr .7fr;
  align-items: center;
  gap: 10px;
  padding: 15px 22px;
  font-size: 11px;
  display: grid;
}

.activity-row b small {
  color: #8b9893;
  margin-top: 3px;
  font-size: 9px;
  display: block;
}

.activity-row > strong {
  color: #2d443d;
  font-size: 11px;
}

.activity-row > i {
  color: #a65e24;
  background: #fff0df;
  border-radius: 20px;
  justify-self: start;
  padding: 4px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}

.admin-portal {
  grid-template-columns: 238px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.admin-portal > aside {
  color: #c7d8d2;
  background: #103f3b;
  flex-direction: column;
  padding: 27px 16px 18px;
  display: flex;
}

.admin-portal aside .portal-brand {
  color: #fff;
  margin: 0 8px 48px;
}

.admin-portal aside > p {
  color: #94afa6;
  margin: 0 10px 7px;
}

.admin-portal aside button {
  color: #c4d6cf;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 42px;
  margin-bottom: 4px;
  padding: 0 11px;
  font-size: 13px;
  display: flex;
}

.admin-portal aside button.selected, .admin-portal aside button:hover {
  color: #fff;
  box-shadow: inset 3px 0 var(--lime);
  background: #205a54;
}

.admin-portal aside > p:nth-of-type(2) {
  margin-top: 28px;
}

.admin-exit {
  color: #c3d7cf;
  border-top: 1px solid #295953;
  align-items: center;
  gap: 10px;
  margin-top: auto;
  padding: 14px 10px 0;
  font-size: 12px;
  display: flex;
}

.admin-head {
  padding: 0 36px;
}

.admin-head > div:first-child {
  color: #77857f;
  font-size: 12px;
}

.admin-head strong {
  color: #263e37;
}

.admin-profile {
  color: #1b433c;
  text-align: left;
  background: none;
  gap: 8px;
  width: auto;
  height: auto;
  font-size: 10px;
  display: flex;
}

.admin-profile span {
  font-weight: 700;
}

.admin-content {
  max-width: 1210px;
  margin: auto;
  padding: 35px 36px;
}

.admin-title button {
  color: #173e37;
  background: var(--lime);
  border: 0;
  border-radius: 5px;
  height: 37px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

.admin-metrics article {
  min-height: 126px;
}

.admin-grid {
  margin-bottom: 14px;
}

.admin-panel {
  padding-bottom: 7px;
}

.client-row {
  border-top: 1px solid #e8eeea;
  grid-template-columns: 34px 1fr 105px 55px;
  align-items: center;
  gap: 10px;
  margin: 0 22px;
  padding: 15px 0;
  display: grid;
}

.client-row > i {
  color: #a26226;
  background: #f2dfc9;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.client-row b, .client-row b small {
  display: block;
}

.client-row b {
  font-size: 12px;
}

.client-row b small {
  color: #899790;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 400;
}

.client-row span {
  color: #536b63;
  font-size: 11px;
}

.client-row strong {
  color: #15816d;
  font-size: 11px;
}

.distribution {
  min-height: 285px;
}

.donut {
  border: 19px solid #147c71;
  border-color: #147c71 #d8e95a #e38b46 #e38b46;
  border-radius: 50%;
  place-items: center;
  width: 138px;
  height: 138px;
  margin: 19px auto 16px;
  display: grid;
}

.donut span {
  color: #253e36;
  text-align: center;
  font-size: 14px;
  font-weight: 800;
}

.donut small {
  color: #83918b;
  margin-top: 3px;
  font-size: 8px;
  font-weight: 400;
  display: block;
}

.distribution ul {
  color: #6b7d76;
  justify-content: center;
  gap: 15px;
  margin: 0;
  padding: 0;
  font-size: 9px;
  list-style: none;
  display: flex;
}

.distribution li i {
  background: #147c71;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  display: inline-block;
}

.distribution li:nth-child(2) i {
  background: #d8e95a;
}

.distribution li:nth-child(3) i {
  background: #e38b46;
}

.distribution li b {
  color: #3b5049;
  margin-left: 3px;
}

.operations {
  padding-bottom: 0;
}

.operations > div {
  padding-bottom: 14px;
}

.operations > span {
  color: #5e726a;
  border-top: 1px solid #e8eeea;
  justify-content: space-between;
  padding: 14px 22px;
  font-size: 11px;
  display: flex;
}

.operations b {
  color: #87958f;
  font-size: 10px;
  font-weight: 400;
}

@media (max-width: 820px) {
  .site-nav {
    padding-inline: 18px;
  }

  .site-nav nav a:not(.admin-link) {
    display: none;
  }

  .hero {
    grid-template-columns: 1fr;
    gap: 35px;
    padding: 52px 24px;
  }

  .hero-visual {
    min-height: 310px;
  }

  .value-strip {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 26px 24px;
  }

  .site-home footer {
    margin-top: 30px;
    padding-inline: 24px;
  }

  .access-brand {
    margin: 0 0 20px;
    position: static;
  }

  .access-page {
    padding: 24px;
  }

  .access-shell {
    min-height: 0;
    margin: 0;
    display: block;
  }

  .access-aside {
    min-height: 220px;
    padding: 30px;
  }

  .access-aside h1 {
    font-size: 31px;
  }

  .access-form {
    padding: 34px 26px;
  }

  .portal-head, .admin-head {
    padding-inline: 18px;
  }

  .portal-body, .admin-content {
    padding: 25px 18px;
  }

  .client-metrics, .admin-metrics, .client-grid, .admin-grid {
    grid-template-columns: 1fr;
  }

  .activity-row {
    grid-template-columns: 1fr 1fr;
  }

  .activity-row span:nth-of-type(2), .activity-row > i {
    display: none;
  }

  .admin-portal {
    display: block;
  }

  .admin-portal > aside {
    display: none;
  }

  .admin-head {
    height: 62px;
  }

  .admin-title {
    flex-direction: column;
    align-items: start;
    gap: 18px;
  }

  .client-row {
    grid-template-columns: 34px 1fr 55px;
  }

  .client-row span {
    display: none;
  }
}

@media (max-width: 480px) {
  .site-brand small {
    display: none;
  }

  .hero h1 {
    font-size: 39px;
  }

  .hero {
    padding-inline: 18px;
  }

  .portal-title {
    flex-direction: column;
    align-items: start;
    gap: 18px;
  }

  .client-metrics article {
    min-height: 112px;
  }

  .period-tabs button {
    padding: 0 5px;
  }

  .panel-top {
    flex-direction: column;
    align-items: start;
  }

  .activity-row, .asset-list {
    padding-inline: 15px;
  }

  .site-home footer {
    font-size: 9px;
  }
}

.site-home {
  color: #d9e6e1;
  background: #081f1d;
}

.site-home .site-nav {
  z-index: 2;
  border-bottom: 1px solid #28504b;
  max-width: 1320px;
  height: 76px;
  position: relative;
}

.site-home .site-brand {
  color: #f3f8f5;
}

.site-home .site-brand > span {
  color: #d8ed62;
  background: none;
  border: 1px solid #b6d94c;
}

.site-home .site-brand small {
  color: #8fad9f;
}

.site-home .site-nav nav {
  color: #a8bcb5;
}

.site-home .site-nav nav a:hover {
  color: #d9ed62;
}

.site-home .admin-link {
  color: #d8ed62;
  border-color: #426a63;
}

.market-line {
  color: #84a299;
  letter-spacing: .7px;
  align-items: center;
  gap: 15px;
  font-size: 10px;
  display: flex;
}

.market-line i, .hero-actions span i {
  background: #d8e95a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #244b45;
}

.market-line b {
  color: #d6e5df;
  font-size: 10px;
  font-weight: 600;
}

.site-home .hero {
  gap: 80px;
  max-width: 1320px;
  min-height: 620px;
  padding-top: 92px;
  padding-bottom: 65px;
  position: relative;
}

.site-home .hero:before {
  pointer-events: none;
  content: "";
  border-left: 1px solid #153b37;
  border-right: 1px solid #153b37;
  position: absolute;
  inset: 0 30px;
}

.site-home .hero-copy {
  z-index: 1;
  position: relative;
}

.site-home .home-kicker {
  color: #cbe45a;
  align-items: center;
  gap: 8px;
  display: flex;
}

.site-home .hero h1 {
  color: #f4f7f5;
  max-width: 630px;
  font-size: clamp(42px, 5vw, 67px);
  line-height: 1.02;
}

.site-home .hero-copy > p:not(.home-kicker) {
  color: #a9bdb6;
  max-width: 510px;
}

.hero-actions {
  align-items: center;
  gap: 18px;
  margin-top: 30px;
  display: flex;
}

.site-home .primary-cta {
  background: #d8e95a;
  border: 1px solid #e0ee75;
  border-radius: 4px;
  margin: 0;
  box-shadow: 5px 5px #40605a;
}

.hero-actions span {
  color: #9eb5ac;
  align-items: center;
  gap: 9px;
  font-size: 11px;
  display: flex;
}

.signal-stats {
  border-top: 1px solid #2a514b;
  gap: 0;
  margin-top: 63px;
  display: flex;
}

.signal-stats div {
  border-right: 1px solid #2a514b;
  min-width: 132px;
  padding-top: 16px;
}

.signal-stats div + div {
  padding-left: 19px;
}

.signal-stats strong, .signal-stats small {
  display: block;
}

.signal-stats strong {
  color: #e5f1ec;
  letter-spacing: 0;
  font-size: 18px;
}

.signal-stats small {
  color: #8aa69d;
  margin-top: 5px;
  font-size: 10px;
}

.site-home .hero-visual {
  z-index: 1;
  color: #eaf5ef;
  background: #0c302d;
  border: 1px solid #3f6860;
  border-radius: 0;
  min-height: 420px;
  padding: 0;
  box-shadow: 12px 12px #183d38;
}

.site-home .hero-visual:after {
  display: none;
}

.terminal-bar {
  color: #a7bbb3;
  letter-spacing: .7px;
  border-bottom: 1px solid #315950;
  align-items: center;
  gap: 8px;
  height: 43px;
  padding: 0 16px;
  font-size: 10px;
  display: flex;
}

.terminal-bar span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.terminal-bar span i {
  background: #d8e95a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.terminal-bar small {
  color: #76978c;
  margin-left: auto;
  font-size: 9px;
}

.terminal-bar b {
  color: #87a69b;
  letter-spacing: 2px;
  margin-left: 10px;
}

.site-home .visual-head {
  margin: 28px 28px 0;
}

.site-home .visual-head i {
  color: #d8e95a;
  background: #183f39;
  border: 1px solid #426d64;
  border-radius: 2px;
  padding: 5px 7px;
}

.site-home .hero-visual > strong {
  margin: 25px 28px 7px;
  font-size: 34px;
}

.site-home .visual-profit {
  color: #a3c2b7;
  margin-left: 28px;
  font-size: 12px;
}

.site-home .visual-profit small {
  color: #76958b;
  margin-left: 4px;
}

.market-chart {
  border-top: 1px solid #27524a;
  border-bottom: 1px solid #27524a;
  height: 156px;
  margin: 28px 28px 0;
  position: relative;
}

.chart-axis {
  color: #6f9287;
  flex-direction: column;
  justify-content: space-between;
  font-size: 9px;
  display: flex;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 0;
}

.chart-lines {
  flex-direction: column;
  justify-content: space-around;
  display: flex;
  position: absolute;
  inset: 0 0 0 29px;
}

.chart-lines i {
  background: #255047;
  height: 1px;
}

.signal-path {
  border-bottom: 2px solid #d8e95a;
  justify-content: space-between;
  align-items: end;
  height: 108px;
  display: flex;
  position: absolute;
  bottom: 26px;
  left: 30px;
  right: 0;
}

.signal-path b {
  background: #2d776e;
  border: 1px solid #91beb0;
  width: 8px;
}

.signal-path b:first-child {
  height: 18%;
}

.signal-path b:nth-child(2) {
  height: 32%;
}

.signal-path b:nth-child(3) {
  height: 25%;
}

.signal-path b:nth-child(4) {
  height: 51%;
}

.signal-path b:nth-child(5) {
  height: 45%;
}

.signal-path b:nth-child(6) {
  height: 62%;
}

.signal-path b:nth-child(7) {
  height: 57%;
}

.signal-path b:nth-child(8) {
  height: 74%;
}

.signal-path b:nth-child(9) {
  background: #d8e95a;
  height: 91%;
}

.site-home .visual-foot {
  color: #a6c2b8;
  border: 0;
  justify-content: flex-start;
  gap: 12px;
  margin: 20px 28px 0;
  padding-top: 0;
}

.site-home .visual-foot span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.site-home .visual-foot svg {
  color: #d8e95a;
}

.site-home .visual-foot b {
  color: #ebf5ef;
  margin-right: 15px;
}

.site-home .value-strip {
  border-top: 1px solid #28504b;
  border-bottom: 1px solid #28504b;
  max-width: 1320px;
  padding: 28px 30px;
}

.site-home .value-strip > div {
  border-right: 1px solid #28504b;
  padding-right: 27px;
}

.site-home .value-strip > div:last-child {
  border-right: 0;
}

.site-home .value-strip svg {
  color: #d8e95a;
}

.site-home .value-strip strong {
  color: #e0ece6;
}

.site-home .value-strip small {
  color: #91aaa2;
}

.site-home footer {
  color: #77978c;
  letter-spacing: 1px;
  border-top: 0;
  max-width: 1320px;
  margin-top: 0;
  padding: 24px 30px;
  font-size: 9px;
}

.site-home footer span:nth-child(2) {
  color: #a1b8ae;
}

@media (max-width: 1000px) {
  .market-line {
    display: none;
  }

  .site-home .hero {
    gap: 35px;
  }

  .site-home .hero:before {
    inset-inline: 24px;
  }

  .signal-stats div {
    min-width: 110px;
  }

  .site-home footer {
    gap: 12px;
  }

  .site-home .value-strip {
    gap: 20px;
  }
}

@media (max-width: 820px) {
  .site-home .hero {
    padding-top: 55px;
  }

  .site-home .hero-visual {
    min-height: 390px;
  }

  .site-home .value-strip > div {
    border-bottom: 1px solid #28504b;
    border-right: 0;
    padding: 0 0 20px;
  }

  .site-home .value-strip > div:last-child {
    border: 0;
    padding-bottom: 0;
  }

  .site-home footer {
    display: block;
  }

  .site-home footer span {
    margin: 8px 0;
    display: block;
  }

  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .signal-stats {
    margin-top: 42px;
  }
}

.site-home {
  padding-bottom: 44px;
  position: relative;
  overflow: hidden;
}

.site-home .hero:before {
  display: none;
}

.currency-layer {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 76px 0 44px;
  overflow: hidden;
}

.currency-layer span {
  color: #d8e95a;
  opacity: .075;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: clamp(42px, 7vw, 106px);
  font-weight: 800;
  animation: 19s linear infinite currency-drift;
  position: absolute;
}

.currency-layer span:first-child {
  animation-duration: 21s;
  top: 7%;
  left: -3%;
}

.currency-layer span:nth-child(2) {
  animation-duration: 26s;
  animation-direction: reverse;
  top: 20%;
  right: -12%;
}

.currency-layer span:nth-child(3) {
  font-size: clamp(28px, 4vw, 62px);
  animation-duration: 24s;
  top: 42%;
  left: 13%;
}

.currency-layer span:nth-child(4) {
  animation-duration: 18s;
  top: 57%;
  right: 20%;
}

.currency-layer span:nth-child(5) {
  animation-duration: 27s;
  animation-direction: reverse;
  top: 72%;
  left: -8%;
}

.currency-layer span:nth-child(6) {
  font-size: clamp(35px, 5vw, 77px);
  animation-duration: 22s;
  top: 81%;
  right: -3%;
}

.currency-layer span:nth-child(7) {
  font-size: clamp(24px, 3vw, 48px);
  animation-duration: 29s;
  top: 35%;
  right: 9%;
}

@keyframes currency-drift {
  0% {
    transform: translate3d(-4%, 0, 0);
  }

  50% {
    transform: translate3d(5%, -15px, 0);
  }

  100% {
    transform: translate3d(-4%, 0, 0);
  }
}

.site-home .site-nav, .site-home .hero, .site-home .value-strip, .site-home footer {
  z-index: 1;
  position: relative;
}

.asset-ticker {
  z-index: 10;
  color: #c6d8d1;
  background: #0b2926;
  border-top: 1px solid #345b54;
  height: 44px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 -8px 24px #00000038;
}

.ticker-track {
  align-items: center;
  gap: 0;
  width: max-content;
  height: 100%;
  animation: 32s linear infinite asset-scroll;
  display: flex;
}

.ticker-track > span {
  color: #b1c7bf;
  white-space: nowrap;
  border-right: 1px solid #284b45;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 20px;
  font-size: 11px;
  display: flex;
}

.ticker-track b {
  color: #d8e95a;
  font-size: 10px;
}

.ticker-track > span:nth-child(5) b {
  color: #e39a5d;
}

.ticker-label {
  letter-spacing: 1px;
  font-weight: 800;
  color: #e8f1ec !important;
  font-size: 10px !important;
}

.ticker-label i {
  background: #d8e95a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #21463f;
}

@keyframes asset-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .currency-layer span, .ticker-track {
    animation: none;
  }
}

@media (max-width: 820px) {
  .currency-layer {
    inset-top: 62px;
  }

  .asset-ticker {
    height: 40px;
  }

  .ticker-track > span {
    padding-inline: 14px;
    font-size: 10px;
  }

  .site-home {
    padding-bottom: 40px;
  }
}

.site-home .site-footer {
  color: #c4d9d1;
  background: #0a2925;
  max-width: none;
  margin: 0;
  padding: 0;
  display: block;
}

.site-footer .footer-cta, .site-footer .footer-links, .site-footer .footer-bottom {
  max-width: 1320px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.footer-cta {
  border-bottom: 1px solid #28504b;
  justify-content: space-between;
  align-items: end;
  gap: 35px;
  padding-top: 58px;
  padding-bottom: 52px;
  display: flex;
}

.footer-cta p {
  color: #cce35a;
  letter-spacing: 1.25px;
  margin: 0 0 11px;
  font-size: 10px;
  font-weight: 800;
}

.footer-cta h2 {
  color: #eef6f1;
  letter-spacing: 0;
  max-width: 650px;
  margin: 0;
  font-size: clamp(27px, 3vw, 42px);
  line-height: 1.08;
}

.footer-cta a {
  color: #1b3e37;
  white-space: nowrap;
  background: #d8e95a;
  border: 1px solid #d8e95a;
  border-radius: 4px;
  align-items: center;
  gap: 8px;
  min-height: 41px;
  padding: 0 13px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.footer-links {
  grid-template-columns: 1fr 1fr 1.2fr;
  gap: 25px;
  padding-top: 31px;
  padding-bottom: 31px;
  display: grid;
}

.footer-links > div {
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  display: flex;
}

.footer-links strong {
  color: #e1ece6;
  margin-bottom: 3px;
  font-size: 11px;
}

.footer-links a, .footer-links small {
  color: #8eaaa0;
  font-size: 11px;
}

.footer-links a:hover {
  color: #d8e95a;
}

.footer-status {
  border-left: 1px solid #28504b;
  padding-left: 17px;
  position: relative;
}

.footer-status i {
  background: #d8e95a;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 4px;
  left: 0;
  box-shadow: 0 0 0 4px #21463f;
}

.footer-status span {
  color: #e1ece6;
  font-size: 11px;
  font-weight: 700;
}

.footer-status small {
  max-width: 190px;
  line-height: 1.45;
}

.footer-bottom {
  color: #77978c;
  letter-spacing: 1px;
  border-top: 1px solid #28504b;
  justify-content: space-between;
  font-size: 9px;
  display: flex;
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.site-home .site-footer span:nth-child(2) {
  color: inherit;
}

@media (max-width: 820px) {
  .site-footer .footer-cta, .site-footer .footer-links, .site-footer .footer-bottom {
    padding-left: 24px;
    padding-right: 24px;
  }

  .footer-cta {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 42px;
    padding-bottom: 37px;
  }

  .footer-links {
    grid-template-columns: 1fr 1fr;
  }

  .footer-status {
    border-top: 1px solid #28504b;
    border-left: 0;
    grid-column: 1 / -1;
    padding-top: 4px;
    padding-left: 18px;
  }

  .footer-bottom {
    display: block;
  }

  .footer-bottom span {
    margin: 8px 0;
    display: block;
  }
}

@media (max-width: 480px) {
  .footer-links {
    grid-template-columns: 1fr;
  }

  .footer-status {
    grid-column: auto;
  }

  .footer-cta a {
    justify-content: center;
    width: 100%;
  }
}

/* [project]/app/ticker.css [app-client] (css) */
.asset-ticker {
  grid-template-columns: 176px minmax(0, 1fr);
  display: grid;
}

.asset-ticker > .ticker-label {
  color: #e8f1ec;
  letter-spacing: 1px;
  white-space: nowrap;
  border-right: 1px solid #345b54;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 17px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.asset-ticker > .ticker-label i {
  background: #d8e95a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 4px #21463f;
}

.ticker-viewport {
  min-width: 0;
  overflow: hidden;
}

.ticker-track {
  width: max-content;
  height: 100%;
  animation: 28s linear infinite asset-scroll;
  display: flex;
}

.ticker-set {
  flex: none;
  height: 100%;
  display: flex;
}

.ticker-set > span {
  color: #b1c7bf;
  white-space: nowrap;
  border-right: 1px solid #284b45;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 20px;
  font-size: 11px;
  display: flex;
}

.ticker-set b {
  color: #d8e95a;
  font-size: 10px;
}

.ticker-set > span:nth-child(4) b {
  color: #e39a5d;
}

@keyframes asset-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-33.333%);
  }
}

@media (max-width: 820px) {
  .asset-ticker {
    grid-template-columns: 0 minmax(0, 1fr);
  }

  .asset-ticker > .ticker-label {
    display: none;
  }

  .ticker-set > span {
    padding-inline: 14px;
    font-size: 10px;
  }
}

/* [project]/app/client.css [app-client] (css) */
.client-portal {
  background: #f5f7f4;
  grid-template-columns: 238px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.client-sidebar {
  color: #c7d8d2;
  background: #103f3b;
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
  padding: 27px 16px 18px;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.client-sidebar .portal-brand {
  color: #fff;
  margin: 0 8px 48px;
}

.client-sidebar > p {
  color: #94afa6;
  letter-spacing: 1.3px;
  margin: 0 10px 7px;
  font-size: 10px;
  font-weight: 800;
}

.client-sidebar button {
  color: #c4d6cf;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 11px;
  width: 100%;
  height: 42px;
  margin-bottom: 4px;
  padding: 0 11px;
  font-size: 13px;
  display: flex;
}

.client-sidebar button.selected, .client-sidebar button:hover {
  color: #fff;
  background: #205a54;
  box-shadow: inset 3px 0 #d8e95a;
}

.client-exit {
  color: #c3d7cf;
  order: 11;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  padding: 14px 10px 0;
  font-size: 12px;
  display: flex;
}

.client-sidebar-profile {
  border-top: 1px solid #295953;
  order: 10;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  padding: 14px 10px;
  display: flex;
}

.client-sidebar-profile i {
  color: #7d4e26;
  background: #f2dec6;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.client-sidebar-profile span, .client-sidebar-profile small {
  display: block;
}

.client-sidebar-profile span {
  color: #edf7f2;
  font-size: 11px;
  font-weight: 700;
}

.client-sidebar-profile small {
  color: #9db8ae;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 400;
}

.client-workspace {
  min-width: 0;
}

.client-head {
  background: #fff;
  border-bottom: 1px solid #dce5df;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  padding: 0 36px;
  display: flex;
}

.client-head > div:first-child {
  color: #77857f;
  font-size: 12px;
}

.client-head strong {
  color: #263e37;
}

.client-head-actions {
  align-items: center;
  gap: 13px;
  display: flex;
}

@media (max-width: 820px) {
  .client-portal {
    display: block;
  }

  .client-sidebar {
    display: none;
  }

  .client-head {
    height: 62px;
    padding-inline: 18px;
  }
}

/* [project]/app/admin.css [app-client] (css) */
.admin-title > button {
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.clients-panel {
  padding-bottom: 0;
  overflow: hidden;
}

.clients-toolbar {
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  padding: 21px 22px 17px;
  display: flex;
}

.clients-toolbar p {
  color: #6c8a7e;
  letter-spacing: 1.3px;
  margin: 0 0 8px;
  font-size: 10px;
  font-weight: 800;
}

.clients-toolbar h2 {
  letter-spacing: 0;
  margin: 0;
  font-size: 17px;
}

.clients-search {
  color: #7c9088;
  background: #fff;
  border: 1px solid #d5e1db;
  border-radius: 5px;
  align-items: center;
  gap: 8px;
  width: 220px;
  height: 36px;
  padding: 0 10px;
  display: flex;
}

.clients-search input {
  color: #30463f;
  border: 0;
  outline: 0;
  width: 100%;
  font-size: 12px;
}

.clients-table-wrap {
  overflow-x: auto;
}

.clients-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.clients-table th {
  color: #7b8c85;
  letter-spacing: .7px;
  white-space: nowrap;
  background: #f9fbfa;
  border-top: 1px solid #e1e9e4;
  border-bottom: 1px solid #e1e9e4;
  padding: 11px 22px;
  font-size: 10px;
}

.clients-table td {
  color: #60736b;
  white-space: nowrap;
  border-bottom: 1px solid #e8eeea;
  padding: 14px 22px;
  font-size: 11px;
}

.clients-table tr:last-child td {
  border-bottom: 0;
}

.clients-table td:first-child {
  align-items: center;
  gap: 10px;
  min-width: 245px;
  display: flex;
}

.clients-table b, .clients-table b small {
  display: block;
}

.clients-table b {
  color: #29423a;
  font-size: 12px;
}

.clients-table b small {
  color: #899890;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 400;
}

.table-avatar {
  color: #915b26;
  background: #f3dfc9;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 9px;
  font-weight: 800;
  display: grid;
}

.table-result {
  color: #13816e;
  font-weight: 800;
}

.table-status {
  color: #157465;
  background: #e5f3ed;
  border-radius: 20px;
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 800;
  display: inline-block;
}

.empty-clients {
  color: #7b8d85;
  text-align: center;
  margin: 0;
  padding: 34px 22px;
  font-size: 12px;
}

@media (max-width: 820px) {
  .clients-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .clients-search {
    width: 100%;
  }
}

/* [project]/app/client-modal.css [app-client] (css) */
.admin-message {
  color: #216b60;
  background: #edf7f2;
  border: 1px solid #c9ded6;
  border-radius: 5px;
  margin: 0 0 15px;
  padding: 10px 12px;
  font-size: 12px;
}

.panel-link {
  color: #14776c;
  background: none;
  border: 0;
  padding: 0;
  font-size: 11px;
  font-weight: 800;
}

.edit-client {
  color: #397167;
  background: #fff;
  border: 1px solid #d7e3dd;
  border-radius: 5px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.table-result.negative {
  color: #b36635;
}

.table-status.inactive {
  color: #8a6b4f;
  background: #f5ede3;
}

.modal-backdrop {
  z-index: 30;
  background: #0a1f1c94;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.client-modal {
  background: #fff;
  border: 1px solid #cddcd5;
  border-radius: 7px;
  width: min(760px, 100%);
  max-height: min(720px, 100vh - 40px);
  overflow: auto;
  box-shadow: 0 24px 70px #051e1a52;
}

.client-modal header {
  border-bottom: 1px solid #e2ebe5;
  justify-content: space-between;
  align-items: flex-start;
  padding: 22px 24px 19px;
  display: flex;
}

.client-modal header p {
  color: #67897e;
  letter-spacing: 1.25px;
  margin: 0 0 7px;
  font-size: 10px;
  font-weight: 800;
}

.client-modal h2 {
  color: #1c3730;
  letter-spacing: 0;
  margin: 0;
  font-size: 21px;
}

.modal-close {
  color: #557069;
  background: #fff;
  border: 1px solid #d9e4df;
  border-radius: 5px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.client-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  padding: 23px 24px;
  display: grid;
}

.client-form-grid label {
  color: #496158;
  font-size: 11px;
  font-weight: 800;
}

.client-form-grid input, .client-form-grid select, .client-form-grid textarea {
  color: #284039;
  background: #fff;
  border: 1px solid #cedbd5;
  border-radius: 5px;
  outline-color: #19766c;
  width: 100%;
  height: 38px;
  margin-top: 6px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.client-form-grid textarea {
  resize: vertical;
  height: 76px;
  padding-block: 9px;
}

.field-wide {
  grid-column: 1 / -1;
}

.client-modal footer {
  border-top: 1px solid #e2ebe5;
  justify-content: flex-end;
  gap: 10px;
  padding: 16px 24px;
  display: flex;
}

.secondary-button, .save-button {
  border-radius: 5px;
  min-height: 37px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

.secondary-button {
  color: #557069;
  background: #fff;
  border: 1px solid #d0ddd7;
}

.save-button {
  color: #183d36;
  background: #d8e95a;
  border: 1px solid #d8e95a;
}

.save-button:disabled {
  cursor: wait;
  opacity: .65;
}

@media (max-width: 620px) {
  .modal-backdrop {
    align-items: end;
    padding: 0;
  }

  .client-modal {
    border-radius: 7px 7px 0 0;
    max-height: calc(100vh - 16px);
  }

  .client-form-grid {
    grid-template-columns: 1fr;
  }

  .field-wide {
    grid-column: auto;
  }

  .client-modal header, .client-form-grid, .client-modal footer {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0i99ne.._.css.map*/