:root{--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--radius-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 24px;--space-xxl: 32px;--space-section: 48px;--font-ui: "Scoutie Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--line-height-prose: 1.6;--line-height-heading: 1.3;--letter-spacing-body: .015em;--letter-spacing-heading: -.02em;--touch-target-min: 44px;color-scheme:light;--canvas: #f8f9fc;--canvas-subtle: #f1f5f9;--surface-card: #ffffff;--surface-card-elevated: #ffffff;--surface-terminal: #f8fafc;--surface-glass: rgba(255, 255, 255, .92);--surface-glass-border: rgba(15, 23, 42, .12);--dock-bg: rgba(255, 255, 255, .94);--primary: #4338ca;--primary-text: #4338ca;--primary-active: #312e81;--primary-hover: #3730a3;--primary-subtle: rgba(67, 56, 202, .08);--primary-border: #4338ca;--primary-glow: rgba(67, 56, 202, .25);--accent: #075985;--accent-active: #0c4a6e;--accent-subtle: rgba(7, 89, 133, .1);--outcome-yes: #065f46;--outcome-yes-text: #065f46;--outcome-yes-active: #044e39;--outcome-yes-subtle: rgba(6, 95, 70, .09);--outcome-yes-border: rgba(6, 95, 70, .35);--outcome-yes-glow: rgba(6, 95, 70, .2);--outcome-yes-solid: #065f46;--outcome-yes-solid-hover: #044e39;--outcome-yes-solid-text: #ffffff;--outcome-no: #9f1239;--outcome-no-text: #9f1239;--outcome-no-active: #881337;--outcome-no-subtle: rgba(159, 18, 57, .09);--outcome-no-border: rgba(159, 18, 57, .35);--outcome-no-glow: rgba(159, 18, 57, .2);--outcome-no-solid: #9f1239;--outcome-no-solid-hover: #881337;--outcome-no-solid-text: #ffffff;--ink: #0f172a;--ink-secondary: #1e293b;--body: #334155;--muted: #3b4861;--hairline: #cbd5e1;--border-strong: #64748b;--on-primary: #ffffff;--on-outcome: #ffffff;--on-dark: #0f172a;--status-profit: #065f46;--status-profit-bg: #ecfdf5;--status-profit-border: #059669;--status-loss: #9f1239;--status-loss-bg: #fff1f2;--status-loss-border: #e11d48;--status-warning: #78350f;--status-warning-bg: #fef3c7;--status-warning-border: #b45309;--status-info: #075985;--status-info-bg: #f0f9ff;--status-info-border: #0284c7;--status-resolved: #581c87;--status-resolved-bg: #f5f3ff;--status-resolved-border: #7c3aed;--link: #3730a3;--link-active: #1e1b4b;--focus-outline: #3730a3;--focus-ring: rgba(55, 48, 163, .35);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .09), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .09), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-terminal: 0 10px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-glow-primary: 0 0 20px rgba(67, 56, 202, .18);--shadow-glow-yes: 0 0 16px rgba(6, 95, 70, .18);--shadow-glow-no: 0 0 16px rgba(159, 18, 57, .18);--hero-gradient: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--hero-glow: radial-gradient(circle, rgba(67, 56, 202, .08) 0%, transparent 70%);--dialog-overlay: rgba(15, 23, 42, .55);--color-canvas: var(--canvas);--color-canvas-subtle: var(--canvas-subtle);--color-surface-card: var(--surface-card);--color-surface-card-elevated: var(--surface-card-elevated);--color-surface-terminal: var(--surface-terminal);--color-surface-glass: var(--surface-glass);--color-surface-glass-border: var(--surface-glass-border);--color-primary: var(--primary);--color-primary-text: var(--primary-text);--color-primary-active: var(--primary-active);--color-primary-hover: var(--primary-hover);--color-primary-subtle: var(--primary-subtle);--color-primary-border: var(--primary-border);--color-primary-glow: var(--primary-glow);--color-accent: var(--accent);--color-accent-active: var(--accent-active);--color-accent-subtle: var(--accent-subtle);--color-outcome-yes: var(--outcome-yes);--color-outcome-yes-text: var(--outcome-yes-text);--color-outcome-yes-active: var(--outcome-yes-active);--color-outcome-yes-subtle: var(--outcome-yes-subtle);--color-outcome-yes-border: var(--outcome-yes-border);--color-outcome-yes-glow: var(--outcome-yes-glow);--color-outcome-yes-solid: var(--outcome-yes-solid);--color-outcome-yes-solid-hover: var(--outcome-yes-solid-hover);--color-outcome-yes-solid-text: var(--outcome-yes-solid-text);--color-outcome-no: var(--outcome-no);--color-outcome-no-text: var(--outcome-no-text);--color-outcome-no-active: var(--outcome-no-active);--color-outcome-no-subtle: var(--outcome-no-subtle);--color-outcome-no-border: var(--outcome-no-border);--color-outcome-no-glow: var(--outcome-no-glow);--color-outcome-no-solid: var(--outcome-no-solid);--color-outcome-no-solid-hover: var(--outcome-no-solid-hover);--color-outcome-no-solid-text: var(--outcome-no-solid-text);--color-ink: var(--ink);--color-ink-secondary: var(--ink-secondary);--color-body: var(--body);--color-muted: var(--muted);--color-hairline: var(--hairline);--color-border-strong: var(--border-strong);--color-on-primary: var(--on-primary);--color-on-outcome: var(--on-outcome);--color-on-dark: var(--on-dark);--color-status-profit: var(--status-profit);--color-status-profit-bg: var(--status-profit-bg);--color-status-profit-border: var(--status-profit-border);--color-status-loss: var(--status-loss);--color-status-loss-bg: var(--status-loss-bg);--color-status-loss-border: var(--status-loss-border);--color-status-warning: var(--status-warning);--color-status-warning-bg: var(--status-warning-bg);--color-status-warning-border: var(--status-warning-border);--color-status-info: var(--status-info);--color-status-info-bg: var(--status-info-bg);--color-status-info-border: var(--status-info-border);--color-status-resolved: var(--status-resolved);--color-status-resolved-bg: var(--status-resolved-bg);--color-status-resolved-border: var(--status-resolved-border);--color-link: var(--link);--color-link-active: var(--link-active);--color-focus-outline: var(--focus-outline);--color-focus-ring: var(--focus-ring)}[data-theme=light]{color-scheme:light;--canvas: #f8f9fc;--canvas-subtle: #f1f5f9;--surface-card: #ffffff;--surface-card-elevated: #ffffff;--surface-terminal: #f8fafc;--surface-glass: rgba(255, 255, 255, .92);--surface-glass-border: rgba(15, 23, 42, .12);--dock-bg: rgba(255, 255, 255, .94);--primary: #4338ca;--primary-text: #4338ca;--primary-active: #312e81;--primary-hover: #3730a3;--primary-subtle: rgba(67, 56, 202, .08);--primary-border: #4338ca;--primary-glow: rgba(67, 56, 202, .25);--accent: #075985;--accent-active: #0c4a6e;--accent-subtle: rgba(7, 89, 133, .1);--outcome-yes: #065f46;--outcome-yes-text: #065f46;--outcome-yes-active: #044e39;--outcome-yes-subtle: rgba(6, 95, 70, .09);--outcome-yes-border: rgba(6, 95, 70, .35);--outcome-yes-glow: rgba(6, 95, 70, .2);--outcome-yes-solid: #065f46;--outcome-yes-solid-hover: #044e39;--outcome-yes-solid-text: #ffffff;--outcome-no: #9f1239;--outcome-no-text: #9f1239;--outcome-no-active: #881337;--outcome-no-subtle: rgba(159, 18, 57, .09);--outcome-no-border: rgba(159, 18, 57, .35);--outcome-no-glow: rgba(159, 18, 57, .2);--outcome-no-solid: #9f1239;--outcome-no-solid-hover: #881337;--outcome-no-solid-text: #ffffff;--ink: #0f172a;--ink-secondary: #1e293b;--body: #334155;--muted: #3b4861;--hairline: #cbd5e1;--border-strong: #64748b;--on-primary: #ffffff;--on-outcome: #ffffff;--on-dark: #0f172a;--status-profit: #065f46;--status-profit-bg: #ecfdf5;--status-profit-border: #059669;--status-loss: #9f1239;--status-loss-bg: #fff1f2;--status-loss-border: #e11d48;--status-warning: #78350f;--status-warning-bg: #fef3c7;--status-warning-border: #b45309;--status-info: #075985;--status-info-bg: #f0f9ff;--status-info-border: #0284c7;--status-resolved: #581c87;--status-resolved-bg: #f5f3ff;--status-resolved-border: #7c3aed;--link: #3730a3;--link-active: #1e1b4b;--focus-outline: #3730a3;--focus-ring: rgba(55, 48, 163, .35);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .09), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .09), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-terminal: 0 10px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--shadow-glow-primary: 0 0 20px rgba(67, 56, 202, .18);--shadow-glow-yes: 0 0 16px rgba(6, 95, 70, .18);--shadow-glow-no: 0 0 16px rgba(159, 18, 57, .18);--hero-gradient: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);--hero-glow: radial-gradient(circle, rgba(67, 56, 202, .08) 0%, transparent 70%);--dialog-overlay: rgba(15, 23, 42, .55)}[data-theme=dark]{color-scheme:dark;--canvas: #080711;--canvas-subtle: #0e0c1c;--surface-card: #131126;--surface-card-elevated: #1a1733;--surface-terminal: #100e21;--surface-glass: rgba(19, 17, 38, .92);--surface-glass-border: rgba(196, 181, 253, .18);--dock-bg: rgba(14, 12, 28, .92);--primary: #3600b3;--primary-text: #c4b5fd;--primary-active: #29008a;--primary-hover: #4e10d8;--primary-subtle: rgba(124, 77, 255, .18);--primary-border: #c4b5fd;--primary-glow: rgba(124, 77, 255, .35);--accent: #7dd3fc;--accent-active: #38bdf8;--accent-subtle: rgba(56, 189, 248, .15);--outcome-yes: #00dc82;--outcome-yes-text: #34d399;--outcome-yes-active: #00b86b;--outcome-yes-subtle: rgba(0, 220, 130, .14);--outcome-yes-border: #34d399;--outcome-yes-glow: rgba(0, 220, 130, .35);--outcome-yes-solid: #047857;--outcome-yes-solid-hover: #065f46;--outcome-yes-solid-text: #ffffff;--outcome-no: #ff3366;--outcome-no-text: #fda4af;--outcome-no-active: #e01a4f;--outcome-no-subtle: rgba(255, 51, 102, .14);--outcome-no-border: #fda4af;--outcome-no-glow: rgba(255, 51, 102, .35);--outcome-no-solid: #9f1239;--outcome-no-solid-hover: #881337;--outcome-no-solid-text: #ffffff;--ink: #f8f7ff;--ink-secondary: #e2e8f0;--body: #cbd5e1;--muted: #b8b3d4;--hairline: #352f5e;--border-strong: #7c6ea8;--on-primary: #ffffff;--on-outcome: #080711;--on-dark: #f8f7ff;--status-profit: #34d399;--status-profit-bg: #06281b;--status-profit-border: #34d399;--status-loss: #fda4af;--status-loss-bg: #330814;--status-loss-border: #fda4af;--status-warning: #fcd34d;--status-warning-bg: #2a1a02;--status-warning-border: #fcd34d;--status-info: #7dd3fc;--status-info-bg: #082536;--status-info-border: #7dd3fc;--status-resolved: #d8b4fe;--status-resolved-bg: #250e38;--status-resolved-border: #d8b4fe;--link: #c4b5fd;--link-active: #ffffff;--focus-outline: #c4b5fd;--focus-ring: rgba(196, 181, 253, .45);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--shadow-md: 0 4px 14px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 30px -4px rgba(0, 0, 0, .7);--shadow-terminal: 0 8px 32px rgba(0, 0, 0, .75);--shadow-glow-primary: 0 0 24px rgba(84, 0, 230, .45);--shadow-glow-yes: 0 0 16px rgba(0, 220, 130, .35);--shadow-glow-no: 0 0 16px rgba(255, 51, 102, .35);--hero-gradient: linear-gradient(135deg, rgba(19, 17, 38, .95) 0%, rgba(14, 12, 28, .9) 100%);--hero-glow: radial-gradient(circle, rgba(54, 0, 179, .18) 0%, transparent 60%);--dialog-overlay: rgba(8, 7, 17, .88)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--canvas, #f8f9fc);color:var(--ink, #0f172a);font-family:var(--font-ui);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:76px;scroll-padding-bottom:96px}body{min-height:100vh;background-color:var(--canvas, #f8f9fc);color:var(--ink, #0f172a);overflow-x:hidden;font-family:var(--font-ui);transition:background-color .2s ease,color .2s ease}p,.prose{max-width:68ch;line-height:1.55;margin-bottom:2.25em;text-align:left;text-justify:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);color:var(--ink, #0f172a);text-align:left;font-weight:700}.tabular-nums,.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}:focus-visible{outline:2px solid var(--focus-outline, #3730a3);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring, rgba(55, 48, 163, .35))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline, #cbd5e1);border-radius:var(--radius-pill, 9999px)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong, #64748b)}.search-input:focus,.search-input:focus-visible,.native-input:focus,.native-input:focus-visible,.native-textarea:focus,.native-textarea:focus-visible,.amount-field:focus,.amount-field:focus-visible,.input-wrapper input:focus,.input-wrapper input:focus-visible,.search-input-wrapper input:focus,.search-input-wrapper input:focus-visible,.textarea-wrapper textarea:focus,.textarea-wrapper textarea:focus-visible{outline:none!important;box-shadow:none!important}button,input,select,textarea,[role=button],a.btn{min-height:var(--touch-target-min, 44px);min-width:var(--touch-target-min, 44px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){:focus-visible{outline:3px solid Highlight;outline-offset:3px;box-shadow:none}button,[role=button]{border:1px solid ButtonBorder}}