:root{--bg: #f3f5f8;--bg-alt: #e8edf3;--ink: #16212f;--muted: #5a6b80;--card: #ffffff;--surface-soft: #f9fbff;--surface-mid: #eef3fb;--surface-strong: #eaf3ff;--line: #d8e0ea;--brand: #1f5fbf;--brand-strong: #12356c;--brand-soft: #d8e6fb;--brand-soft-border: #bfd4f2;--brand-mark-a: #2f8cff;--brand-mark-b: #1f5fbf;--chart-accent: #2f68d8;--chart-accent-soft: #4f89f3;--progress-a: #3f7ae5;--progress-b: #2f61c8;--bar-fill: #3f7ae5;--green: #12704a;--red: #b73a3a;--green-soft: #e3f6ec;--red-soft: #fdeaea;--green-border: #b9e6c9;--red-border: #efb6b6;--chart-bg: linear-gradient(180deg, #f6faff 0%, #eff5fb 100%);--chart-line: #e0e9f5;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--shadow: 0 8px 24px rgba(20, 31, 44, .08);--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--space-6: 30px}[data-theme=dark]{--bg: #060606;--bg-alt: #0d0d0f;--ink: #f7f7f9;--muted: #afb3bb;--card: #111114;--surface-soft: #16161a;--surface-mid: #1f2026;--surface-strong: #272932;--line: #30333d;--brand: #2a79c9;--brand-strong: #f7f7f9;--brand-soft: #1a1c22;--brand-soft-border: #2f4f78;--brand-mark-a: #4eb8f5;--brand-mark-b: #184b93;--chart-accent: #3e96d8;--chart-accent-soft: #69b9ea;--progress-a: #3b90d2;--progress-b: #235fa8;--bar-fill: #3b8dd0;--green: #4ad190;--red: #ff8a8a;--green-soft: rgba(74, 209, 144, .12);--red-soft: rgba(255, 138, 138, .12);--green-border: rgba(74, 209, 144, .28);--red-border: rgba(255, 138, 138, .28);--chart-bg: linear-gradient(180deg, #161922 0%, #101116 100%);--chart-line: #343948;--shadow: 0 14px 30px rgba(0, 0, 0, .55)}[data-accent=mono],[data-accent=monochrome]{--brand: #7c8799;--brand-mark-a: #b9c1cd;--brand-mark-b: #6f7989;--chart-accent: #9aa6b7;--chart-accent-soft: #b7c1d0;--progress-a: #97a4b6;--progress-b: #7d899c;--bar-fill: #95a2b4}[data-accent=green]{--brand: #34a83f;--brand-mark-a: #90de49;--brand-mark-b: #266f32;--chart-accent: #49bf55;--chart-accent-soft: #87da76;--progress-a: #44ba50;--progress-b: #2f8d3d;--bar-fill: #43b84f;--green: #2f9f45}[data-accent=pink]{--brand: #e36ea9;--brand-mark-a: #f7a6cb;--brand-mark-b: #cb4f8c;--chart-accent: #ef8fc0;--chart-accent-soft: #f8b7d8;--progress-a: #eb86b8;--progress-b: #cc5e94;--bar-fill: #e985b8}[data-accent=purple]{--brand: #8871ff;--brand-mark-a: #b1a2ff;--brand-mark-b: #6b54f3;--chart-accent: #9987ff;--chart-accent-soft: #bdb0ff;--progress-a: #957fff;--progress-b: #765fe6;--bar-fill: #927eff}[data-theme=dark][data-accent=green]{--brand: #26b545;--brand-mark-a: #3fcb5f;--brand-mark-b: #0b6127;--chart-accent: #32bf53;--chart-accent-soft: #59d878;--progress-a: #2fba50;--progress-b: #1d8639;--bar-fill: #2db84e;--green: #39c45c}[data-theme=dark][data-accent=pink]{--brand: #f04aa4;--brand-mark-a: #ff77c2;--brand-mark-b: #c92c84;--chart-accent: #f66bb7;--chart-accent-soft: #ff9dd1;--progress-a: #f260b1;--progress-b: #ca3d8f;--bar-fill: #f05aad}[data-theme=dark][data-accent=purple]{--brand: #9e54ff;--brand-mark-a: #bf7cff;--brand-mark-b: #7b35d6;--chart-accent: #b06bff;--chart-accent-soft: #ca9bff;--progress-a: #a862ff;--progress-b: #8644db;--bar-fill: #a45fff}[data-theme=dark][data-accent=mono],[data-theme=dark][data-accent=monochrome]{--brand: #a6b0be;--brand-mark-a: #c7ced8;--brand-mark-b: #8b95a5;--chart-accent: #b4becd;--chart-accent-soft: #cbd3df;--progress-a: #aeb8c6;--progress-b: #939dad;--bar-fill: #adb7c6}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 8%,#ffffff 0%,var(--bg) 40%,#e7edf6 100%);color:var(--ink)}[hidden]{display:none!important}[data-theme=dark] body{background:linear-gradient(180deg,#111115,#0a0a0c 55%,#050506)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:28px 20px;position:relative;overflow:visible;isolation:isolate}.auth-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:#fff}.auth-bg canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.auth-bg:before,.auth-bg:after{content:"";position:absolute;inset:0;pointer-events:none}[data-theme=dark] .auth-bg{background:#fff}.auth-shell{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,480px);gap:22px;align-items:stretch;position:relative;z-index:1}.auth-shell.auth-shell-compact{width:min(520px,100%);grid-template-columns:minmax(0,1fr);justify-content:center}.auth-shell.auth-shell-compact .auth-showcase{display:none}.auth-showcase{position:relative;overflow:hidden;min-height:640px;padding:34px;display:grid;align-content:space-between;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 94%,rgba(255,255,255,.72)),color-mix(in srgb,var(--surface-soft) 90%,rgba(255,255,255,.7)));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.auth-showcase-copy{display:grid;gap:16px;max-width:560px;position:relative;z-index:1}.auth-showcase-brand{display:flex;align-items:center;gap:18px}.auth-showcase-logo{width:92px;height:92px;object-fit:contain;filter:drop-shadow(0 10px 18px color-mix(in srgb,var(--brand-mark-a) 20%,transparent))}.auth-showcase-title{font-size:clamp(2.35rem,4vw,3.15rem);font-weight:900;letter-spacing:-.03em;color:var(--brand);line-height:.94}.auth-showcase-sub{margin-top:8px;font-size:1rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.auth-eyebrow,.auth-form-eyebrow{color:var(--brand)}.auth-hero-title{font-size:clamp(2.15rem,4.2vw,3.25rem);line-height:.94;letter-spacing:-.05em;max-width:16ch}.auth-hero-copy{max-width:52ch;font-size:1.05rem;line-height:1.7;color:var(--muted)}.auth-signal-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.auth-signal-card{border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));background:color-mix(in srgb,var(--card) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;padding:16px 18px;box-shadow:0 16px 30px color-mix(in srgb,var(--brand) 10%,transparent)}.auth-signal-card-wide{grid-column:span 2}.auth-signal-label{margin-bottom:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.auth-signal-value{font-size:1rem;font-weight:700;line-height:1.45}.auth-orbit,.auth-ledger-line{display:none}.auth-card{width:100%;display:grid;gap:14px;align-content:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:30px 30px 24px;box-shadow:0 18px 42px #00000024}.auth-form{display:grid;gap:12px}.auth-title{margin:2px 0 6px;font-size:2.1rem;font-weight:800;letter-spacing:-.03em}.auth-panel-copy{margin-top:-4px;color:var(--muted);line-height:1.6}.auth-field-wrap{display:grid;gap:6px}.auth-label{font-size:1.05rem;font-weight:700}.auth-input{width:100%;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);padding:14px 16px;font:inherit;font-size:1rem;line-height:1.25;-webkit-text-size-adjust:100%}.auth-input:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}.auth-input::placeholder{font-size:1rem;line-height:1.25;color:color-mix(in srgb,var(--muted) 82%,transparent);opacity:1}.auth-input:-webkit-autofill,.auth-input:-webkit-autofill:hover,.auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--card) inset;box-shadow:0 0 0 1000px var(--card) inset;font-size:1rem;line-height:1.25;transition:background-color 9999s ease-out 0s}.password-row{position:relative;display:block}.password-row .auth-input{padding-right:44px}.eye-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:1.05rem;line-height:1;color:var(--muted)}.eye-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.auth-primary,.auth-secondary{width:100%;border-radius:6px;padding:12px 14px;font:inherit;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}.auth-primary{border:0;background:var(--brand);color:#fff}.auth-secondary{border:1px solid var(--brand);background:var(--card);color:var(--brand)}.auth-primary:hover,.auth-primary:focus-visible{filter:brightness(1.04);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 28%,transparent);outline:none}.auth-secondary:hover,.auth-secondary:focus-visible{background:color-mix(in srgb,var(--brand) 10%,var(--card));border-color:color-mix(in srgb,var(--brand) 64%,var(--line));outline:none}.remember-row{display:flex;align-items:center;gap:10px;font-size:.98rem}.remember-row input{width:18px;height:18px;accent-color:var(--brand)}.auth-help{margin-top:2px;font-size:1rem;color:var(--ink)}.auth-note{margin:-2px 0 0;font-size:.84rem;line-height:1.45;color:var(--muted)}.turnstile-wrap{display:grid;gap:8px;margin-top:2px}.turnstile-label{margin:0}.turnstile-box{min-height:66px;display:flex;align-items:center}.password-checklist li:before{content:"-"}.password-checklist{margin:-2px 0 0;padding:0;list-style:none;display:grid;gap:4px;font-size:.84rem;color:var(--muted)}.password-checklist li:before{content:"•";display:inline-block;width:14px;color:var(--muted)}.password-checklist li.is-met{color:var(--green)}.password-checklist li.is-met:before{content:"✓";color:var(--green)}.auth-links-title{margin-top:14px;text-align:center;font-size:1rem;color:var(--ink)}.auth-links-row{display:flex;justify-content:space-between;gap:12px}.auth-links-row.single{justify-content:center}.auth-link-btn{color:var(--ink);font-weight:600;font-size:1rem}.text-btn{border:0;background:transparent;color:var(--brand);padding:0;width:fit-content;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:color .16s ease}.text-btn:hover,.text-btn:focus-visible{color:color-mix(in srgb,var(--brand) 88%,var(--ink));text-decoration:underline;outline:none}.auth-message{min-height:1.2rem;font-size:.9rem}.auth-message.error{color:var(--red)}.auth-message.success{color:var(--green)}.auth-recovery-modal{position:absolute;inset:0;background:#0c0f199e;display:grid;place-items:center;padding:16px;z-index:4}.auth-recovery-card{width:min(520px,100%);display:grid;gap:12px}.auth-recovery-head{margin-bottom:0}.auth-recovery-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.auth-recovery-help{display:grid;gap:6px}[data-theme=dark] .auth-input{border-color:var(--line);color:var(--ink);background:var(--surface-soft)}[data-theme=dark] .auth-input:-webkit-autofill,[data-theme=dark] .auth-input:-webkit-autofill:hover,[data-theme=dark] .auth-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--surface-soft) inset;box-shadow:0 0 0 1000px var(--surface-soft) inset}[data-theme=dark] .eye-btn{color:color-mix(in srgb,var(--brand-mark-a) 78%,#ffffff)}[data-theme=dark] .auth-link-btn{color:color-mix(in srgb,var(--brand-mark-a) 86%,#ffffff)}[data-theme=dark] .auth-help{color:var(--ink)}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--line);background:radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--brand-mark-a) 18%,transparent) 0%,transparent 28%),linear-gradient(180deg,var(--surface-soft) 0%,var(--bg-alt) 100%);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:0;height:100vh}.sidebar-top{display:block}.brand-row{display:flex;gap:var(--space-2);align-items:center;width:100%;text-align:left;border:0;padding:0;background:transparent;color:inherit;cursor:pointer;border-radius:12px;transition:transform .16s ease,opacity .18s ease}.brand-row:hover,.brand-row:focus-visible{outline:none;transform:translateY(-1px);opacity:.92}.brand-logo{width:46px;height:46px;object-fit:contain;border-radius:8px;box-shadow:0 4px 10px #0003}.brand-title{margin:0;font-size:1.1rem;font-weight:800}.brand-sub{margin:0;font-size:.78rem;color:var(--muted)}.nav-toggle,.mobile-nav-toggle,.mobile-brand{display:none}.nav-links{display:flex;flex-direction:column;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);padding:10px 12px;border-radius:var(--radius-sm);font:inherit;font-weight:600;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.nav-link-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;opacity:.88;flex:0 0 18px}.nav-link-icon svg{width:18px;height:18px;display:block}.nav-link:hover,.nav-link:focus-visible{background:color-mix(in srgb,var(--brand) 14%,var(--surface-mid));border-color:color-mix(in srgb,var(--brand) 36%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 22%,transparent) inset;outline:none}.nav-link.active{background:color-mix(in srgb,var(--brand) 28%,var(--surface-soft));color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 58%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 30%,transparent) inset,0 6px 14px color-mix(in srgb,var(--brand) 18%,transparent)}.nav-link.active:hover,.nav-link.active:focus-visible{background:color-mix(in srgb,var(--brand) 34%,var(--surface-soft));border-color:color-mix(in srgb,var(--brand) 66%,var(--line))}[data-theme=dark] .nav-toggle,[data-theme=dark] .nav-link{color:#f7f7f9}.sidebar-foot{color:var(--muted);font-size:.83rem}.sidebar-bottom{margin-top:auto;display:grid;gap:var(--space-2)}.nav-link-settings{width:100%}.workspace{padding:var(--space-5);display:grid;align-content:start;gap:var(--space-4);background:radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--brand-mark-a) 8%,transparent) 0%,transparent 20%),linear-gradient(180deg,#ffffff47,#edf4ff47)}.card{background:var(--card);border:1px solid color-mix(in srgb,var(--brand) 22%,var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-4)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:radial-gradient(circle at 88% 22%,color-mix(in srgb,var(--brand-mark-a) 16%,transparent) 0%,transparent 26%),linear-gradient(135deg,color-mix(in srgb,var(--brand) 16%,var(--card)) 0%,var(--card) 42%,color-mix(in srgb,var(--surface-soft) 86%,var(--card)) 100%)}.mobile-nav-toggle{width:44px;height:44px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:12px;padding:0;align-items:center;justify-content:center;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .16s ease}.mobile-nav-toggle svg,.nav-toggle svg{width:18px;height:18px;display:block}.mobile-nav-toggle:hover,.mobile-nav-toggle:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 16%,var(--surface-strong));transform:translateY(-1px)}.mobile-brand{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;align-items:center;gap:10px;text-align:left}.mobile-brand-copy{display:grid;gap:2px}.mobile-brand-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;box-shadow:0 8px 16px #0000002e}.mobile-brand-text{font-size:1.12rem;font-weight:800;letter-spacing:-.02em}.mobile-brand-sub{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;white-space:nowrap}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:var(--muted);font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.5rem,2.6vw,2.1rem)}h2{font-size:1.05rem}.updated{margin-top:var(--space-1);color:var(--muted);font-size:.88rem}.top-actions{display:grid;gap:var(--space-2);align-items:stretch;min-width:min(320px,100%)}.top-profile-stack{display:grid;gap:8px}.user-badge{border:1px solid var(--line);background:var(--surface-soft);border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:700}.profile-chip{display:inline-flex;align-items:center;gap:8px;color:var(--ink);justify-content:flex-start;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .16s ease}.profile-chip-lg{width:100%;border-radius:14px;padding:12px;gap:12px}.profile-chip-text{display:grid;gap:2px;text-align:left;min-width:0;flex:1 1 auto}.profile-chip-text #userBadgeName{font-size:1rem;font-weight:800}.profile-chip-gear{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));background:color-mix(in srgb,var(--brand) 12%,var(--surface-soft));color:color-mix(in srgb,var(--brand) 74%,var(--ink));font-size:1rem;flex:0 0 auto;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease}.profile-chip:hover .profile-chip-gear,.profile-chip:focus-visible .profile-chip-gear{background:color-mix(in srgb,var(--brand) 22%,var(--surface-soft));border-color:color-mix(in srgb,var(--brand) 46%,var(--line));color:var(--brand-strong);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent) inset;transform:rotate(18deg)}.profile-chip:hover,.profile-chip:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 14%,var(--surface-soft));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 22%,transparent) inset;transform:translateY(-1px)}.avatar-shell{width:26px;height:26px;border-radius:999px;overflow:hidden;border:1px solid var(--line);background:var(--surface-mid);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative}.avatar-shell-wrap{position:relative;display:inline-flex}.profile-chip-lg .avatar-shell{width:54px;height:54px}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-fallback{font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--ink)}.profile-chip-lg .avatar-fallback{font-size:1rem}.logout-with-profile{width:100%;border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 14%,var(--surface-soft)),color-mix(in srgb,var(--brand) 7%,var(--surface-soft)));box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 22%,transparent)}.logout-with-profile:hover,.logout-with-profile:focus-visible{color:var(--red)}.icon-btn,.chip{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:999px;padding:8px 12px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s ease,box-shadow .18s ease}.icon-btn:hover,.chip:hover,.icon-btn:focus-visible,.chip:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 16%,var(--surface-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 22%,transparent) inset;transform:translateY(-1px)}[data-delete-record].icon-btn{color:var(--red);border-color:color-mix(in srgb,var(--red) 22%,var(--line));background:color-mix(in srgb,var(--red-soft) 44%,var(--surface-soft))}[data-delete-record].icon-btn:hover,[data-delete-record].icon-btn:focus-visible{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,var(--line));background:color-mix(in srgb,var(--red-soft) 78%,var(--surface-strong));box-shadow:0 0 0 1px color-mix(in srgb,var(--red) 18%,transparent) inset}.chip.active{color:#fff;background:var(--brand);border-color:var(--brand)}.page{display:none;gap:var(--space-4)}.page.active{display:grid}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.stat{display:grid;gap:2px}.stat-plain{border:1px solid var(--line);border-radius:var(--radius-md);padding:12px}.stat-label{color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.stat-value,.big-number{font-size:clamp(1.2rem,2.4vw,1.9rem);font-weight:800}.stat-delta{font-size:.9rem;color:var(--muted)}.up{color:var(--green)}.down{color:var(--red)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.section-head h2,.section-head h3,.section-head p{margin:0}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.chart-card{overflow:hidden}.line-chart{width:100%;height:220px;border-radius:12px;background:var(--chart-bg);border:1px solid var(--chart-line)}.home-command{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:24px;background:radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--brand-mark-a) 20%,transparent) 0%,transparent 28%),linear-gradient(140deg,color-mix(in srgb,var(--brand) 10%,var(--card)) 0%,var(--card) 46%,color-mix(in srgb,var(--surface-soft) 80%,var(--card)) 100%)}.home-command:after{content:"";position:absolute;inset:auto -80px -100px auto;width:320px;height:320px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);opacity:.5}.home-command-copy{display:grid;gap:12px;max-width:700px}.home-command-copy h2{font-size:clamp(1.7rem,3.2vw,2.7rem);letter-spacing:-.04em}.home-command-tagline{font-size:clamp(1.05rem,1.5vw,1.24rem);font-weight:700;color:var(--brand)}.home-command-body{max-width:58ch;color:var(--muted);line-height:1.7}.home-command-metrics{display:grid;gap:12px;align-content:center}.home-command-metric{border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--card) 72%,transparent);padding:14px 16px;display:grid;gap:4px;box-shadow:0 12px 24px color-mix(in srgb,var(--brand) 10%,transparent)}.home-command-label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.home-command-metric strong{font-size:1.2rem;letter-spacing:-.03em}.home-command-note{margin:0;font-size:.84rem;line-height:1.45;color:var(--muted)}.home-hero{padding:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 80%,var(--card)) 0%,var(--card) 100%)}.hero-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 24px 0}.hero-heading>div:first-child{display:grid;gap:2px}.hero-value{margin-top:6px;font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:800}.hero-heading>div:first-child .hero-value,.hero-heading>div:first-child .stat-delta,.hero-heading>div:first-child .stat-label{margin:0}.home-hero-side{max-width:300px;display:grid;gap:10px;justify-items:start}.home-hero-side-label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.home-hero-side-copy{font-size:.92rem;line-height:1.6;color:var(--muted)}.home-hero-summary{width:100%;display:grid;gap:8px}.home-hero-summary-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--brand) 16%,var(--line));background:color-mix(in srgb,var(--surface-soft) 78%,var(--card))}.home-hero-summary-item.positive{border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green-soft) 72%,var(--card))}.home-hero-summary-item.negative{border-color:color-mix(in srgb,var(--red) 34%,var(--line));background:color-mix(in srgb,var(--red-soft) 70%,var(--card))}.home-hero-summary-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}.home-chart-wrap{position:relative;width:min(calc(100% - 364px),100%);min-height:280px;height:280px;padding:0 22px 0 18px;margin:-104px auto 0 0;border-top:1px solid color-mix(in srgb,var(--brand) 12%,transparent);border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-soft) 72%,transparent),color-mix(in srgb,var(--card) 92%,transparent))}.hero-value.mini{font-size:clamp(1.35rem,2.7vw,2rem)}.home-line{display:block;width:100%!important;border:0;border-radius:0;height:280px!important;background:transparent;cursor:crosshair}.home-hero-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 20px 18px;margin-bottom:0;border-top:0}.home-range-tools{display:grid;gap:10px}.home-custom-range{display:grid;grid-template-columns:repeat(2,minmax(140px,180px)) auto;gap:10px;align-items:end;padding:12px;border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 84%,var(--card))}.home-custom-field{gap:6px;font-size:.84rem}.home-custom-input-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.home-custom-field .auth-input{padding:10px 12px;border-radius:10px}.home-custom-picker-btn{width:40px;height:40px;padding:0;border-radius:10px}.home-custom-picker-btn svg{width:18px;height:18px}.home-month-picker{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--brand) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--card) 96%,var(--surface-soft));box-shadow:0 14px 30px color-mix(in srgb,var(--brand) 12%,transparent);grid-column:1 / -1}.home-month-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-month-picker-year{font-size:1rem;font-weight:800}.home-month-nav{min-width:42px;justify-content:center}.home-month-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.home-month-btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:10px 8px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .16s ease}.home-month-btn:hover,.home-month-btn:focus-visible{outline:none;border-color:color-mix(in srgb,var(--brand) 40%,var(--line));background:color-mix(in srgb,var(--brand) 12%,var(--surface-soft));transform:translateY(-1px)}.home-month-btn.active{color:#fff;background:var(--brand);border-color:var(--brand)}.home-month-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.home-month-picker-actions{display:flex;justify-content:space-between;gap:10px}.add-account-btn{border-radius:10px}.home-bottom-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--space-3)}.home-experience-card{display:grid;gap:14px;border-style:dashed;background:radial-gradient(circle at top right,color-mix(in srgb,var(--brand) 12%,transparent),transparent 42%),color-mix(in srgb,var(--surface-soft) 85%,var(--card))}.home-experience-card[data-mode=live]{border-style:solid}.home-experience-card[data-mode=loading]{opacity:.92}.home-experience-head{display:grid;gap:8px}.home-experience-badge{width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brand) 32%,var(--line));background:color-mix(in srgb,var(--brand) 12%,var(--card));color:var(--ink);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.home-experience-title{margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.2;letter-spacing:-.02em}.home-experience-copy{margin:0;max-width:66ch;color:var(--muted);line-height:1.65}.home-experience-checklist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-experience-step{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 78%,var(--surface-soft))}.home-experience-step strong{font-size:.86rem;line-height:1.3}.home-experience-step p{margin:0;color:var(--muted);font-size:.87rem;line-height:1.5}.home-experience-actions{display:flex;flex-wrap:wrap;gap:10px}.home-experience-actions[hidden],.home-experience-checklist[hidden]{display:none}.home-activity-card,.home-budget-card,.home-account-card{display:grid;gap:12px;align-content:start}.home-card-head{align-items:flex-start;margin-bottom:0}.home-card-title-stack{display:grid;gap:2px}.home-card-title-stack .stat-label{margin:0}.home-card-head .icon-btn{margin-top:2px}.home-activity-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-activity-pill,.home-budget-stat,.home-account-row{border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--card))}.home-activity-pill.positive,.home-budget-progress-stat.positive{border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green-soft) 70%,var(--card))}.home-activity-pill.negative,.home-budget-progress-stat.negative{border-color:color-mix(in srgb,var(--red) 34%,var(--line));background:color-mix(in srgb,var(--red-soft) 68%,var(--card))}.home-activity-pill{display:grid;gap:5px}.home-activity-label,.home-budget-stat-label,.home-account-label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.home-hero-summary-item.positive strong,.home-hero-summary-item.positive .home-hero-summary-label{color:var(--green)}.home-hero-summary-item.negative strong,.home-hero-summary-item.negative .home-hero-summary-label{color:var(--red)}.home-activity-pill strong,.home-budget-stat strong,.home-account-row strong{font-size:1rem;letter-spacing:-.02em}.home-activity-sub{font-size:.84rem;color:var(--muted)}.home-budget-card.positive,.home-budget-card.negative{border-color:color-mix(in srgb,var(--brand) 28%,var(--line));box-shadow:0 10px 24px color-mix(in srgb,var(--brand) 10%,transparent)}.home-list-head{margin-top:8px}.home-budget-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}.home-budget-copy{margin:0;max-width:36ch;font-size:.92rem;line-height:1.55;color:var(--muted)}.home-transaction-row{align-items:flex-start}.home-transaction-main,.home-transaction-side{display:grid;gap:4px}.home-transaction-main{min-width:0}.home-transaction-main strong{line-height:1.2}.home-transaction-main .muted{margin:0}.home-transaction-side{justify-items:end;text-align:right}.home-transaction-account,.home-budget-progress-label{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.home-activity-card .hero-value.mini,.home-budget-card .hero-value.mini,.home-account-card .hero-value.mini,.home-activity-card .stat-delta,.home-budget-card .stat-delta{margin-top:0;margin-bottom:0}#homeBudgetProgress{display:grid;gap:8px;margin-top:2px}.home-budget-progress-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-budget-progress-stat{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface-soft) 82%,var(--card))}.home-budget-progress-stat strong{font-size:1rem;letter-spacing:-.02em}#homeBudgetProgress+.stat-delta{margin-top:0}.home-budget-stat{display:grid;gap:6px;align-content:start}.home-account-list{display:grid;gap:10px}.home-account-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.home-account-label{letter-spacing:.04em}.home-right-col{display:grid;gap:var(--space-3);align-content:start}.data-entry-form{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}.data-entry-stack{display:grid;gap:var(--space-3);align-content:start}.data-entry-form h3{margin:0;font-size:1.05rem}.data-entry-advanced{display:grid;gap:14px;border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--card) 72%,var(--surface-soft))}.data-entry-advanced summary{cursor:pointer;font-weight:700}.recurring-bill-form{gap:16px;width:100%;min-width:0}.recurring-bill-form-head{display:grid;gap:6px}.recurring-form-section{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 74%,var(--surface-soft))}.recurring-form-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.recurring-form-section-head strong{font-size:.98rem}.recurring-bill-core-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recurring-bill-schedule-grid,.recurring-bill-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.recurring-field-span-2,.recurring-bill-core-grid .control:first-child{grid-column:1 / -1}.recurring-bill-advanced{padding:16px}.recurring-bill-toggle-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.toggle-card{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--surface-soft);color:var(--ink)}.toggle-card input{margin:2px 0 0}.toggle-card strong,.toggle-card span{display:block}.toggle-card span{color:var(--muted);font-size:.88rem;line-height:1.45}.recurring-bill-actions{justify-content:flex-start}.recurring-bill-records-card{padding:18px}.data-tabs{margin-bottom:var(--space-3);overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:2px}.data-tabs .chip{flex:0 0 auto;white-space:nowrap}.data-page-head{align-items:flex-start}.data-page-head h2{font-size:clamp(1.1rem,2.3vw,1.45rem);line-height:1.08;letter-spacing:-.02em}.data-page-copy{max-width:30ch;line-height:1.55}.data-import-workspace{margin-bottom:var(--space-3)}.data-import-badge{display:inline-flex;align-items:center;border:1px solid var(--brand-soft-border);border-radius:999px;padding:7px 11px;background:color-mix(in srgb,var(--brand-soft) 68%,transparent);color:var(--brand-strong);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.data-import-summary{display:grid;gap:4px}.data-panel{display:none}.data-panel.active{display:block}.data-panel-grid{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:var(--space-3)}.data-panel-grid.recurring-panel-layout{grid-template-columns:minmax(0,1fr);align-items:start}.data-panel-grid.recurring-panel-layout>*{min-width:0}.data-records-card{padding:16px}.data-record-actions{min-width:0}.data-selection-count{display:inline-flex;align-items:center;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand-soft) 58%,transparent);color:var(--brand-strong);font-size:.82rem;font-weight:700}.data-import-card{gap:14px}.data-import-head{align-items:flex-start}.data-import-copy{margin:6px 0 0;max-width:58ch}.data-import-source{margin-top:-2px}.data-import-panel{display:grid;gap:10px}.data-import-dropzone{border:1px dashed var(--brand-soft-border);border-radius:16px;padding:22px 18px;background:color-mix(in srgb,var(--surface-mid) 76%,transparent);color:var(--ink);display:grid;gap:6px;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.data-import-dropzone:hover,.data-import-dropzone:focus-visible,.data-import-dropzone.is-dragover{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 52%,var(--surface-soft));transform:translateY(-1px)}.data-import-dropzone strong,.data-import-dropzone span{pointer-events:none}.data-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.data-import-preview{display:grid;gap:12px;border-top:1px solid var(--line);padding-top:14px}.data-import-preview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.data-import-issues{display:grid;gap:8px}.data-import-detected{display:grid;gap:12px}.data-import-section{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface-soft);display:grid;gap:10px}.data-import-section.unsupported{border-style:dashed}.data-import-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.data-import-section-head h4,.data-import-section-list,.data-import-section-copy{margin:0}.data-import-section-list{display:grid;gap:6px;padding-left:18px;color:var(--muted)}.data-import-issue{margin:0;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-soft)}.data-import-issue.error{color:var(--red);border-color:var(--red-border);background:var(--red-soft)}.data-import-issue.success{color:var(--green);border-color:var(--green-border);background:var(--green-soft)}.data-import-status{font-weight:700}.data-import-status.valid{color:var(--green)}.data-import-status.invalid{color:var(--red)}.data-records-list{display:grid;gap:10px}.data-record-empty{border:1px dashed var(--line);border-radius:14px;padding:18px;color:var(--muted);background:var(--surface-soft);display:grid;gap:10px;align-items:start}.data-record-empty strong,.data-record-empty p{margin:0}.data-record-empty .icon-btn{width:fit-content}.data-record-item{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--surface-soft)}.data-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.data-record-meta{display:grid;gap:3px}.data-record-title{margin:0;font-weight:700}.data-record-sub{color:var(--muted);font-size:.9rem}.data-record-values{display:flex;flex-wrap:wrap;gap:8px}.data-record-select{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:.82rem;font-weight:700}.data-record-select input{margin:0}.data-pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.84rem;color:var(--muted);background:var(--card)}.data-pill.up{color:var(--green);border-color:color-mix(in srgb,var(--green) 34%,var(--line));background:color-mix(in srgb,var(--green) 12%,var(--card))}.data-pill.down{color:var(--red);border-color:color-mix(in srgb,var(--red) 34%,var(--line));background:color-mix(in srgb,var(--red) 12%,var(--card))}.settings-group{display:grid;gap:10px}.settings-layout{display:grid;gap:var(--space-4)}#page-settings.page.active{gap:var(--space-4)}#page-settings.page.active>.card{padding:clamp(18px,2vw,24px)}#page-settings .muted,#page-settings .stat-label,#page-settings .auth-note,#page-settings .auth-message,#page-settings .status-label{margin:0}#settingsAppearanceCard .chip-row,#settingsGuideCard .chip-row,#settingsDataResetCard .chip-row,#settingsDeleteAccountCard .chip-row{margin-top:2px}#settingsDataResetCard{border-color:color-mix(in srgb,var(--red) 24%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--red-soft) 34%,var(--card)) 0%,var(--card) 100%)}#settingsDeleteAccountCard{border-color:color-mix(in srgb,var(--red) 32%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--red-soft) 46%,var(--card)) 0%,var(--card) 100%)}#resetFinancialDataBtn{color:var(--red);border-color:color-mix(in srgb,var(--red) 24%,var(--line));background:color-mix(in srgb,var(--red-soft) 44%,var(--surface-soft))}#resetFinancialDataBtn:hover,#resetFinancialDataBtn:focus-visible{color:var(--red);border-color:color-mix(in srgb,var(--red) 50%,var(--line));background:color-mix(in srgb,var(--red-soft) 74%,var(--surface-strong))}#deleteAccountBtn{color:#fff;border-color:color-mix(in srgb,var(--red) 62%,var(--line));background:color-mix(in srgb,var(--red) 88%,#10131a)}#deleteAccountBtn:hover,#deleteAccountBtn:focus-visible{color:#fff;border-color:color-mix(in srgb,var(--red) 78%,var(--line));background:color-mix(in srgb,var(--red) 100%,#10131a)}.app-tour{position:fixed;inset:0;z-index:80}.app-tour-backdrop{position:absolute;inset:0;background:#090e187a;z-index:0}.app-tour-spotlight{position:fixed;top:0;left:0;width:120px;height:120px;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand) 34%,#ffffff);box-shadow:0 0 0 9999px #090e187a;background:transparent;pointer-events:none;z-index:1;transition:top .28s ease,left .28s ease,width .28s ease,height .28s ease,opacity .22s ease}.app-tour-card{position:fixed;width:min(360px,calc(100vw - 24px));display:grid;gap:12px;box-shadow:0 20px 48px #080e1842;z-index:3;transition:opacity .22s ease,transform .22s ease}.app-tour.is-transitioning .app-tour-card,.app-tour.is-transitioning .app-tour-spotlight{opacity:0}.app-tour.is-transitioning .app-tour-card{transform:translateY(8px)}.app-tour-target{position:relative;z-index:2;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}.app-tour-target:after{content:"";position:absolute;inset:-6px;border-radius:18px;border:1px solid color-mix(in srgb,var(--brand) 34%,#ffffff);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 18%,transparent);pointer-events:none}.app-tour-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-tour-head .eyebrow{margin:0}.app-tour-skip{padding-inline:10px}.app-tour-actions{display:flex;justify-content:space-between;gap:10px}.app-tour-actions .auth-primary,.app-tour-actions .icon-btn{min-width:110px}.profile-settings{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-4);align-items:start}.profile-avatar-block{display:grid;gap:10px;align-content:start}.profile-avatar-wrap{position:relative;width:fit-content}.profile-avatar-shell{width:132px;height:132px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface-soft);display:flex;align-items:center;justify-content:center}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{font-size:2rem;font-weight:800;color:var(--ink)}.status-dot{position:absolute;right:6px;bottom:6px;width:16px;height:16px;border-radius:999px;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line);z-index:2}.status-online{background:#28c76f}.status-away{background:#f5b000}.status-busy{background:#ea5455}.status-offline{background:#7b8494}.status-label{font-size:.86rem;color:var(--muted);font-weight:700}.home-status-dot{right:-4px;bottom:-4px}.profile-avatar-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-fields{display:grid;gap:12px}.profile-save-btn{max-width:220px}.password-settings{display:grid;gap:12px}.password-reset-block{display:grid;gap:10px;margin-top:6px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--brand) 16%,var(--line))}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.two-col.uneven{grid-template-columns:1.3fr 1fr}.list-stack{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.list-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;background:var(--surface-soft)}.muted{color:var(--muted);font-size:.92rem}.progress-meta{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:8px}.progress-track{height:10px;border-radius:999px;background:var(--surface-mid);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--progress-a) 0%,var(--progress-b) 100%)}.progress-fill.over{background:linear-gradient(90deg,#d05a44,#b43b29)}.bar-list{display:grid;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;align-items:center}.bar-row .label{color:var(--ink);font-weight:600;font-size:.9rem}.bar-row .value{color:var(--muted);font-weight:700;font-size:.86rem}.bar{position:relative;height:10px;border-radius:999px;background:var(--surface-mid);overflow:hidden}.bar>span{position:absolute;inset:0 auto 0 0;width:0;background:var(--bar-fill)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.control{display:grid;gap:8px;font-weight:600}.crop-modal{position:fixed;inset:0;z-index:1000;background:#080a10c7;display:grid;place-items:center;padding:16px}.crop-card{width:min(980px,100%);max-height:min(92vh,900px);display:grid;gap:14px}.crop-head{margin-bottom:0}.crop-close{width:42px;height:42px;border-radius:10px;font-size:1.4rem;line-height:1;padding:0}.crop-preview-wrap{display:grid;justify-items:center}.crop-image-stage{width:min(860px,100%);height:min(60vh,620px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#0e1118}.crop-image{display:block;max-width:100%}.crop-image-stage .cropper-view-box,.crop-image-stage .cropper-face{border-radius:10px}.crop-image-stage .cropper-bg{background-image:linear-gradient(45deg,#121721 25%,#161d29 25% 50%,#121721 50% 75%,#161d29 75% 100%);background-size:18px 18px}.crop-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}input[type=range]{width:100%;accent-color:var(--brand)}@media(max-width:1040px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.two-col.uneven,.control-grid,.recurring-bill-core-grid,.recurring-bill-schedule-grid,.recurring-bill-advanced-grid,.home-bottom-grid,.data-panel-grid{grid-template-columns:1fr}.hero-heading{flex-direction:column;align-items:flex-start;gap:14px}.home-hero-side{max-width:none}.home-chart-wrap{width:100%;margin:0;padding:0 14px}.home-hero-foot,.data-import-grid,.recurring-bill-toggle-row{grid-template-columns:1fr}}@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-shell.auth-shell-compact{width:min(520px,100%)}.auth-showcase{min-height:auto;padding:24px 20px}.auth-showcase-brand{align-items:flex-start}.auth-showcase-logo{width:56px;height:56px}.auth-hero-title{font-size:clamp(2.2rem,10vw,3.2rem);max-width:12ch}.auth-signal-grid{grid-template-columns:1fr}.auth-signal-card-wide{grid-column:span 1}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);height:100vh;border-left:1px solid var(--line);border-right:0;border-bottom:0;padding:var(--space-3);z-index:30;transform:translate(104%);transition:transform .24s ease,box-shadow .24s ease;box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:0 18px 36px #0000003d}.app-shell:before{content:"";position:fixed;inset:0;background:#070a1270;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:20}.app-shell.nav-open:before{opacity:1;pointer-events:auto}.sidebar-top{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.brand-row{min-width:0}.sidebar-top .brand-row{display:none}.nav-toggle{display:inline-flex;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:0;align-items:center;justify-content:center;cursor:pointer}.nav-links{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3);padding:0;border:0;background:transparent}.workspace{padding:var(--space-3)}.topbar{flex-direction:column;align-items:flex-start;position:relative;gap:14px}.mobile-nav-toggle{display:inline-flex;position:absolute;top:14px;right:14px;margin-bottom:0}.mobile-brand{display:inline-flex;margin-bottom:10px;max-width:calc(100% - 72px)}.updated{max-width:calc(100% - 72px);line-height:1.5}.home-command{grid-template-columns:1fr}.home-command-copy h2{max-width:10ch}.top-actions{width:100%;min-width:0}.top-actions .icon-btn,.top-actions .user-badge{width:100%;text-align:center}.top-actions .profile-chip{justify-content:flex-start}.card{padding:14px;border-radius:14px}.hero-heading{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 14px 4px}.home-hero-side{max-width:none}.home-chart-wrap{width:100%;margin:0;padding:0 10px}.home-hero-foot{padding:10px 14px 14px;grid-template-columns:1fr;align-items:stretch}.home-hero-foot .chip-row{justify-content:center}.home-custom-range{grid-template-columns:1fr}.home-custom-actions{justify-content:stretch}.home-activity-summary,.home-budget-stats,.home-budget-progress-meta,.home-experience-checklist{grid-template-columns:1fr}.home-transaction-row{flex-direction:column}.home-transaction-side{width:100%;justify-items:start;text-align:left}.home-account-row{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr}.data-page-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.data-page-head h2{font-size:1.05rem;line-height:1.12}.data-page-copy{max-width:none;font-size:.9rem;line-height:1.5}.data-tabs{margin-inline:-2px;padding-inline:2px}.data-tabs::-webkit-scrollbar{height:6px}.data-tabs::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:999px}.data-record-item .chip-row{width:100%}.data-record-item .chip-row .icon-btn{flex:1 1 auto;justify-content:center}.profile-settings{grid-template-columns:1fr}.profile-avatar-block{justify-items:center}.profile-save-btn{max-width:100%}.bar-row{grid-template-columns:1fr;gap:6px}}
