/* Original Outlay design system. Source: outlay/src/app/globals.css and layout.tsx.
   Font assets copied from the original local Next build. No remote font requests. */

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/bricolage-grotesque-vietnamese.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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/bricolage-grotesque-latin-ext.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: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("fonts/bricolage-grotesque-latin.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: "Exo 2";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("fonts/exo-2-cyrillic-ext.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: "Exo 2";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("fonts/exo-2-cyrillic.woff2") format("woff2");
  unicode-range: U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116;
}

@font-face {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("fonts/exo-2-vietnamese.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: "Exo 2";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("fonts/exo-2-latin-ext.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: "Exo 2";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("fonts/exo-2-latin.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";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("fonts/geist-cyrillic-ext.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: 300 700;
  font-display: swap;
  src: url("fonts/geist-cyrillic.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: 300 700;
  font-display: swap;
  src: url("fonts/geist-vietnamese.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: 300 700;
  font-display: swap;
  src: url("fonts/geist-latin-ext.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: 300 700;
  font-display: swap;
  src: url("fonts/geist-latin.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-cyrillic-ext.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-cyrillic.woff2") format("woff2");
  unicode-range: U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-greek.woff2") format("woff2");
  unicode-range: U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF;
}

@font-face {
  font-family: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-vietnamese.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin-ext.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: "JetBrains Mono";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/jetbrains-mono-latin.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}
@font-face{font-family:"Exo 2 Fallback";src:local(Arial);ascent-override:97.88%;descent-override:19.69%;line-gap-override:0.0%;size-adjust:102.06%}
@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%}
@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}

:root {
  color-scheme: light;
  --ink: #052438;
  --ink-2: #0b3349;
  --ink-3: #154a60;
  --steel: #188490;
  --steel-2: #2aa3aa;
  --steel-soft: #d9eef0;
  --gold: #62cf59;
  --gold-soft: #d6f3cf;
  --gold-deep: #256e3d;
  --gold-wash: #eef9ea;
  --panel: #052438;
  --panel-2: #0b3349;
  --panel-3: #154a60;
  --on-panel: #f2f6f7;
  --on-accent: #06281a;
  --paper: #f2f6f7;
  --paper-2: #e7eef0;
  --paper-3: #dce7ea;
  --surface: #ffffff;
  --surface-2: #f7fafb;
  --cream-line: #d9e6e9;
  --slate: #41535d;
  --slate-2: #647079;
  --slate-3: #92a0a7;
  --hairline: rgba(5, 36, 56, 0.14);
  --hairline-2: rgba(5, 36, 56, 0.08);
  --hairline-d: rgba(255, 255, 255, 0.14);
  --brand-gradient: linear-gradient(118deg, #6ce484 0%, #2aa3aa 52%, #167f8c 100%);
  --brand-gradient-soft: linear-gradient(118deg, #eef9ea 0%, #d9eef0 100%);
  --good: #2f6b4a;
  --good-2: #3f8a61;
  --good-soft: #e3efe6;
  --bad: #b3322c;
  --bad-2: #d2483f;
  --bad-soft: #f5e3df;
  --warn: #b0791f;
  --warn-soft: #f5ecd8;
  --tray: #eef5f6;
  --r1: 4px;
  --r2: 7px;
  --r3: 11px;
  --r4: 16px;
  --sh1: 0 1px 0 rgba(5, 36, 56, 0.04), 0 1px 3px rgba(5, 36, 56, 0.06);
  --sh2: 0 1px 0 rgba(5, 36, 56, 0.04), 0 12px 28px -12px rgba(5, 36, 56, 0.22);
  --sh3: 0 30px 80px -28px rgba(5, 36, 56, 0.42);
  --background: var(--paper);
  --foreground: var(--ink);
}

html.dark {
  color-scheme: dark;
  --ink: #e6eef2;
  --ink-2: #cedce4;
  --ink-3: #b2c5d1;
  --steel: #2ba8b4;
  --steel-2: #49c6cf;
  --steel-soft: #103039;
  --gold: #6fdc63;
  --gold-soft: #15331e;
  --gold-deep: #8ce081;
  --gold-wash: #11271a;
  --paper: #0f2433;
  --paper-2: #193549;
  --paper-3: #22435c;
  --surface: #163247;
  --surface-2: #1d3b55;
  --cream-line: #2a4b65;
  --slate: #9fb1bb;
  --slate-2: #7e919d;
  --slate-3: #5f7280;
  --hairline: rgba(255, 255, 255, 0.11);
  --hairline-2: rgba(255, 255, 255, 0.06);
  --hairline-d: rgba(255, 255, 255, 0.14);
  --panel: #173c5f;
  --panel-2: #20507c;
  --panel-3: #2a608f;
  --on-panel: #eaf2f6;
  --on-accent: #06281a;
  --brand-gradient-soft: linear-gradient(118deg, #15331e 0%, #103039 100%);
  --good: #4fb07a;
  --good-2: #62c08c;
  --good-soft: #112e21;
  --bad: #e36a62;
  --bad-2: #ef7d75;
  --bad-soft: #34201e;
  --warn: #d9a23f;
  --warn-soft: #322a14;
  --tray: #12303f;
  --sh1: 0 1px 0 rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  --sh2: 0 1px 0 rgba(0, 0, 0, 0.3), 0 12px 28px -12px rgba(0, 0, 0, 0.6);
  --sh3: 0 30px 80px -28px rgba(0, 0, 0, 0.7);
}

:root {
  --night: #06141e; 
  --night-2: #0a1f2c; 
  --night-3: #0e2a3a; 
  --night-4: #133546; 
  --gain: #46dd8b; 
  --gain-bright: #7af0aa; 
  --lime: #a9ef6b; 
  --teal: #4bbdd0; 
  --teal-deep: #2c8190; 
  --loss: #ff6473; 
  --loss-bright: #ff8a95;
  --alert: #ffb454; 
  --line: rgba(150, 205, 215, 0.12);
  --line-2: rgba(150, 205, 215, 0.07);
}

:root {
  --font-bricolage: "Bricolage Grotesque", "Bricolage Grotesque Fallback";
  --font-exo2: "Exo 2", "Exo 2 Fallback";
  --font-geist: "Geist", "Geist Fallback";
  --font-jetbrains: "JetBrains Mono", "JetBrains Mono Fallback";
  --font-display: var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;
  --font-title: var(--font-exo2), var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;
  --font-sans: var(--font-geist), ui-sans-serif, system-ui, sans-serif;
  --font-mono: var(--font-jetbrains), ui-monospace, "SF Mono", Menlo, monospace;
}

* { box-sizing: border-box; }
body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans);
  font-feature-settings: "ss01", "cv11";
  font-size: 13px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
::selection { background: var(--panel); color: var(--on-panel); }
* { scrollbar-width: thin; scrollbar-color: rgba(120, 134, 145, .5) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track, *::-webkit-scrollbar-corner { background: transparent; }
*::-webkit-scrollbar-thumb { background: rgba(120, 134, 145, .45); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: rgba(120, 134, 145, .72); background-clip: padding-box; }
.mono { font-family: var(--font-mono); font-feature-settings: "tnum", "zero"; }
.tnum { font-variant-numeric: tabular-nums; }
.up { text-transform: uppercase; letter-spacing: .08em; }