:root{--ink-900: #14110f;--ink-800: #1c1916;--ink-700: #2a2622;--ink-600: #3a3530;--ink-500: #5a534c;--ink-400: #807870;--ink-300: #a8a098;--ink-200: #c9c2b9;--ink-100: #e3ddd3;--parchment-50: #fbf8f1;--parchment-100: #f5f0e6;--parchment-200: #ede6d6;--parchment-300: #ddd2bd;--cinnabar-900: #4a1410;--cinnabar-700: #7a1f17;--cinnabar-500: #a82a1d;--cinnabar-400: #c14638;--cinnabar-200: #f0d4cf;--brass-900: #4a3a18;--brass-700: #7a6428;--brass-500: #b08a3e;--brass-300: #d4b876;--brass-100: #f0e6cc;--malachite-700: #1f4a30;--malachite-500: #2f7048;--malachite-300: #7ab295;--lapis-700: #1e3a5f;--lapis-500: #2a578a;--coral-500: #ff7a59;--coral-300: #ffb09a;--peach-100: #fff1e7;--peach-200: #ffe0cc;--lavender-500: #9d7fd1;--lavender-200: #e3d5ff;--mint-500: #57c79a;--mint-200: #c8eedb;--sun-500: #f5b942;--sun-200: #fde6b6;--sky-500: #5db8d6;--sky-200: #cdebf5;--bg-flat: var(--parchment-50);--bg-elevated: #ffffff;--bg-sunken: var(--parchment-100);--bg-card: #ffffff;--bg-tinted: var(--peach-100);--bg-gradient: radial-gradient(at 0% 0%, #fff4e8 0%, transparent 55%), radial-gradient(at 100% 0%, #ffe0e0 0%, transparent 50%), radial-gradient(at 50% 100%, #f3eaff 0%, transparent 55%), var(--parchment-50);--hero-gradient: linear-gradient(135deg, #fff1e7 0%, #ffe2d4 35%, #ffd1c1 100%);--hero-gradient-strong: linear-gradient(135deg, #ff8866 0%, #c14638 50%, #7a1f17 100%);--fg-1: var(--ink-900);--fg-2: var(--ink-700);--fg-3: var(--ink-500);--fg-4: var(--ink-400);--fg-inverse: var(--parchment-50);--border-1: rgba(20,17,15,.1);--border-2: rgba(20,17,15,.06);--border-strong: rgba(20,17,15,.18);--accent: var(--cinnabar-500);--accent-hover: var(--cinnabar-700);--accent-fg: #ffffff;--accent-soft-bg: var(--peach-200);--accent-soft-fg: var(--cinnabar-700);--secondary: var(--brass-500);--secondary-soft: var(--brass-100);--secondary-fg: var(--brass-900);--positive: var(--malachite-500);--positive-soft: var(--mint-200);--negative: var(--cinnabar-500);--negative-soft: var(--cinnabar-200);--shadow-1: 0 1px 2px rgba(20,17,15,.04), 0 2px 8px rgba(20,17,15,.05);--shadow-2: 0 2px 6px rgba(20,17,15,.05), 0 12px 28px rgba(20,17,15,.07);--shadow-3: 0 4px 12px rgba(20,17,15,.06), 0 24px 48px rgba(20,17,15,.1);--shadow-glow: 0 0 0 4px var(--peach-200);--shadow-accent-glow: 0 8px 28px rgba(168,42,29,.22);--radius-1: 8px;--radius-2: 14px;--radius-3: 22px;--radius-4: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-display: "Newsreader", "Times New Roman", Georgia, serif;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--ease-standard: cubic-bezier(.32, .08, .24, 1);--ease-spring: cubic-bezier(.22, 1.4, .36, 1);--ease-out: cubic-bezier(.16, .84, .44, 1);--dur-fast: .16s;--dur-base: .24s;--dur-slow: .38s;--sidebar-w: 240px}[data-theme=dark]{--bg-flat: #100d0c;--bg-elevated: #1c1916;--bg-sunken: #07070a;--bg-card: #1c1916;--bg-tinted: rgba(255,122,89,.08);--bg-gradient: radial-gradient(at 0% 0%, rgba(255,122,89,.18) 0%, transparent 50%), radial-gradient(at 100% 0%, rgba(157,127,209,.18) 0%, transparent 50%), radial-gradient(at 50% 100%, rgba(193,70,56,.16) 0%, transparent 55%), #100d0c;--hero-gradient: linear-gradient(135deg, rgba(255,122,89,.15) 0%, rgba(193,70,56,.18) 50%, rgba(74,20,16,.22) 100%);--fg-1: var(--parchment-50);--fg-2: var(--ink-200);--fg-3: var(--ink-300);--fg-4: var(--ink-500);--border-1: rgba(255,255,255,.08);--border-2: rgba(255,255,255,.04);--border-strong: rgba(255,255,255,.18);--accent-hover: var(--cinnabar-400);--accent-soft-bg: rgba(255,122,89,.16);--accent-soft-fg: #ffb09a;--positive-soft: rgba(87,199,154,.16);--negative-soft: rgba(193,70,56,.2);--shadow-1: 0 1px 2px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.4);--shadow-2: 0 4px 10px rgba(0,0,0,.45), 0 16px 36px rgba(0,0,0,.55);--shadow-3: 0 8px 18px rgba(0,0,0,.5), 0 32px 64px rgba(0,0,0,.65);--shadow-glow: 0 0 0 4px rgba(255,122,89,.18);--shadow-accent-glow: 0 12px 36px rgba(168,42,29,.5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-flat);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--fg-1);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--cinnabar-500);color:#fff}a{color:inherit;text-decoration:none;cursor:pointer}.app-shell{display:flex;height:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:#ffffff8c;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-right:1px solid var(--border-1);overflow-y:auto;padding:var(--space-5) var(--space-3)}[data-theme=dark] .sidebar{background:#1c191699}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-3) var(--space-5)}.sidebar-brand-word{font-family:var(--font-sans);font-size:13px;font-weight:700;letter-spacing:.18em;color:var(--fg-1)}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1;padding:var(--space-3) 0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-2);font-size:14px;font-weight:500;color:var(--fg-3);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);position:relative}.sidebar-nav-item:hover{background:#14110f0a;color:var(--fg-1);transform:translate(2px)}[data-theme=dark] .sidebar-nav-item:hover{background:#ffffff0f}.sidebar-nav-item.active{background:var(--accent);color:var(--accent-fg);box-shadow:var(--shadow-accent-glow)}.sidebar-nav-item.active:hover{background:var(--accent-hover);transform:none}.sidebar-footer{padding:var(--space-4) var(--space-3) 0;border-top:1px solid var(--border-2);display:flex;align-items:center;gap:var(--space-3)}.sidebar-avatar{width:32px;height:32px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--bg-card);flex-shrink:0;box-shadow:var(--shadow-1)}.sidebar-avatar-placeholder{width:32px;height:32px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--coral-300),var(--lavender-200));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink-700);flex-shrink:0;box-shadow:var(--shadow-1)}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--fg-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);border-bottom:1px solid var(--border-2);background:#ffffff8c;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);position:sticky;top:0;z-index:10}[data-theme=dark] .topbar{background:#100d0c99}.topbar-title{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.page-scroll{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-7);max-width:1280px;width:100%;margin:0 auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.display-s{font-family:var(--font-display);font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:400}.display-m{font-family:var(--font-display);font-size:56px;line-height:1;letter-spacing:-.025em;font-weight:400}.display-l{font-family:var(--font-display);font-size:72px;line-height:.95;letter-spacing:-.03em;font-weight:400}.h1{font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.018em}.h2{font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.01em}.h3{font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.005em}.h4{font-size:15px;font-weight:600;line-height:1.35}.body{font-size:15px;line-height:1.55;color:var(--fg-2)}.body-s{font-size:13px;line-height:1.5;color:var(--fg-3)}.lede{font-family:var(--font-display);font-size:22px;line-height:1.45;color:var(--fg-2)}.mono{font-family:var(--font-mono);font-size:13px;font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums slashed-zero}.mono-s{font-family:var(--font-mono);font-size:11px;font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums slashed-zero}.num-l{font-family:var(--font-mono);font-size:22px;font-weight:500;font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums slashed-zero}.card{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-3);padding:var(--space-5) var(--space-6);transition:all var(--dur-base) var(--ease-out)}.card-hover{cursor:pointer}.card-hover:hover{background:var(--bg-elevated);box-shadow:var(--shadow-2);transform:translateY(-2px);border-color:var(--border-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 18px;font-family:var(--font-sans);font-size:13px;font-weight:600;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);white-space:nowrap;line-height:1.4;letter-spacing:-.005em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);box-shadow:0 6px 16px #a82a1d40}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 10px 24px #a82a1d52}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--fg-1);border-color:var(--border-1);box-shadow:var(--shadow-1)}.btn-secondary:hover:not(:disabled){background:var(--bg-tinted);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn-ghost{background:transparent;color:var(--fg-3);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#14110f0d;color:var(--fg-1)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:#ffffff0f}.btn-sm{padding:6px 14px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums}.pill-positive{background:var(--positive-soft);color:var(--malachite-700)}.pill-negative{background:var(--negative-soft);color:var(--cinnabar-700)}.pill-neutral{background:var(--bg-sunken);color:var(--ink-700)}.pill-premium{background:var(--brass-100);color:var(--brass-900)}[data-theme=dark] .pill-neutral{background:var(--ink-700);color:var(--ink-200)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:700;color:var(--fg-3);letter-spacing:.05em;text-transform:uppercase}.input{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:14px;color:var(--fg-1);background:var(--bg-card);border:1.5px solid var(--border-1);border-radius:var(--radius-2);outline:none;transition:all var(--dur-fast) var(--ease-out)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg)}.input-mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero";font-size:13px}select.input{cursor:pointer}.input-error{border-color:var(--cinnabar-500)!important}.field-error{font-size:12px;color:var(--cinnabar-500)}.rule{height:1px;background:var(--border-1);border:0;margin:var(--space-6) 0}.data-table{border:1px solid var(--border-1);border-radius:var(--radius-3);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-1)}.data-thead{display:grid;padding:12px var(--space-5);background:var(--bg-sunken);border-bottom:1px solid var(--border-1)}.data-thead>div{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3)}.data-row{display:grid;padding:14px var(--space-5);border-bottom:1px solid var(--border-2);align-items:center;transition:background var(--dur-fast) var(--ease-out)}.data-row:last-child{border-bottom:none}.data-row:hover{background:var(--bg-tinted)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.section-head-left{display:flex;flex-direction:column;gap:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-7)}.stat-card{position:relative;background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-3);padding:var(--space-5) var(--space-5);display:flex;flex-direction:column;gap:8px;transition:all var(--dur-base) var(--ease-out);overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent, var(--accent));opacity:.7}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);border-color:var(--border-2)}.stat-card-value{font-family:var(--font-display);font-size:32px;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-weight:400;margin-top:4px}.hero-card{position:relative;background:var(--hero-gradient);border:1px solid var(--border-1);border-radius:var(--radius-4);padding:var(--space-7) var(--space-7);display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5);overflow:hidden;box-shadow:var(--shadow-1)}.hero-card:after{content:"";position:absolute;top:-40%;right:-10%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,89,.35) 0%,transparent 70%);pointer-events:none}[data-theme=dark] .hero-card:after{background:radial-gradient(circle,rgba(255,122,89,.25) 0%,transparent 70%)}.month-picker{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-pill);padding:4px 14px 4px 16px;box-shadow:var(--shadow-1)}.month-picker input[type=month]{padding:6px 0;font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--fg-1);background:transparent;border:0;outline:none;cursor:pointer}.tab-bar{display:flex;gap:4px;background:var(--bg-sunken);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-6);width:fit-content}.tab{padding:8px 16px;font-size:13px;font-weight:600;color:var(--fg-3);cursor:pointer;border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--fg-1)}.tab.active{color:var(--accent-fg);background:var(--accent);box-shadow:var(--shadow-accent-glow)}.sign-out-btn{font-size:14px;color:var(--fg-4);cursor:pointer;background:none;border:none;font-family:var(--font-sans);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out)}.sign-out-btn:hover{background:var(--bg-sunken);color:var(--fg-1)}.empty-state{padding:var(--space-7) var(--space-5);text-align:center;color:var(--fg-3);font-size:14px;border:1px dashed var(--border-1);border-radius:var(--radius-3);background:var(--bg-card)}.row-editor{display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-3);margin-bottom:var(--space-3);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-fast) var(--ease-out)}.row-editor:hover{box-shadow:var(--shadow-2)}.delta{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding:3px 9px;border-radius:var(--radius-pill);background:var(--bg-sunken)}.delta-up{color:var(--malachite-700);background:var(--mint-200)}.delta-down{color:var(--cinnabar-700);background:var(--negative-soft)}.delta-flat{color:var(--fg-3)}[data-theme=dark] .delta-up{color:var(--mint-500)}[data-theme=dark] .delta-down{color:#ff8a7a}.chart-wrap{background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-3);padding:var(--space-5) var(--space-5);box-shadow:var(--shadow-1)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--fg-3);cursor:pointer;background:var(--bg-card);border:1px solid var(--border-1);font-family:var(--font-sans);width:32px;height:32px;justify-content:center;border-radius:var(--radius-pill);transition:all var(--dur-fast) var(--ease-out);box-shadow:var(--shadow-1)}.theme-toggle:hover{color:var(--fg-1);transform:rotate(15deg);box-shadow:var(--shadow-2)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:var(--bg-gradient);padding:var(--space-5)}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border-1);border-radius:var(--radius-4);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-5);box-shadow:var(--shadow-3);animation:floatIn .6s var(--ease-spring)}@keyframes floatIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.login-tagline{font-size:14px;color:var(--fg-3);text-align:center;line-height:1.55}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:14px var(--space-5);background:var(--bg-card);border:1.5px solid var(--border-1);border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--fg-1);cursor:pointer;transition:all var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-1)}.google-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);border-color:var(--border-strong)}.google-btn:active{transform:translateY(0)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-1);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--ink-300)}@media(max-width:768px){:root{--sidebar-w: 0px}.sidebar{display:none}.page-scroll{padding:var(--space-5) var(--space-4)}.hero-card{padding:var(--space-5)}.display-m{font-size:40px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 1.6s ease-in-out infinite}