:root{--paper: #f2ede3;--paper-raised: #f7f2e8;--paper-sunk: #ece6d9;--ink: #1a1815;--ink-soft: #3a3630;--ink-muted: #6b655b;--rule: #d4cdbe;--rule-strong: #b8ad97;--confirmed: #5c7a3f;--pending: #c48a1f;--cancelled: #8a3a3a;--overdue: #6e2d2d;--muted: #8a8478;--shadow-sm: 0 1px 2px rgba(26, 24, 21, .05);--shadow-md: 0 2px 10px -4px rgba(26, 24, 21, .1), 0 1px 2px rgba(26, 24, 21, .04);--shadow-lg: 0 10px 30px -12px rgba(26, 24, 21, .18), 0 3px 8px rgba(26, 24, 21, .06);--radius: 6px 6px 20px 6px;--radius-sm: 4px 4px 12px 4px;--radius-lg: 8px 8px 28px 8px;--radius-pill: 999px 999px 999px 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-4xl: 60px;--text-5xl: 84px;--leading-tight: 1.15;--leading-snug: 1.3;--leading-body: 1.55;--leading-loose: 1.7;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-mono: 0;--tracking-label: .08em;--border: 1px solid var(--rule);--border-strong: 1px solid var(--rule-strong);--focus-ring: 2px solid var(--accent, var(--ink));--focus-offset: 3px;--ease: cubic-bezier(.2, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-1: .12s;--dur-2: .22s;--dur-3: .36s;--dur-4: .6s}[data-theme=dark]{--paper: #1a1815;--paper-raised: #22201c;--paper-sunk: #141210;--ink: #ede8dc;--ink-soft: #c8c2b4;--ink-muted: #8a8478;--rule: #3a3630;--rule-strong: #5a544a;--confirmed: #8cad6e;--pending: #e0a83a;--cancelled: #b85858;--overdue: #a04a4a;--muted: #6b655b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 2px 10px -4px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px -12px rgba(0, 0, 0, .7), 0 3px 8px rgba(0, 0, 0, .35)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #1a1815;--paper-raised: #22201c;--paper-sunk: #141210;--ink: #ede8dc;--ink-soft: #c8c2b4;--ink-muted: #8a8478;--rule: #3a3630;--rule-strong: #5a544a;--confirmed: #8cad6e;--pending: #e0a83a;--cancelled: #b85858;--overdue: #a04a4a;--muted: #6b655b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 2px 10px -4px rgba(0, 0, 0, .55), 0 1px 2px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 30px -12px rgba(0, 0, 0, .7), 0 3px 8px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}html{text-size-adjust:100%;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0;padding:0}ul,ol{list-style:none}img,svg,video,canvas{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);font-feature-settings:"ss01","kern","liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}body{min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--ink)}code,kbd,samp,pre,.mono,.num{font-family:var(--font-mono);font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums}::selection{background:var(--accent);color:var(--paper)}html{caret-color:var(--accent)}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--rule);border:3px solid var(--paper);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--rule-strong)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);font-weight:500}.tabular{font-variant-numeric:tabular-nums}.card,.surface,.chip,.tag,.badge,.btn,.btn-outline,.btn-ghost,.btn-primary,.input,.textarea,.select,.field,.modal,.sheet,.avatar,.icon-btn,.search-trigger,.tile,.callout,.pill,.toast,.ledger-row>.cell,.activity-row,.horizon,.monogram-plate{border-radius:var(--radius)}.card-sm,.chip-sm,.btn-sm,.input-sm,.tag-sm{border-radius:var(--radius-sm)}.card-lg,.hero,.cover,.modal-lg{border-radius:var(--radius-lg)}body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6,.display{font-family:var(--font-display)}.mono,.num,code,kbd,samp,pre{font-family:var(--font-mono)}h1{font-size:var(--text-3xl);font-variation-settings:"wdth" 100,"opsz" 72;font-weight:600}h2{font-size:var(--text-2xl);font-variation-settings:"wdth" 100,"opsz" 48;font-weight:600}h3{font-size:var(--text-xl);font-variation-settings:"wdth" 100,"opsz" 32;font-weight:600}h4{font-size:var(--text-md);font-variation-settings:"wdth" 100,"opsz" 24;font-weight:600}.display-xl{font-size:var(--text-5xl);font-variation-settings:"wdth" 92,"opsz" 96;font-weight:700;letter-spacing:-.03em}.monogram-plate{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ink);color:var(--paper);font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:-.02em;font-variation-settings:"wdth" 88}.monogram-plate:before{content:"jb"}.btn,.btn-outline,.btn-ghost,.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid var(--ink);color:var(--ink);transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--paper)}.btn-primary:hover{background:var(--ink);border-color:var(--ink)}.btn:hover,.btn-outline:hover{background:var(--ink);color:var(--paper)}.btn-ghost{border-color:var(--rule);color:var(--ink-soft)}.btn-ghost:hover{background:var(--paper-sunk);color:var(--ink);border-color:var(--rule-strong)}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--rule);background:transparent}.input{padding:9px 12px;border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);outline:none;transition:border-color var(--dur-1) var(--ease);width:100%}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--ink-muted)}:root{--accent: #1b3a6b;--accent-soft: #2d5592;--accent-faint: rgba(27, 58, 107, .12);--accent-ink: #f2ede3}[data-theme=dark]{--accent: #6b94cf;--accent-soft: #8aabdd;--accent-faint: rgba(107, 148, 207, .18);--accent-ink: #0e1a2e}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--accent: #6b94cf;--accent-soft: #8aabdd;--accent-faint: rgba(107, 148, 207, .18);--accent-ink: #0e1a2e}}.twist-link,.nav-item,.read-nav a,a.underlined{position:relative;display:inline-block;color:var(--ink);transition:color var(--dur-1) var(--ease)}.twist-link:after,.nav-item:after,.read-nav a:after,a.underlined:after{content:"";position:absolute;left:0;right:15%;bottom:-4px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-2) var(--ease);pointer-events:none}.twist-link:hover,.nav-item:hover,.read-nav a:hover,a.underlined:hover{color:var(--accent)}.twist-link:hover:after,.nav-item:hover:after,.read-nav a:hover:after,a.underlined:hover:after{transform:scaleX(1)}.nav-item[aria-current=page],.read-nav a[aria-current=page]{color:var(--accent)}.nav-item[aria-current=page]:after,.read-nav a[aria-current=page]:after{transform:scaleX(1)}.jupiter-shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh;background:var(--paper);color:var(--ink)}.bqb-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--rule);background:var(--paper-raised);position:sticky;top:0;height:100dvh;overflow-y:auto}.bqb-brand-block{padding:var(--space-5) var(--space-4) var(--space-4);border-bottom:1px solid var(--rule);display:block}.bqb-brand-mono{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.bqb-brand{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:var(--tracking-tight);color:var(--ink);margin-top:4px}.bqb-nav{flex:1;padding:var(--space-2);overflow-y:auto}.bqb-nav-group{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);padding:var(--space-3) var(--space-3) var(--space-2)}.bqb-nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--ink-soft);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.bqb-nav-link:hover{background:var(--paper-sunk);color:var(--ink)}.bqb-nav-link.bqb-active{color:var(--accent);background:var(--accent-faint)}.bqb-nav-dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.bqb-sidebar-footer{padding:var(--space-3);border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:var(--space-2)}.bqb-sidebar-meta{font-size:10px;letter-spacing:var(--tracking-label);color:var(--ink-muted)}.flex-row{display:flex;gap:var(--space-2)}.jupiter-main{display:flex;flex-direction:column;min-height:100dvh}.bqb-header{height:56px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);border-bottom:1px solid var(--rule);background:var(--paper)}.bqb-header h1{font-size:var(--text-lg);font-weight:600}.bqb-corner-mark{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.2em}.jupiter-content{flex:1;padding:var(--space-6);overflow-y:auto}.bqb-footer{border-top:1px solid var(--rule);padding:var(--space-3) var(--space-6);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--ink-muted);letter-spacing:var(--tracking-label);text-transform:uppercase}.jupiter-dashboard{display:flex;flex-direction:column;gap:var(--space-8)}.jupiter-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.bqb-hero{padding:var(--space-6);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg)}.bqb-hero h1{font-size:var(--text-2xl);margin-top:var(--space-2)}.bqb-hero p{color:var(--ink-muted);margin-top:var(--space-2)}.bqb-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.bqb-tile{display:flex;flex-direction:column;gap:4px;padding:var(--space-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);position:relative;overflow:hidden;transition:transform var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease)}.bqb-tile:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--bqb-tile-accent, var(--accent))}.bqb-tile:hover{transform:translateY(-2px);border-color:var(--rule-strong)}.bqb-tile-icon{font-size:var(--text-lg);font-family:var(--font-mono)}.bqb-tile-label{font-weight:600;font-size:var(--text-md)}.bqb-tile-sub{color:var(--ink-muted);font-size:var(--text-sm)}.bqb-card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius)}.bqb-input{display:block;width:100%;padding:9px 12px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-1) var(--ease)}.bqb-input:focus{border-color:var(--accent)}.bqb-label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}.bqb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 14px;border:1px solid var(--ink);color:var(--ink);background:transparent;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.bqb-btn:hover{background:var(--ink);color:var(--paper)}.bqb-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.bqb-btn-primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.bqb-btn-primary:disabled{opacity:.5;cursor:not-allowed}.w-full{width:100%}.bqb-error-banner{border:1px solid var(--cancelled);color:var(--cancelled);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.jupiter-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--paper)}.jupiter-login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-6);text-align:center}.jupiter-login-brand h1{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);margin-top:4px}.jupiter-login-brand p{font-size:var(--text-sm);color:var(--ink-muted);margin-top:4px}.jupiter-bottom-nav{display:none;position:fixed;inset:auto 0 0;z-index:50;background:var(--paper-raised);border-top:1px solid var(--rule);padding:6px 4px calc(env(safe-area-inset-bottom,0) + 6px);justify-content:space-around;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s ease;will-change:transform}.jupiter-bottom-nav--hidden{transform:translateY(110%);opacity:.4}.jupiter-bottom-nav-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;min-width:48px;padding:6px 4px;font-size:10px;color:var(--ink-muted);border-radius:var(--radius-sm);position:relative;transition:transform 80ms ease,background-color .12s ease,color .12s ease}.jupiter-bottom-nav-link:active{transform:scale(.92)}.jupiter-bottom-nav-icon{font-family:var(--font-mono);font-size:var(--text-md)}.jupiter-bottom-nav-label{font-family:var(--font-mono);letter-spacing:var(--tracking-label);text-transform:uppercase}.jupiter-bottom-nav-link.bqb-active{color:var(--accent);background:var(--accent-faint);border-radius:6px 6px 6px 14px;box-shadow:inset 0 2px 0 var(--accent)}.jupiter-bottom-nav-link.bqb-active:after{content:"";position:absolute;bottom:2px;right:4px;width:6px;height:6px;border-radius:999px;background:var(--accent)}@media (max-width: 767px){.jupiter-shell{grid-template-columns:1fr}.bqb-sidebar{display:none}.jupiter-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0))}.jupiter-bottom-nav{display:flex}.jupiter-content{padding:var(--space-4)}.bqb-header{padding:0 var(--space-4)}}@media (max-width: 767px){.dash-pill{min-height:40px;transition:transform 80ms ease,background .2s ease,box-shadow .2s ease}.dash-pill:active{transform:scale(.94);background:linear-gradient(90deg,color-mix(in oklab,var(--accent, #1f3fb8) 28%,var(--paper)),color-mix(in oklab,#a57516 28%,var(--paper)));box-shadow:0 0 0 4px color-mix(in oklab,var(--accent, #1f3fb8) 16%,transparent)}}.dash-ptr{position:relative;height:0;overflow:hidden;transition:height .16s ease;display:flex;align-items:flex-end;justify-content:center}.dash-ptr--pulling{height:var(--ptr-h, 0px)}.dash-ptr--ready{height:56px}.dash-ptr-icon{font-family:var(--font-mono);font-size:11px;color:var(--accent, #1f3fb8);letter-spacing:var(--tracking-label);text-transform:uppercase;padding-bottom:8px}.dash-ptr--ready .dash-ptr-icon{animation:ptrSpin .9s linear infinite}@keyframes ptrSpin{to{transform:rotate(360deg)}}@media (max-width: 767px){.dash-kpi-refresh{display:none}.dash-kpis{grid-template-columns:repeat(4,80vw);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:4px}.dash-kpi{scroll-snap-align:start}}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.text-2xl{font-size:var(--text-2xl)}.font-bold{font-weight:700}.tracking-tight{letter-spacing:var(--tracking-tight)}.mt-1{margin-top:4px}.mt-3{margin-top:12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--sidebar-w: 260px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--tabbar-h: 64px;--tap-min: 44px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 14px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 29px;--fs-hero: 38px;--lh-tight: 1.2;--lh-snug: 1.35;--lh-normal: 1.5;--lh-relaxed: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--ease-out: cubic-bezier(.2,.8,.2,1);--ease-in-out: cubic-bezier(.4,0,.2,1);--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--bg-deep: #0e0e10;--bg-surface: #16161a;--bg-card: rgba(255, 255, 255, .035);--bg-card-hover: rgba(255, 255, 255, .065);--bg-input: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: rgba(255, 107, 91, .5);--text: rgba(244, 243, 240, .94);--text-secondary: rgba(168, 166, 160, .8);--text-dim: rgba(117, 115, 110, .75);--accent: #ff6b5b;--accent-hover: #ff8a7b;--accent-glow: rgba(255, 107, 91, .2);--accent-2: #ffb26b;--income: #34d399;--income-bg: rgba(52, 211, 153, .1);--expense: #fb7185;--expense-bg: rgba(251, 113, 133, .1);--purple: #c4b5fd;--purple-bg: rgba(196, 181, 253, .08);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .08);--amber: #fcd34d;--amber-bg: rgba(252, 211, 77, .1);--orange: #fdba74;--orange-bg: rgba(253, 186, 116, .1);--cyan: #67e8f9;--cyan-bg: rgba(103, 232, 249, .08);--red: #fda4af;--red-bg: rgba(253, 164, 175, .1);--green: #86efac;--green-bg: rgba(134, 239, 172, .08);--pink: #f9a8d4;--pink-bg: rgba(249, 168, 212, .08);--chart-positive: var(--income);--chart-negative: var(--expense);--chart-warning: var(--amber);--chart-accent: var(--accent);--chart-secondary: var(--purple);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(135deg, rgba(255,107,91,.04), rgba(255,178,107,.02));--spatial-bg: radial-gradient(ellipse 900px 700px at 85% 12%, rgba(255, 107, 91, .11), transparent), radial-gradient(ellipse 700px 600px at 8% 85%, rgba(255, 178, 107, .07), transparent), var(--bg-deep)}[data-theme=graphite]{--bg-deep: #0e0e10;--bg-surface: #16161a;--bg-card: rgba(255, 255, 255, .035);--bg-card-hover: rgba(255, 255, 255, .065);--bg-input: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .16);--border-focus: rgba(255, 107, 91, .5);--text: rgba(244, 243, 240, .94);--text-secondary: rgba(168, 166, 160, .8);--text-dim: rgba(117, 115, 110, .75);--accent: #ff6b5b;--accent-hover: #ff8a7b;--accent-glow: rgba(255, 107, 91, .2);--accent-2: #ffb26b;--income: #34d399;--income-bg: rgba(52, 211, 153, .1);--expense: #fb7185;--expense-bg: rgba(251, 113, 133, .1);--purple: #c4b5fd;--purple-bg: rgba(196, 181, 253, .08);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .08);--amber: #fcd34d;--amber-bg: rgba(252, 211, 77, .1);--orange: #fdba74;--orange-bg: rgba(253, 186, 116, .1);--cyan: #67e8f9;--cyan-bg: rgba(103, 232, 249, .08);--red: #fda4af;--red-bg: rgba(253, 164, 175, .1);--green: #86efac;--green-bg: rgba(134, 239, 172, .08);--pink: #f9a8d4;--pink-bg: rgba(249, 168, 212, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(135deg, rgba(255,107,91,.04), rgba(255,178,107,.02));--spatial-bg: radial-gradient(ellipse 900px 700px at 85% 12%, rgba(255, 107, 91, .11), transparent), radial-gradient(ellipse 700px 600px at 8% 85%, rgba(255, 178, 107, .07), transparent), var(--bg-deep)}[data-theme=slate]{--bg-deep: #0b1220;--bg-surface: #131c2e;--bg-card: rgba(255, 255, 255, .035);--bg-card-hover: rgba(255, 255, 255, .07);--bg-input: rgba(255, 255, 255, .035);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .17);--border-focus: rgba(103, 232, 249, .5);--text: rgba(231, 236, 243, .95);--text-secondary: rgba(160, 174, 192, .82);--text-dim: rgba(102, 112, 133, .78);--accent: #67e8f9;--accent-hover: #a5f3fc;--accent-glow: rgba(103, 232, 249, .2);--accent-2: #818cf8;--income: #34d399;--income-bg: rgba(52, 211, 153, .1);--expense: #fb7185;--expense-bg: rgba(251, 113, 133, .1);--purple: #c4b5fd;--purple-bg: rgba(196, 181, 253, .08);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .08);--amber: #fcd34d;--amber-bg: rgba(252, 211, 77, .1);--orange: #fdba74;--orange-bg: rgba(253, 186, 116, .1);--cyan: #67e8f9;--cyan-bg: rgba(103, 232, 249, .08);--red: #fda4af;--red-bg: rgba(253, 164, 175, .1);--green: #86efac;--green-bg: rgba(134, 239, 172, .08);--pink: #f9a8d4;--pink-bg: rgba(249, 168, 212, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(135deg, rgba(103,232,249,.05), rgba(129,140,248,.03));--spatial-bg: radial-gradient(ellipse 900px 700px at 82% 12%, rgba(103, 232, 249, .13), transparent), radial-gradient(ellipse 700px 600px at 12% 85%, rgba(129, 140, 248, .1), transparent), var(--bg-deep)}[data-theme=carbon]{--bg-deep: #09090b;--bg-surface: #141416;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .065);--bg-input: rgba(255, 255, 255, .035);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--border-focus: rgba(190, 242, 100, .55);--text: rgba(250, 250, 250, .96);--text-secondary: rgba(161, 161, 170, .84);--text-dim: rgba(113, 113, 122, .8);--accent: #bef264;--accent-hover: #d9f99d;--accent-glow: rgba(190, 242, 100, .22);--accent-2: #86efac;--income: #86efac;--income-bg: rgba(134, 239, 172, .1);--expense: #fda4af;--expense-bg: rgba(253, 164, 175, .1);--purple: #c4b5fd;--purple-bg: rgba(196, 181, 253, .08);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .08);--amber: #fcd34d;--amber-bg: rgba(252, 211, 77, .1);--orange: #fdba74;--orange-bg: rgba(253, 186, 116, .1);--cyan: #67e8f9;--cyan-bg: rgba(103, 232, 249, .08);--red: #fda4af;--red-bg: rgba(253, 164, 175, .1);--green: #86efac;--green-bg: rgba(134, 239, 172, .08);--pink: #f9a8d4;--pink-bg: rgba(249, 168, 212, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .55);--gradient-card: linear-gradient(135deg, rgba(190,242,100,.04), rgba(134,239,172,.02));--spatial-bg: radial-gradient(ellipse 900px 700px at 85% 10%, rgba(190, 242, 100, .1), transparent), radial-gradient(ellipse 700px 600px at 8% 88%, rgba(134, 239, 172, .06), transparent), var(--bg-deep)}[data-theme=nocturne]{--bg-deep: #101318;--bg-surface: #181c22;--bg-card: rgba(255, 255, 255, .035);--bg-card-hover: rgba(255, 255, 255, .07);--bg-input: rgba(255, 255, 255, .035);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .17);--border-focus: rgba(232, 121, 249, .5);--text: rgba(236, 240, 241, .94);--text-secondary: rgba(155, 164, 174, .82);--text-dim: rgba(107, 115, 128, .78);--accent: #e879f9;--accent-hover: #f0abfc;--accent-glow: rgba(232, 121, 249, .22);--accent-2: #8b5cf6;--income: #34d399;--income-bg: rgba(52, 211, 153, .1);--expense: #fb7185;--expense-bg: rgba(251, 113, 133, .1);--purple: #c4b5fd;--purple-bg: rgba(196, 181, 253, .08);--blue: #93c5fd;--blue-bg: rgba(147, 197, 253, .08);--amber: #fcd34d;--amber-bg: rgba(252, 211, 77, .1);--orange: #fdba74;--orange-bg: rgba(253, 186, 116, .1);--cyan: #67e8f9;--cyan-bg: rgba(103, 232, 249, .08);--red: #fda4af;--red-bg: rgba(253, 164, 175, .1);--green: #86efac;--green-bg: rgba(134, 239, 172, .08);--pink: #f9a8d4;--pink-bg: rgba(249, 168, 212, .08);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--gradient-card: linear-gradient(135deg, rgba(232,121,249,.05), rgba(139,92,246,.03));--spatial-bg: radial-gradient(ellipse 900px 700px at 85% 12%, rgba(232, 121, 249, .11), transparent), radial-gradient(ellipse 700px 600px at 10% 85%, rgba(139, 92, 246, .09), transparent), var(--bg-deep)}[data-theme=porcelain]{--bg-deep: #fafaf8;--bg-surface: #f2f0ea;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .98);--bg-input: rgba(0, 0, 0, .025);--border: rgba(26, 26, 26, .1);--border-hover: rgba(26, 26, 26, .2);--border-focus: rgba(159, 18, 57, .5);--text: #1a1a1a;--text-secondary: #4a4a4a;--text-dim: #8a8a8a;--accent: #9f1239;--accent-hover: #be123c;--accent-glow: rgba(159, 18, 57, .12);--accent-2: #fda4af;--income: #15803d;--income-bg: rgba(21, 128, 61, .08);--expense: #b91c1c;--expense-bg: rgba(185, 28, 28, .07);--purple: #6d28d9;--purple-bg: rgba(109, 40, 217, .06);--blue: #1d4ed8;--blue-bg: rgba(29, 78, 216, .06);--amber: #b45309;--amber-bg: rgba(180, 83, 9, .07);--orange: #c2410c;--orange-bg: rgba(194, 65, 12, .06);--cyan: #0e7490;--cyan-bg: rgba(14, 116, 144, .06);--red: #b91c1c;--red-bg: rgba(185, 28, 28, .07);--green: #15803d;--green-bg: rgba(21, 128, 61, .06);--pink: #be185d;--pink-bg: rgba(190, 24, 93, .06);--shadow: 0 2px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .09);--gradient-card: linear-gradient(135deg, rgba(159,18,57,.03), rgba(253,164,175,.02));--spatial-bg: radial-gradient(ellipse 1000px 700px at 82% 10%, rgba(253, 164, 175, .22), transparent), radial-gradient(ellipse 800px 600px at 8% 80%, rgba(159, 18, 57, .06), transparent), linear-gradient(160deg, #fafaf8, #f5f3ee, #f2f0ea)}[data-theme=vellum]{--bg-deep: #f5f1ea;--bg-surface: #ede6d8;--bg-card: rgba(255, 253, 248, .85);--bg-card-hover: rgba(255, 253, 248, .98);--bg-input: rgba(42, 37, 32, .03);--border: rgba(42, 37, 32, .12);--border-hover: rgba(42, 37, 32, .22);--border-focus: rgba(13, 148, 136, .5);--text: #2a2520;--text-secondary: #5c554a;--text-dim: #8a8275;--accent: #0d9488;--accent-hover: #14b8a6;--accent-glow: rgba(13, 148, 136, .14);--accent-2: #a3e635;--income: #166534;--income-bg: rgba(22, 101, 52, .07);--expense: #991b1b;--expense-bg: rgba(153, 27, 27, .07);--purple: #6b21a8;--purple-bg: rgba(107, 33, 168, .06);--blue: #1e40af;--blue-bg: rgba(30, 64, 175, .06);--amber: #92400e;--amber-bg: rgba(146, 64, 14, .07);--orange: #9a3412;--orange-bg: rgba(154, 52, 18, .06);--cyan: #155e75;--cyan-bg: rgba(21, 94, 117, .06);--red: #991b1b;--red-bg: rgba(153, 27, 27, .06);--green: #166534;--green-bg: rgba(22, 101, 52, .06);--pink: #9d174d;--pink-bg: rgba(157, 23, 77, .06);--shadow: 0 2px 12px rgba(42, 37, 32, .08);--shadow-lg: 0 6px 24px rgba(42, 37, 32, .12);--gradient-card: linear-gradient(135deg, rgba(13,148,136,.04), rgba(163,230,53,.02));--spatial-bg: radial-gradient(ellipse 900px 700px at 85% 10%, rgba(163, 230, 53, .15), transparent), radial-gradient(ellipse 700px 600px at 8% 85%, rgba(13, 148, 136, .09), transparent), linear-gradient(160deg, #f5f1ea, #ede6d8, #e5dcc8)}:is([data-theme=porcelain],[data-theme=vellum]) .sidebar{background:#ffffffb8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border)}:is([data-theme=porcelain],[data-theme=vellum]) .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.45)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}:is([data-theme=porcelain],[data-theme=vellum]) .form-group select option{background:#fff;color:#1e1e2e}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.theme-grid-wide{grid-template-columns:repeat(4,1fr)}@media (max-width: 640px){.theme-grid-wide{grid-template-columns:repeat(2,1fr)}}.theme-swatch{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;color:var(--text);font-family:inherit;font-size:12px;font-weight:600;text-align:left;transition:all .15s}.theme-swatch:hover{border-color:var(--accent);background:var(--bg-card-hover);transform:translateY(-1px)}.theme-swatch.active{border-color:var(--accent);background:var(--accent-glow);box-shadow:0 0 0 1px var(--accent)}.theme-swatch .sw{width:22px;height:22px;border-radius:6px;border:1px solid var(--border-hover);flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff0f}.theme-swatch .lbl{flex:1}html{font-size:15px}body{background:var(--bg-deep);color:var(--text);font-family:Inter,-apple-system,sans-serif;line-height:1.5;min-height:100vh;overscroll-behavior-y:none;transition:background .5s,color .3s}body.app{display:flex;padding-bottom:env(safe-area-inset-bottom)}body.app:before{content:"";position:fixed;inset:0;background:var(--spatial-bg);z-index:-1;pointer-events:none}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:10000}.skip-link:focus{left:16px;top:16px;width:auto;height:auto;padding:10px 16px;background:var(--bg-surface);color:var(--text);border:2px solid var(--accent);border-radius:var(--radius);font-weight:600;text-decoration:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:color-mix(in srgb,var(--bg-deep) 90%,black 10%);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 14px;z-index:100;backdrop-filter:blur(24px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--accent)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 10px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 15px var(--accent-glow);animation:brandPulse 4s ease-in-out infinite}@keyframes brandPulse{0%,to{box-shadow:0 4px 15px var(--accent-glow)}50%{box-shadow:0 4px 20px var(--accent-glow)}}.brand-name{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--text)}.nav-links{list-style:none;flex:1;display:flex;flex-direction:column;gap:2px}.nav-links a,.nav-logout{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:400;transition:all .15s ease}.nav-links a:hover,.nav-logout:hover{background:var(--bg-card-hover);color:var(--text)}.nav-links a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent-2) 10%,transparent));color:var(--accent);font-weight:500;box-shadow:0 0 20px var(--accent-glow);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent)}.nav-links a.active [data-lucide],.nav-links a.active svg{stroke:var(--accent)}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);padding:16px 12px 6px}.nav-section-toggle{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:13.5px;transition:all .15s ease;cursor:pointer}.nav-section-toggle:hover{background:var(--bg-card-hover);color:var(--text)}a.nav-section-toggle.active{color:var(--text);font-weight:500;background:none;border:none}.nav-chevron{margin-left:auto;transition:transform .2s ease;opacity:.4;width:16px;height:16px}.nav-chevron.open{transform:rotate(180deg)}.nav-sub{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:20px;margin-top:4px;margin-left:16px;border-left:1px solid var(--border)}.nav-sub.show{max-height:500px;margin-bottom:18px;padding-bottom:4px}.nav-sub li a{display:block;padding:7px 12px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:13px;transition:all .15s;margin-bottom:1px}.nav-sub li a:hover{color:var(--text-secondary);background:var(--bg-card)}.nav-sub li a.active{color:var(--accent);font-weight:500;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent-2) 8%,transparent));margin-left:-21px;padding-left:20px;border-left:2px solid var(--accent);border-radius:0 8px 8px 0}.sidebar-footer{border-top:1px solid var(--border);padding-top:12px;display:flex;align-items:center;justify-content:space-between}.nav-logout{cursor:pointer}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);transition:all .2s;display:flex;align-items:center}.theme-toggle:hover{background:var(--bg-card-hover);color:var(--text)}.privacy-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:8px;cursor:pointer;color:var(--text-dim);transition:all .2s;display:flex;align-items:center}.privacy-toggle:hover{background:var(--bg-card-hover);color:var(--text)}.privacy-icon-off{display:inline}.privacy-icon-on,[data-privacy=on] .privacy-icon-off{display:none}[data-privacy=on] .privacy-icon-on{display:inline}[data-privacy=on] .privacy-toggle{color:var(--accent);border-color:var(--accent)}.sidebar-footer-actions{display:flex;gap:6px;align-items:center}.topbar-privacy{padding:6px 8px}.topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 0 20px;gap:12px}.topbar-left{flex:1}.topbar-page{display:none}.topbar-right{display:flex;align-items:center;gap:8px}.theme-switcher{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.theme-btn{display:flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:8px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:all .2s}.theme-btn:hover{color:var(--text-secondary);background:var(--bg-card-hover)}.theme-btn.active{background:var(--accent-glow);color:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.content{margin-left:var(--sidebar-w);flex:1;min-width:0;padding:20px 36px 28px;min-height:100dvh;max-width:calc(var(--sidebar-w) + 1100px);position:relative;z-index:1}.page-header{margin-bottom:28px;position:relative}.page-header h1{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-dim);font-size:13px;margin-top:4px;-webkit-text-fill-color:var(--text-dim)}:is([data-theme=porcelain],[data-theme=vellum]) .page-header h1{background:linear-gradient(135deg,var(--text),var(--accent));-webkit-background-clip:text;background-clip:text}.card{background:var(--bg-card);background-image:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;color:var(--text);letter-spacing:.3px;display:flex;align-items:center;gap:8px}.mb-24{margin-bottom:24px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-box{background:var(--bg-card);background-image:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .25s;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);opacity:0;transition:opacity .25s}.stat-box:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-box:hover:before{opacity:.6}.stat-box .stat-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px;display:flex;align-items:center;gap:6px}.stat-box .stat-value{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600}.stat-value.income{color:var(--income)}.stat-value.expense{color:var(--expense)}.stat-value.balance{color:var(--accent)}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.account-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);backdrop-filter:blur(12px);transition:all .25s ease}.account-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.account-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.account-card[data-color=amber]{border-left:3px solid var(--amber)}.account-card[data-color=cyan]{border-left:3px solid var(--cyan)}.account-card[data-color=blue]{border-left:3px solid var(--blue)}.account-card[data-color=green]{border-left:3px solid var(--green)}.account-card[data-color=red]{border-left:3px solid var(--red)}.account-card[data-color=purple]{border-left:3px solid var(--purple)}.account-card[data-color=orange]{border-left:3px solid var(--orange)}.account-card[data-color=pink]{border-left:3px solid var(--pink)}.account-card[data-color=amber] .account-icon{background:var(--amber-bg);color:var(--amber)}.account-card[data-color=cyan] .account-icon{background:var(--cyan-bg);color:var(--cyan)}.account-card[data-color=blue] .account-icon{background:var(--blue-bg);color:var(--blue)}.account-card[data-color=green] .account-icon{background:var(--green-bg);color:var(--green)}.account-card[data-color=red] .account-icon{background:var(--red-bg);color:var(--red)}.account-card[data-color=purple] .account-icon{background:var(--purple-bg);color:var(--purple)}.account-card[data-color=orange] .account-icon{background:var(--orange-bg);color:var(--orange)}.account-card[data-color=pink] .account-icon{background:var(--pink-bg);color:var(--pink)}.account-card[data-color=amber] .account-balance{color:var(--amber)}.account-card[data-color=cyan] .account-balance{color:var(--cyan)}.account-card[data-color=blue] .account-balance{color:var(--blue)}.account-card[data-color=green] .account-balance{color:var(--green)}.account-card[data-color=red] .account-balance{color:var(--red)}.account-card[data-color=purple] .account-balance{color:var(--purple)}.account-card[data-color=orange] .account-balance{color:var(--orange)}.account-card[data-color=pink] .account-balance{color:var(--pink)}.balance-row[data-color=amber]{border-left:3px solid var(--amber)}.balance-row[data-color=cyan]{border-left:3px solid var(--cyan)}.balance-row[data-color=blue]{border-left:3px solid var(--blue)}.balance-row[data-color=green]{border-left:3px solid var(--green)}.balance-row[data-color=red]{border-left:3px solid var(--red)}.balance-row[data-color=purple]{border-left:3px solid var(--purple)}.balance-row[data-color=orange]{border-left:3px solid var(--orange)}.balance-row[data-color=pink]{border-left:3px solid var(--pink)}.account-icon.c-blue{background:var(--blue-bg);color:var(--blue)}.account-icon.c-green{background:var(--green-bg);color:var(--green)}.account-icon.c-purple{background:var(--purple-bg);color:var(--purple)}.account-icon.c-orange{background:var(--orange-bg);color:var(--orange)}.account-icon.c-amber{background:var(--amber-bg);color:var(--amber)}.account-icon.c-red{background:var(--red-bg);color:var(--red)}.account-icon.c-pink{background:var(--pink-bg);color:var(--pink)}.account-icon.c-cyan{background:var(--cyan-bg);color:var(--cyan)}.account-info{min-width:0}.account-name{font-size:12.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-balance{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600;color:var(--text);margin-top:2px}.account-updated{font-size:10.5px;color:var(--text-dim);margin-top:2px}.tx-list{list-style:none}.tx-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}.tx-item:last-child{border-bottom:none}.tx-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-secondary)}.tx-details{flex:1;min-width:0}.tx-desc{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-meta{font-size:12px;color:var(--text-dim);margin-top:1px}.tx-amount{font-family:Space Grotesk,sans-serif;font-size:14.5px;font-weight:600;flex-shrink:0}.tx-amount.income{color:var(--income)}.tx-amount.expense{color:var(--expense)}.finance-form{display:flex;flex-direction:column;gap:14px;max-width:680px}.form-row{display:flex;gap:12px}.form-group{flex:1;display:flex;flex-direction:column;gap:5px}.form-group label{font-size:11.5px;color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:9px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-focus);background:var(--bg-card-hover);box-shadow:0 0 0 3px var(--accent-glow)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.3)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group select option{background:var(--bg-surface);color:var(--text)}.type-toggle{display:flex;gap:8px}.type-btn{flex:1;padding:9px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-dim);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;text-align:center}.type-btn:hover{background:var(--bg-card-hover)}.type-btn.active-expense{background:var(--expense-bg);border-color:#fb71854d;color:var(--expense)}.type-btn.active-income{background:var(--income-bg);border-color:#34d3994d;color:var(--income)}.btn-primary{padding:10px 24px;max-width:200px;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:10px;color:#fff;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px var(--accent-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:left .5s}.btn-primary:hover:after{left:120%}.btn-primary:hover{box-shadow:0 8px 30px var(--accent-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:8px 16px;font-size:11px}.btn-link{color:var(--accent);text-decoration:none;font-size:13px;opacity:.7;transition:opacity .2s}.btn-link:hover{opacity:1}.btn-icon{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:8px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-card-hover);color:var(--text)}.btn-icon.btn-danger:hover{background:var(--expense-bg);color:var(--expense)}.balance-update-grid{display:flex;flex-direction:column;gap:6px;max-width:600px}.balance-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-radius:10px;background:var(--bg-input);border:1px solid transparent;transition:border-color .2s}.balance-row:hover{border-color:var(--border)}.balance-label{display:flex;align-items:center;gap:10px;font-size:14px;min-width:200px}.balance-cur{color:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.balance-input{width:160px;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;text-align:right;outline:none;transition:border-color .2s}.balance-input:focus{border-color:var(--border-focus)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table th{text-align:left;padding:10px 14px;color:var(--text-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--bg-card)}.data-table .text-right{text-align:right}.data-table .row-current{background:var(--accent-glow)}.data-table .row-current td{border-bottom-color:var(--accent-glow)}.chart-container{position:relative;width:100%}.chart-container canvas{width:100%}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:520px}.icon-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-dim)}.icon-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow)}.icon-item.selected{background:var(--accent-glow);border-color:var(--accent-glow);color:var(--accent)}.icon-item .icon-circle{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);transition:all .2s}.icon-item .icon-label{font-size:11px;letter-spacing:.3px;text-align:center}.tx-item.inactive{opacity:.4}.badge-inactive,.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.badge-inactive{background:var(--bg-card-hover);color:var(--text-dim)}.badge-success{background:var(--income-bg);color:var(--income)}.badge-warning{background:var(--amber-bg);color:var(--amber)}.badge-danger{background:var(--expense-bg);color:var(--expense)}.badge-info{background:var(--blue-bg);color:var(--blue)}.checklist{list-style:none}.check-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.check-item:last-child{border-bottom:none}.check-item input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.check-item input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.check-item input[type=checkbox]:checked:after{content:"";width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.check-item.checked .check-label{text-decoration:line-through;color:var(--text-dim)}.check-label{flex:1;font-size:14px}.check-meta{font-size:12px;color:var(--text-dim)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.toast{position:fixed;bottom:24px;right:24px;padding:14px 20px;border-radius:12px;font-size:13px;z-index:1000;backdrop-filter:blur(12px);animation:slideUp .3s ease,fadeOut .3s ease 2.7s forwards}.toast.success{background:var(--income-bg);border:1px solid rgba(52,211,153,.3);color:var(--income)}.toast.error{background:var(--expense-bg);border:1px solid rgba(251,113,133,.3);color:var(--expense)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.hp-modal{display:none;position:fixed;inset:0;z-index:300;background:#0000008c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);align-items:center;justify-content:center}.hp-modal.open{display:flex}.hp-modal-panel{width:500px;max-width:92vw;max-height:90vh;overflow-y:auto}.jc-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px);opacity:0;transition:opacity .2s ease}.jc-overlay.show{opacity:1}.jc-box{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:320px;max-width:90vw;box-shadow:var(--shadow-lg);transform:scale(.95);transition:transform .2s ease}.jc-overlay.show .jc-box{transform:scale(1)}.jc-message{font-size:14px;color:var(--text);line-height:1.5;margin-bottom:20px}.jc-actions{display:flex;gap:8px;justify-content:flex-end}.jc-btn{padding:8px 20px;border-radius:10px;border:1px solid var(--border);font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.jc-cancel{background:var(--bg-card);color:var(--text-secondary)}.jc-cancel:hover{background:var(--bg-card-hover);color:var(--text)}.jc-ok{background:var(--expense-bg);border-color:#fb71854d;color:var(--expense)}.jc-ok:hover{background:var(--expense);color:#fff;border-color:var(--expense)}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim)}.empty-state svg{margin-bottom:12px;opacity:.3}.empty-state p{font-size:14px}.mobile-menu-btn{display:none!important}.sidebar-expand-btn{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s;flex-shrink:0}.sidebar-expand-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg-card-hover)}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:99;background:#00000080;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.sidebar-backdrop.show{display:block;opacity:1}@media (max-width: 768px){html{overflow-x:hidden;overflow-x:clip;width:100%;max-width:100vw}body{overflow-x:hidden;overflow-x:clip;width:100%;max-width:100vw;min-width:0;overscroll-behavior-x:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;height:100dvh;display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;z-index:150;transform:translate(-100%);transition:transform .25s ease;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{display:none}.sidebar.open{transform:translate(0)}.sidebar-expand-btn{display:none}.sidebar .sidebar-brand{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding:4px 10px 20px;border-bottom:1px solid var(--border);margin-bottom:16px}.sidebar .brand-icon{display:flex;width:36px;height:36px;border-radius:10px}.sidebar .brand-icon i{width:20px!important;height:20px!important}.sidebar .brand-name{display:inline}.sidebar .nav-links{flex-direction:column;width:100%;gap:2px}.sidebar .nav-links span{display:inline}.sidebar .nav-label{display:block}.sidebar .nav-sub{display:block;max-height:0;overflow:hidden;transition:max-height .3s ease}.sidebar .nav-sub.show{max-height:500px}.sidebar .nav-chevron,.sidebar .nav-section{display:block}.sidebar .nav-links>li>a,.sidebar .nav-section-toggle{justify-content:flex-start;padding:10px 12px;min-height:44px;gap:12px}.sidebar .sidebar-footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:6px;padding-top:12px}.sidebar .sidebar-footer span{display:inline}.sidebar .nav-logout{justify-content:flex-start;padding:10px 12px;gap:12px}.sidebar .sidebar-footer-actions{flex-direction:row;gap:6px}.sidebar .privacy-toggle{border:1px solid var(--border);padding:8px}[data-privacy=on] .sidebar .privacy-toggle{border-color:var(--accent)}.content{margin-left:0!important;padding:20px 12px 24px;max-width:100vw;width:auto;min-width:0;overflow:hidden;box-sizing:border-box}.topbar{padding:0 0 12px}.grid-2,.grid-3{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,1fr)}.stats-row{grid-template-columns:1fr 1fr}.form-row{flex-direction:column}.account-grid{grid-template-columns:1fr}.balance-row{flex-direction:column;gap:8px}.balance-input{width:100%;text-align:left}.balance-label{min-width:auto}.card,.table-wrap{overflow-x:auto;max-width:100%}table{width:100%}img,video,canvas,svg{max-width:100%;height:auto}pre,code{overflow-x:auto;word-break:break-all}.toast{bottom:24px;right:12px;left:12px}.modal-row,.iv-from-to,.detail-grid,.kr-row,.cu-row,.summary-row,.pj-modal-row{grid-template-columns:1fr!important}.modal input,.modal select,.modal textarea,input,select,textarea{min-width:0!important;font-size:16px}.topbar-page{max-width:calc(100% - 120px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.topbar-menu-btn{display:inline-flex}#privacy-toggle-topbar{display:none}.c-palette{width:calc(100vw - 16px);max-width:calc(100vw - 16px);margin:12px auto auto}.pj-board,.hot-plate-board,.kanban{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.pj-board>*,.hot-plate-board>*,.kanban>*{scroll-snap-align:start}.cu-row{gap:4px!important;padding:12px 14px}}.topbar-menu-btn{display:none;background:transparent;border:1px solid var(--border);border-radius:10px;padding:8px;margin-right:10px;color:var(--text);cursor:pointer;align-items:center;justify-content:center;min-width:40px;min-height:40px}.topbar-menu-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}}.focus-overlay{position:fixed;inset:0;display:none;background:radial-gradient(ellipse at top,#1e2959fa,#080a18fc 70%);z-index:10000;color:#f6f8ff;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);align-items:center;justify-content:center;padding:24px;animation:focusFadeIn .25s ease-out}.focus-overlay.open{display:flex}@keyframes focusFadeIn{0%{opacity:0}to{opacity:1}}body.focus-active{overflow:hidden}body.focus-active .page-header,body.focus-active main>*:not(#focus-overlay),body.focus-active .bottom-nav,body.focus-active #spatial-bg{filter:blur(6px) brightness(.5);transition:filter .3s}.focus-inner{max-width:640px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.focus-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:#f6f8ff8c}.focus-title{font-size:clamp(22px,4vw,34px);font-weight:600;line-height:1.25;margin:0;max-width:560px;color:#fff}.focus-timer{font-size:clamp(72px,14vw,120px);font-weight:200;font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:#fff;text-shadow:0 0 40px var(--accent-glow);margin:8px 0}.focus-timer[data-phase=over]{color:#fbbf24;text-shadow:0 0 40px rgba(251,191,36,.4)}.focus-state{font-size:13px;color:#f6f8ff99;letter-spacing:.02em}.focus-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}.focus-btn{padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f6f8ff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,transform .1s}.focus-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.focus-btn-done{background:#34d39938;border-color:#34d39980}.focus-btn-done:hover{background:#34d39957}.focus-btn-bail{background:#f871712e;border-color:#f8717166}.focus-btn-bail:hover{background:#f8717147}.focus-bail-pane{margin-top:8px;padding:14px 16px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:14px;width:100%;max-width:480px}.focus-bail-q{font-size:13px;color:#f6f8ffb3;margin-bottom:10px}.focus-bail-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.focus-bail-opt{padding:8px 14px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f6f8ff;font-size:13px;cursor:pointer}.focus-bail-opt:hover{background:#f871714d;border-color:#f8717180}.focus-close{margin-top:18px;background:transparent;border:none;color:#f6f8ff66;font-size:12px;cursor:pointer;text-decoration:underline}.focus-close:hover{color:#f6f8ffb3}.now-widget{display:flex;flex-direction:column;gap:10px;padding:18px 20px;margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--accent-glow),rgba(236,72,153,.06));border:1px solid var(--accent-glow);border-radius:16px;position:relative;overflow:hidden}.now-widget:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0%,var(--accent-glow),transparent 50%);pointer-events:none}.now-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.now-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text);margin:0}.now-title i{width:16px;height:16px;color:var(--accent)}.now-energy-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim);padding:3px 10px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border)}.now-tasks{display:flex;flex-direction:column;gap:6px;position:relative}.now-task{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border);transition:border-color .15s,background .15s}.now-task:hover{border-color:var(--accent)}.now-task-main{display:flex;flex-direction:column;gap:3px;min-width:0}.now-task-title{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-task-meta{font-size:11px;color:var(--text-dim);display:flex;gap:8px;flex-wrap:wrap}.now-task-meta .sep{opacity:.4}.now-focus-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;border:none;font-size:12px;font-weight:500;cursor:pointer;transition:opacity .15s,transform .1s}.now-focus-btn:hover{opacity:.9;transform:translateY(-1px)}.now-empty{font-size:12px;color:var(--text-dim);padding:8px 0;text-align:center}.now-bottom{font-size:11px;color:var(--text-dim);display:flex;justify-content:space-between;gap:10px}.now-not-feeling{background:none;border:none;color:var(--text-dim);font-size:11px;text-decoration:underline;cursor:pointer;padding:0}.now-not-feeling:hover{color:var(--accent)}.energy-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--bg-chip, var(--accent-glow));font-size:10px;letter-spacing:.02em}.energy-badge[data-e=quick]{background:#fbbf2429;color:var(--amber, #f59e0b)}.energy-badge[data-e=social]{background:#34d39929;color:var(--income, #10b981)}.energy-badge[data-e=deep]{background:var(--accent-glow);color:var(--accent, #818cf8)}.energy-badge[data-e=creative]{background:#ec489929;color:#ec4899}@keyframes habitPulse{0%{transform:scale(1);box-shadow:0 0 #10b9818c}50%{transform:scale(1.35);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.habit-cell.pulse,.habit-toggle.pulse{animation:habitPulse .55s ease-out}.streak-flame{display:inline-flex;align-items:center;gap:2px;color:var(--amber, #f59e0b);font-weight:600}.c-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4) var(--space-5);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.c-page-header__text{min-width:0}.c-page-header__breadcrumbs{display:flex;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-dim);margin-bottom:var(--space-2);list-style:none}.c-page-header__breadcrumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--text-dim)}.c-page-header__breadcrumbs a{color:var(--text-secondary);text-decoration:none}.c-page-header__breadcrumbs a:hover{color:var(--text)}.c-page-header__title{font-family:Space Grotesk,Inter,sans-serif;font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--text);letter-spacing:-.01em;margin:0}.c-page-header__subtitle{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--lh-snug);margin-top:var(--space-1)}.c-page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0;align-items:center}.c-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);position:relative;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.c-card[data-href]{cursor:pointer}.c-card[data-href]:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-1px)}.c-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.c-card__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text);line-height:var(--lh-snug);margin:0}.c-card__title [data-lucide],.c-card__title svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.c-card__actions{display:flex;gap:var(--space-1);align-items:center}.c-card__body{flex:1;min-width:0}.c-card__footer{padding-top:var(--space-3);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-secondary)}.c-card[data-state=loading] .c-card__body>*{display:none}.c-card[data-state=loading] .c-card__body:before{content:"";display:block;min-height:80px}.c-card[data-state=error]{border-color:color-mix(in srgb,var(--expense) 40%,var(--border) 60%)}.c-card[data-state=error] .c-card__body{color:var(--expense);font-size:var(--fs-sm)}.c-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary)}.c-empty__icon{width:48px;height:48px;border-radius:var(--radius);background:var(--bg-input);color:var(--text-dim);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.c-empty__icon [data-lucide],.c-empty__icon svg{width:24px;height:24px}.c-empty__headline{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--text);line-height:var(--lh-snug)}.c-empty__body{font-size:var(--fs-sm);color:var(--text-secondary);max-width:40ch;line-height:var(--lh-normal)}.c-empty__action{margin-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius);text-decoration:none;font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:background var(--dur-fast) var(--ease-out);border:none;cursor:pointer;min-height:var(--tap-min)}.c-empty__action:hover{background:var(--accent-hover)}@keyframes c-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.c-skeleton{display:block;background:linear-gradient(90deg,var(--bg-input) 0%,var(--bg-card-hover) 50%,var(--bg-input) 100%);background-size:200% 100%;animation:c-shimmer 1.4s linear infinite;border-radius:var(--radius)}.c-skeleton--line{height:14px;margin-bottom:var(--space-2)}.c-skeleton--line:last-child{width:60%;margin-bottom:0}.c-skeleton--title{height:20px;width:40%;margin-bottom:var(--space-3)}.c-skeleton--block{height:80px}.c-skeleton--avatar{width:40px;height:40px;border-radius:50%}.c-skeleton--card{height:120px;border-radius:var(--radius-lg)}.c-skeleton--row{height:36px;margin-bottom:var(--space-2)}@media (prefers-reduced-motion: reduce){.c-skeleton{animation:none;background:var(--bg-input)}}.c-toast-region{position:fixed;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));right:var(--space-4);z-index:10001;display:flex;flex-direction:column;gap:var(--space-2);pointer-events:none;max-width:min(420px,calc(100vw - var(--space-8)))}@media (max-width: 640px){.c-toast-region{left:var(--space-4);right:var(--space-4);bottom:auto;top:calc(var(--space-4) + env(safe-area-inset-top));max-width:none}}.c-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);color:var(--text);font-size:var(--fs-sm);line-height:var(--lh-snug);box-shadow:var(--shadow-md);transform:translateY(8px);opacity:0;transition:transform var(--dur-base) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.c-toast.is-visible{transform:translateY(0);opacity:1}.c-toast[data-type=success]{border-left-color:var(--income)}.c-toast[data-type=error]{border-left-color:var(--expense)}.c-toast[data-type=warning]{border-left-color:var(--amber)}.c-toast[data-type=info]{border-left-color:var(--accent)}.c-toast__icon{flex-shrink:0;margin-top:2px}.c-toast__icon [data-lucide],.c-toast__icon svg{width:16px;height:16px}.c-toast[data-type=success] .c-toast__icon{color:var(--income)}.c-toast[data-type=error] .c-toast__icon{color:var(--expense)}.c-toast[data-type=warning] .c-toast__icon{color:var(--amber)}.c-toast[data-type=info] .c-toast__icon{color:var(--accent)}.c-toast__msg{flex:1;min-width:0}.c-toast__close{flex-shrink:0;background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:4px;margin:-2px}.c-toast__close:hover{color:var(--text)}.c-modal{padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text);max-width:min(560px,calc(100vw - var(--space-6)));max-height:calc(100dvh - var(--space-8));box-shadow:var(--shadow-lg);overflow:hidden}.c-modal::backdrop{background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.c-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.c-modal__title{font-family:Space Grotesk,Inter,sans-serif;font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0;line-height:var(--lh-snug)}.c-modal__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background var(--dur-fast),color var(--dur-fast)}.c-modal__close:hover{background:var(--bg-input);color:var(--text)}.c-modal__body{padding:var(--space-5);max-height:min(60dvh,480px);overflow-y:auto}.c-modal__footer{display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);background:var(--bg-deep)}.c-modal-fallback{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:var(--space-4)}.c-modal-fallback[hidden]{display:none}.c-modal-fallback>.c-modal{position:relative}.c-field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.c-field__label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);line-height:var(--lh-snug)}.c-field__label--required:after{content:"*";color:var(--expense);margin-left:var(--space-1)}.c-field__input,.c-field__select,.c-field__textarea{width:100%;padding:var(--space-2) var(--space-3);min-height:var(--tap-min);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:inherit;font-size:16px;line-height:var(--lh-normal);transition:border-color var(--dur-fast),background var(--dur-fast)}.c-field__input:hover,.c-field__select:hover,.c-field__textarea:hover{border-color:var(--border-hover)}.c-field__input:focus,.c-field__select:focus,.c-field__textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-card)}.c-field__textarea{min-height:88px;resize:vertical}.c-field__input[type=number],.c-field__input--numeric{font-variant-numeric:tabular-nums}.c-field__help{font-size:var(--fs-xs);color:var(--text-dim);line-height:var(--lh-snug)}.c-field__error{font-size:var(--fs-xs);color:var(--expense);line-height:var(--lh-snug);display:flex;align-items:center;gap:var(--space-1)}.c-field[data-invalid] .c-field__input,.c-field[data-invalid] .c-field__select,.c-field[data-invalid] .c-field__textarea{border-color:var(--expense)}.c-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card)}.c-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.c-table thead th{position:sticky;top:0;z-index:1;background:var(--bg-surface);text-align:left;padding:var(--space-3) var(--space-3);font-weight:var(--fw-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.c-table tbody td{padding:var(--space-3);border-bottom:1px solid var(--border);color:var(--text);line-height:var(--lh-snug);vertical-align:middle}.c-table tbody tr:last-child td{border-bottom:none}.c-table tbody tr:hover{background:var(--bg-card-hover)}.c-table th[data-numeric],.c-table td[data-numeric]{text-align:right;font-variant-numeric:tabular-nums}.c-table th[data-sortable]{cursor:pointer;-webkit-user-select:none;user-select:none}.c-table th[data-sortable]:hover{color:var(--text)}.c-table th[data-sortable]:after{content:"\2195";display:inline-block;margin-left:var(--space-1);opacity:.35;font-size:.8em}.c-table th[aria-sort=ascending]:after{content:"\2191";opacity:1;color:var(--accent)}.c-table th[aria-sort=descending]:after{content:"\2193";opacity:1;color:var(--accent)}.c-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:color-mix(in srgb,var(--bg-surface) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.c-bottom-nav__list{display:flex;align-items:stretch;justify-content:space-around;height:var(--tabbar-h);list-style:none;margin:0;padding:0}.c-bottom-nav__item{flex:1;display:flex}.c-bottom-nav__link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-dim);font-size:var(--fs-sm);font-weight:var(--fw-medium);min-height:var(--tap-min);transition:color var(--dur-fast);background:none;border:none;cursor:pointer;font-family:inherit}.c-bottom-nav__link [data-lucide],.c-bottom-nav__link svg{width:20px;height:20px}.c-bottom-nav__link:hover{color:var(--text-secondary)}.c-bottom-nav__link.is-active{color:var(--accent)}.c-bottom-nav__link.is-active [data-lucide],.c-bottom-nav__link.is-active svg{color:var(--accent)}@media (max-width: 767px){.c-bottom-nav{display:block}body.app.has-bottom-nav main.content{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-4))}}.c-palette{padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text);width:min(560px,calc(100vw - var(--space-6)));max-height:calc(100dvh - var(--space-10));box-shadow:var(--shadow-lg);overflow:hidden}.c-palette::backdrop{background:#0000008c;backdrop-filter:blur(4px)}.c-palette__input-wrap{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.c-palette__input-wrap [data-lucide],.c-palette__input-wrap svg{width:18px;height:18px;color:var(--text-dim);flex-shrink:0}.c-palette__input{flex:1;background:none;border:none;color:var(--text);font-family:inherit;font-size:var(--fs-lg);padding:var(--space-1) 0;outline:none}.c-palette__input::placeholder{color:var(--text-dim)}.c-palette__hint{font-size:var(--fs-xs);color:var(--text-dim);padding:2px 6px;border:1px solid var(--border);border-radius:4px;flex-shrink:0}.c-palette__results{max-height:360px;overflow-y:auto;padding:var(--space-1);list-style:none;margin:0}.c-palette__section-label{padding:var(--space-2) var(--space-3) var(--space-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.c-palette__result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);cursor:pointer;color:var(--text);font-size:var(--fs-md);line-height:var(--lh-snug);scroll-margin:var(--space-2)}.c-palette__result [data-lucide],.c-palette__result svg{width:16px;height:16px;color:var(--text-dim);flex-shrink:0}.c-palette__result.is-active,.c-palette__result:hover{background:var(--accent-glow);color:var(--text)}.c-palette__result.is-active [data-lucide],.c-palette__result.is-active svg{color:var(--accent)}.c-palette__result__group{margin-left:auto;font-size:var(--fs-xs);color:var(--text-dim)}.c-palette__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--fs-sm)}