:root{color-scheme:dark;--bg:#090e19;--bg2:#0e1423;--sidebar:#0d1320;--panel:#151e2e;--panel2:#192336;--edge:#273246;--edge2:#303b53;--ink:#edf1ff;--muted:#9aa8be;--dim:#738199;--accent:#897bff;--accent2:#6676ff;--accent-soft:rgba(137,123,255,.14);--success:#5dd6b2;--warn:#f8bd72;--danger:#ff818e;--radius:20px;--shadow:0 18px 80px rgba(0,0,0,.23)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}svg{display:block}.icon{width:19px;height:19px;flex:none;stroke-width:1.8}.small-icon{width:16px;height:16px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid #202b3a;width:248px;flex:none;position:fixed;left:0;top:0;bottom:0;z-index:30;display:flex;flex-direction:column;padding:29px 17px}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 34px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#998bff,#6269ea);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(104,99,248,.26)}.brand-mark b{font-size:25px;color:#fff;font-weight:800;line-height:1}.brand-text strong{font-weight:850;font-size:21px;letter-spacing:1px}.brand-text span{display:block;color:#8794ad;font-size:9px;letter-spacing:2px;font-weight:700;margin-top:-2px}.nav-section{color:#5d6d89;font-size:10px;letter-spacing:1.8px;font-weight:800;margin:5px 12px 11px}.sidebar-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:13px;color:#97a5bd;border:1px solid transparent;background:transparent;border-radius:12px;padding:11px 13px;width:100%;text-align:left;font-weight:600;transition:.17s}.nav-item:hover{background:#192236;color:#f5f7ff}.nav-item.active{background:var(--accent-soft);border-color:rgba(137,123,255,.18);color:#c1b9ff}.nav-item.active .icon{color:#a899ff}.side-bottom{margin-top:auto;display:grid;gap:15px}.side-level{padding:17px;border:1px solid #2d3851;background:linear-gradient(145deg,#1c263c,#151c2c);border-radius:16px}.side-level .eyebrow{font-size:10px;letter-spacing:1.1px}.side-level h3{font-size:19px;margin:4px 0 10px}.side-level h3 span{color:#aa9fff}.progress{height:7px;border-radius:100px;background:#34405a;overflow:hidden}.progress>i{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent));display:block;transition:width .3s}.side-level small{font-size:11px;color:#9eabc3;margin-top:9px;display:block}.profile-mini{display:flex;align-items:center;gap:10px;padding:0 6px 2px}.avatar{border:0;border-radius:50%;background:linear-gradient(145deg,#344d77,#584a99);display:grid;place-items:center;font-weight:800;color:#eef0ff;flex:none}.profile-mini .avatar{width:35px;height:35px}.profile-mini strong{display:block;font-size:12px}.profile-mini span{color:#7d8aa4;font-size:11px}.main{margin-left:248px;flex:1;min-width:0}.topbar{height:82px;padding:0 clamp(24px,3.8vw,64px);border-bottom:1px solid #1d2738;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(9,14,25,.83);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:10px;color:#7e8da6;font-size:12px}.breadcrumb b{color:#dbe1ee;font-weight:650}.top-actions{display:flex;align-items:center;gap:12px}.today-mini{color:#8d9bb2;font-size:12px}.icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid #2c354a;background:#151d2d;color:#c0c9da;display:grid;place-items:center}.icon-btn:hover{border-color:var(--accent);color:#fff}.top-avatar{width:37px;height:37px}.page-container{width:100%;max-width:1500px;margin:auto;padding:34px clamp(24px,3.8vw,64px) 100px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.eyebrow{color:#8a97ad;letter-spacing:1.6px;font-size:10px;font-weight:750;text-transform:uppercase}.page-title-row h1{font-size:clamp(26px,2.5vw,35px);font-weight:800;letter-spacing:-1.2px;line-height:1.23;margin:7px 0}.page-sub{color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border-radius:11px;background:#1c273a;border:1px solid #334159;color:#e3e9f6;font-weight:650;font-size:12px;min-height:40px;white-space:nowrap;transition:.2s}.btn:hover{transform:translateY(-1px);border-color:#7780bd}.btn.primary{background:linear-gradient(135deg,#9283ff,#6671ee);border-color:transparent;color:#fff;box-shadow:0 9px 27px rgba(108,105,241,.23)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent}.btn.soft{background:var(--accent-soft);color:#bdadff;border-color:#504f8c}.btn.danger{color:var(--danger);border-color:#754050;background:#37222e}.btn.tiny{padding:7px 10px;min-height:30px;font-size:11px;border-radius:8px}.btn .icon{width:16px;height:16px}.card{border:1px solid var(--edge);border-radius:var(--radius);background:linear-gradient(150deg,#182235,#151d2d);box-shadow:0 3px 20px rgba(0,0,0,.045);min-width:0}.card-pad{padding:24px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.card-head h2{font-size:15px;font-weight:720;letter-spacing:-.25px}.card-head p{color:var(--muted);font-size:11px;margin-top:4px}.tiny-link{display:inline-flex;align-items:center;gap:3px;color:#a99eff;background:none;border:0;font-size:12px;font-weight:700;padding:6px 0}.tiny-link:hover{color:#d4ccff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:20px}.span-all{grid-column:1/-1}.hero{background:radial-gradient(circle at 96% 2%,rgba(136,120,255,.26),transparent 37%),linear-gradient(124deg,#25244c,#1a2540 72%,#162038);border:1px solid #41446f;position:relative;overflow:hidden;min-height:245px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero:before{content:"";position:absolute;right:-85px;top:-110px;width:340px;height:340px;border:1px solid rgba(173,168,255,.09);border-radius:50%;box-shadow:0 0 0 55px rgba(173,168,255,.025),0 0 0 110px rgba(173,168,255,.025);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:460px}.hero-copy .eyebrow{color:#b4aff5}.hero h2{font-size:clamp(22px,2.4vw,33px);font-weight:770;letter-spacing:-1px;line-height:1.2;margin:10px 0 11px}.hero p{color:#abb9d0;font-size:12px;max-width:360px}.hero-actions{display:flex;gap:9px;margin-top:24px;flex-wrap:wrap}.hero-score{position:relative;z-index:1;flex:none}.score-ring{--pct:70;width:152px;height:152px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a295ff calc(var(--pct) * 1%),#3b4569 0);padding:11px;box-shadow:0 0 0 8px rgba(124,118,243,.06)}.score-inner{background:#202844;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-inner strong{font-size:34px;letter-spacing:-1.5px;line-height:1.1}.score-inner span{font-size:11px;color:#b9c2d5}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:19px 20px;min-height:127px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#95a3bd;font-size:11px}.metric-top .icon{color:#a495ff;width:18px;height:18px}.metric-value{display:block;font-size:26px;font-weight:780;letter-spacing:-1px;margin-top:8px}.metric-bottom{display:block;color:#7f91aa;font-size:11px;margin-top:2px}.metric-bottom em{color:var(--success);font-style:normal}.section-title{font-size:14px;font-weight:700}.muted{color:var(--muted)}.hint{font-size:11px;color:#8391a8}.list-stack{display:grid;gap:3px}.item-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(64,76,98,.5);min-width:0}.item-row:last-child{border-bottom:0;padding-bottom:0}.item-row:first-child{padding-top:1px}.check-circle{width:23px;height:23px;border-radius:8px;background:#172133;border:1.5px solid #526079;display:grid;place-items:center;color:transparent;flex:none;padding:0;transition:.15s}.check-circle:hover{border-color:var(--accent)}.check-circle.checked{background:#8071ec;color:#fff;border-color:#8071ec}.check-circle.checked .icon{width:15px;height:15px}.item-text{min-width:0;flex:1}.item-text strong{display:block;font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-text span{display:block;color:#8493ab;font-size:10px;margin-top:3px}.done-text{text-decoration:line-through;color:#7b8a9d!important}.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:7px;font-size:10px;font-weight:700;border:1px solid #3f4557;background:#293044;color:#bbc5d6;white-space:nowrap}.tag.orange{color:#f4bf82;background:rgba(244,173,92,.11);border-color:rgba(244,173,92,.25)}.tag.red{color:#ff9baa;background:rgba(255,123,147,.1);border-color:rgba(255,123,147,.24)}.tag.green{color:#79dec1;background:rgba(93,214,178,.1);border-color:rgba(93,214,178,.22)}.tag.purple{color:#b5a9ff;background:rgba(140,122,255,.1);border-color:rgba(140,122,255,.2)}.mini-square{width:37px;height:37px;background:#273149;border-radius:12px;display:grid;place-items:center;color:#a89bff;flex:none}.habit-row .mini-square{background:rgba(137,123,255,.1)}.habit-check{margin-left:auto}.activity-bars{height:144px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;align-items:end;margin-top:8px}.activity-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bar-track{width:min(100%,31px);height:106px;display:flex;align-items:flex-end;border-radius:8px 8px 3px 3px;background:#252f47;overflow:hidden}.bar-fill{width:100%;background:linear-gradient(0deg,#596ce5,#aaa0ff);border-radius:7px 7px 2px 2px;min-height:2px;transition:height .3s}.bar-label{color:#8899b5;font-size:11px}.progress-item{margin:0 0 19px}.progress-item:last-child{margin-bottom:0}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:9px}.progress-row strong{font-size:12px;font-weight:660}.progress-row span{color:#a1aec3;font-size:11px}.progress-item .progress{height:7px}.progress-item .progress>i{background:var(--fill,var(--accent))}.demo-banner{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 15px;border:1px solid rgba(161,150,255,.25);border-radius:12px;background:rgba(107,97,188,.095);margin-bottom:20px;color:#bdc5da;font-size:12px}.demo-banner strong{color:#e1dcff}.demo-banner button{border:0;background:none;color:#b9adff;font-size:11px;font-weight:750;white-space:nowrap}.stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-strip .metric{min-height:115px}.page-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:20px}.stack-gap{display:grid;gap:20px}.header-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.segmented{display:flex;background:#192336;padding:4px;border:1px solid #2c374c;border-radius:11px;gap:2px}.segmented button{border:0;border-radius:8px;background:transparent;color:#9aa8bd;padding:8px 13px;font-size:11px;font-weight:700}.segmented button.active{background:#363957;color:#f1eefe}.card-list{padding:8px 22px}.wide-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid rgba(64,76,98,.52)}.wide-row:last-child{border:0}.wide-main{flex:1;min-width:0}.wide-main strong{display:block;font-size:13px}.wide-main p .icon{display:inline-block;vertical-align:-3px}.wide-main p{font-size:11px;color:#8291a9;margin-top:4px}.wide-actions{display:flex;align-items:center;gap:8px}.button-plain{background:none;border:0;color:#8999b3;padding:5px}.button-plain:hover{color:#fff}.empty-state{text-align:center;padding:34px 18px;color:#8997ad}.empty-state .icon{margin:auto auto 12px;color:#766ce5;width:27px;height:27px}.empty-state strong{color:#d7dcef;display:block;font-size:13px}.empty-state p{font-size:12px;margin:6px auto 14px;max-width:260px}.overview-number{font-size:29px;font-weight:780;letter-spacing:-1px}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.money-top{display:flex;align-items:center;justify-content:space-between;color:#9caac0;font-size:11px}.money-top .icon{color:#a699ff}.money-value{font-size:25px;font-weight:760;letter-spacing:-.75px;display:block;margin-top:14px}.money-sub{font-size:11px;color:#8596af;display:block;margin-top:6px}.money-positive{color:var(--success)}.money-negative{color:#ff9ba4}.transaction-amount{text-align:right;font-size:13px;font-weight:700;white-space:nowrap}.transaction-amount small{display:block;font-size:10px;font-weight:500;color:#8392ab;margin-top:2px}.chart-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.legend-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:11px 0}.legend-row strong{font-size:12px;font-weight:660}.legend-row span{font-size:11px;color:#a8b4c6}.legend-dot{height:9px;width:9px;border-radius:3px;display:inline-block;flex:none}.legend-label{display:flex;align-items:center;gap:9px}.goal-card{padding:22px;display:flex;flex-direction:column;gap:12px}.goal-card h3{font-size:15px;line-height:1.4}.goal-top{display:flex;justify-content:space-between;align-items:center}.goal-percentage{font-size:24px;font-weight:750;letter-spacing:-1px}.goal-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8e9db2}.goal-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;padding-top:10px;border-top:1px solid #2d3850}.goal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.heatmap{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px}.heat-cell{aspect-ratio:1;border-radius:5px;background:#2b354d}.heat-cell.level-1{background:#444477}.heat-cell.level-2{background:#655fbb}.heat-cell.level-3{background:#9588ff}.heat-cell:hover{outline:1px solid #ccd1ff}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:11px;color:#b2bfd2;font-weight:700}.field input,.field select,.field textarea{width:100%;background:#111a2a;border:1px solid #364159;border-radius:10px;color:#f0f3ff;padding:12px;font-size:13px;outline:none;min-height:42px}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#64748e}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.modal-overlay{position:fixed;inset:0;background:rgba(3,6,13,.78);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:16px}.modal{width:min(100%,470px);max-height:calc(100dvh - 30px);overflow:auto;background:#182235;border:1px solid #3b4760;border-radius:22px;box-shadow:0 28px 140px #000a;padding:25px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.modal-head h2{font-size:19px}.modal form{display:grid;gap:15px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #2b364b;padding:18px 0}.settings-row:last-child{border:0}.settings-row strong{font-size:13px}.settings-row p{color:#91a0b5;font-size:11px;margin-top:4px;max-width:420px}.swatches{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:30px;height:30px;border-radius:10px;border:2px solid transparent}.swatch.selected{outline:2px solid #fff;outline-offset:2px}.focus-card{text-align:center;padding:37px 20px}.focus-orb{width:min(100%,260px);aspect-ratio:1;border-radius:50%;margin:27px auto;background:conic-gradient(var(--accent) calc(var(--pct,100) * 1%),#313d56 0);padding:12px;display:grid;place-items:center;box-shadow:0 0 60px rgba(115,108,239,.12)}.focus-inner{width:100%;height:100%;background:radial-gradient(circle at 50% 10%,#262d4c,#151d2f);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.focus-inner strong{font-size:52px;letter-spacing:-2px;font-weight:760;font-variant-numeric:tabular-nums}.focus-inner span{font-size:11px;color:#9eaec4;letter-spacing:1.2px;text-transform:uppercase}.focus-controls{display:flex;justify-content:center;gap:9px;margin-top:20px;flex-wrap:wrap}.focus-pills{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.focus-pills button{border:1px solid #39435a;background:#1e293d;color:#abb8d0;border-radius:9px;padding:7px 13px;font-size:12px}.focus-pills button.selected{background:#3c3b6e;color:#e3ddff;border-color:#7369cf}.toast-region{position:fixed;right:22px;bottom:22px;z-index:200;display:grid;gap:8px;pointer-events:none}.toast{background:#29364c;border:1px solid #596480;border-radius:12px;color:#e9f0ff;box-shadow:var(--shadow);padding:11px 16px;font-size:12px;max-width:340px;animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{display:none}.text-right{text-align:right}.light-divider{border:0;border-top:1px solid #2b364d;margin:18px 0}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.tiny-chip{padding:5px 9px;border:1px solid #3b4660;border-radius:8px;color:#abb8d2;background:#1d2840;font-size:11px}.highlights{display:flex;align-items:center;gap:8px;color:#aeb9d0;font-size:11px;margin:12px 0}.highlights .icon{color:var(--success)}.boot-loader{height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#919eb8}.loader-mark{background:#7769f5;color:white;font-size:28px;border-radius:16px;font-weight:850;width:54px;height:54px;display:grid;place-items:center}.warning-note{color:#bb9cda;font-size:11px;margin-top:12px}
@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr 1fr}.hero{grid-column:1/-1}.metric-grid{grid-column:1/-1}.page-grid{grid-template-columns:1fr}.metric{padding:16px}.goal-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.sidebar{width:74px;padding:25px 10px}.brand{padding:0 7px 28px}.brand-text,.nav-section,.nav-item span,.side-bottom{display:none}.nav-item{justify-content:center;padding:12px}.main{margin-left:74px}.topbar{padding:0 24px}.page-container{padding:25px 24px 90px}.dashboard-grid{gap:15px}.card-pad{padding:19px}.goal-list{gap:12px}}
@media(max-width:650px){body{font-size:13px}.sidebar{display:none}.main{margin-left:0}.topbar{height:65px;padding:0 17px}.page-container{padding:24px 15px 105px}.today-mini{display:none}.page-title-row{margin-bottom:20px;align-items:center}.page-title-row h1{font-size:26px}.page-sub{font-size:12px}.page-title-row>.btn{padding:10px;min-height:36px;font-size:11px}.dashboard-grid,.page-grid,.chart-duo{grid-template-columns:1fr;gap:13px}.hero{grid-column:auto;min-height:0;padding:22px 18px;gap:6px}.hero h2{font-size:24px}.hero-copy{min-width:0}.hero-score .score-ring{width:93px;height:93px;padding:7px}.score-inner strong{font-size:22px}.score-inner span{font-size:8px}.hero-actions .btn{font-size:10px;padding:8px 11px;min-height:34px}.hero-actions{margin-top:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{padding:13px 10px;min-height:105px}.metric-top{font-size:10px;gap:2px}.metric-value{font-size:21px}.metric-bottom{font-size:9px}.stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-grid{grid-template-columns:1fr;gap:10px}.finance-grid .card-pad{padding:15px}.finance-grid .money-value{font-size:24px;margin-top:6px}.card-pad{padding:18px}.goal-list{grid-template-columns:1fr}.card-list{padding:6px 17px}.wide-row{padding:16px 0}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:50;padding:10px 6px calc(9px + env(safe-area-inset-bottom));background:rgba(13,19,32,.97);border-top:1px solid #2b364b;backdrop-filter:blur(16px);justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px;border:0;background:transparent;color:#8b9ab2;font-size:9px;font-weight:650;padding:4px}.mobile-nav button.active{color:#b8aaff}.mobile-nav .icon{width:20px;height:20px}.demo-banner{align-items:flex-start;gap:10px;flex-direction:column}.two-col{grid-template-columns:1fr}.settings-row{align-items:flex-start;flex-direction:column}.field-grid{grid-template-columns:1fr}.modal{padding:18px}.focus-inner strong{font-size:40px}.focus-orb{width:220px}.toast-region{bottom:85px;right:10px;left:10px}.toast{max-width:100%}}
@media(max-width:400px){.hero-score .score-ring{width:77px;height:77px}.score-inner strong{font-size:19px}.score-inner span{font-size:7px}.hero h2{font-size:21px}.metric-top .icon{display:none}.metric-value{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* LEVEL v0.2 — Daily Finance */
.finance-heading{align-items:center}.finance-add-actions{display:flex;gap:9px;flex-wrap:wrap}.finance-today{margin-bottom:18px;padding:24px 28px;background:radial-gradient(circle at 96% 0%,rgba(111,94,225,.25),transparent 42%),linear-gradient(118deg,#222442,#182337 65%,#151e2f);border-color:#434369}.finance-today-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.finance-today-heading h2{font-size:20px;margin-top:5px;letter-spacing:-.4px}.today-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.today-totals>div{border:1px solid #393d5d;border-radius:13px;padding:15px 17px;background:rgba(8,17,34,.35);min-width:0}.today-totals span{font-size:11px;color:#abb7d0;display:block;margin-bottom:6px}.today-totals strong{font-size:clamp(17px,1.9vw,25px);letter-spacing:-.65px;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.finance-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:13px 17px}.finance-periods{display:flex;gap:4px;flex-wrap:wrap}.finance-period,.finance-filter{border:0;background:transparent;color:#97a5bb;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;white-space:nowrap}.finance-period:hover,.finance-filter:hover{background:#29344a;color:#fff}.finance-period.active,.finance-filter.active{background:var(--accent-soft);color:#c5bcff}.finance-period-title{display:flex;align-items:center;gap:12px;color:#d6dcf2;font-size:12px;text-transform:capitalize}.finance-period-title strong{text-align:center;min-width:116px}.finance-period-title .button-plain{padding:5px;color:#b1bde4}.finance-prev{transform:rotate(90deg)}.finance-next{transform:rotate(-90deg)}.finance-period-title .icon{width:16px;height:16px}.finance-history-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px}.finance-history-head h2{font-size:15px;margin-bottom:4px}.finance-filter-row{display:flex;gap:6px;padding:3px 20px 14px;border-bottom:1px solid #30384d}.finance-filter{padding:8px 13px}.finance-date-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 22px 9px;background:rgba(15,25,40,.65);font-size:11px;color:#c6cde0;border-bottom:1px solid #2b3449}.finance-date-heading span{color:#a3b0c6;font-variant-numeric:tabular-nums}.finance-history-row .transaction-amount{display:flex;flex-direction:column;gap:5px;align-items:flex-end;max-width:50%}.finance-history-row .transaction-amount small{margin-top:0}.transaction-actions{display:flex;gap:2px;justify-content:flex-end}.transaction-actions button{padding:5px 7px;border-radius:7px}.transaction-actions button:hover{background:#334059}.cashflow-legend{display:flex;justify-content:flex-end;gap:18px;font-size:11px;color:#aebbd1;margin:6px 0 13px}.cashflow-legend span{display:flex;gap:7px;align-items:center}.cashflow-dot{width:9px;height:9px;display:inline-block;border-radius:3px}.income-dot{background:#56d2b6}.expense-dot{background:#978bff}.cashflow-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3d4662 transparent}.cashflow-chart{display:flex;gap:7px;height:158px;min-width:100%;align-items:stretch}.cashflow-day{height:100%;min-width:16px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;color:#8092ad;font-size:10px}.cashflow-pair{height:128px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid #41506a;background:linear-gradient(to top,rgba(74,86,115,.12),transparent 60%);border-radius:3px}.cashflow-bar{width:min(43%,13px);border-radius:4px 4px 0 0;min-height:0;transition:height .25s}.income-bar{background:linear-gradient(to top,#36a892,#5bd8bc)}.expense-bar{background:linear-gradient(to top,#6258b4,#a79aff)}.cashflow-day>span{min-height:16px}.cashflow-dashboard{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.cashflow-dashboard>div{padding:14px 15px;border:1px solid #303c56;border-radius:12px;background:rgba(18,30,48,.58)}.cashflow-dashboard .overview-number{font-size:clamp(20px,2.1vw,26px);margin:7px 0 0;overflow-wrap:anywhere}.finance-quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.budget-disabled{border:1px dashed #42516a;background:rgba(26,37,56,.42);padding:15px;border-radius:11px;font-size:12px;color:#b1bfd1}
@media(max-width:850px){.finance-heading{align-items:flex-start}.finance-today{padding:18px}.today-totals{gap:8px}.today-totals>div{padding:13px}.finance-toolbar{gap:10px}.cashflow-dashboard{gap:8px}}
@media(max-width:650px){.finance-heading{flex-direction:column;gap:12px;align-items:stretch}.finance-add-actions{width:100%}.finance-add-actions .btn{flex:1}.finance-today{padding:18px 15px}.finance-today-heading h2{font-size:17px}.finance-today-heading .tag{display:none}.today-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.today-totals>div:last-child{grid-column:1/-1}.today-totals strong{font-size:21px}.finance-toolbar{flex-direction:column;align-items:stretch;padding:10px}.finance-periods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.finance-period{padding:9px 2px;font-size:10px}.finance-period-title{justify-content:center}.finance-history-row .mini-square{width:29px;height:29px}.finance-history-row .wide-main strong{font-size:12px;overflow-wrap:anywhere}.finance-history-row .transaction-amount{font-size:12px;max-width:46%}.finance-date-heading{padding:10px 16px}.cashflow-dashboard{grid-template-columns:1fr 1fr}.cashflow-dashboard>div:last-child{grid-column:1/-1}.cashflow-dashboard .overview-number{font-size:20px}.cashflow-chart{gap:3px}.cashflow-day{min-width:12px}.cashflow-pair{gap:1px}}
@media(max-width:400px){.finance-add-actions .btn{font-size:11px;min-height:41px}.finance-period-title strong{min-width:110px}.today-totals strong{font-size:18px}.cashflow-dashboard{grid-template-columns:1fr}.cashflow-dashboard>div:last-child{grid-column:auto}}
/* LEVEL 0.3 — Cloud & Accounts */
.cloud-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.cloud-heading>.icon{color:var(--accent);width:28px;height:28px}.cloud-heading h2{font-size:17px}.cloud-heading .hint{margin-top:4px}.cloud-auth-form{margin-top:12px;gap:12px}.cloud-status{display:inline-flex;align-items:center;border:1px solid var(--edge);background:var(--panel2);padding:7px 12px;border-radius:100px;font-weight:650;font-size:12px;color:var(--muted)}.cloud-status.synced{color:var(--success);border-color:rgba(93,214,178,.38)}.cloud-status.conflict,.cloud-status.offline{color:var(--warn);border-color:rgba(248,189,114,.38)}.cloud-migrate{margin-top:18px;padding:16px;background:var(--panel2);border:1px solid var(--edge2);border-radius:13px;display:grid;gap:10px}.cloud-migrate p{color:var(--ink);font-size:13px}.cloud-auth-form input{width:100%}.cloud-heading p{overflow-wrap:anywhere}

/* LEVEL 0.4 — update prompt stays outside the re-rendered app tree */
.level-update-banner{position:fixed;z-index:110;left:50%;transform:translateX(-50%);bottom:20px;width:min(650px,calc(100vw - 32px));display:flex;justify-content:space-between;align-items:center;gap:15px;background:#202b42;border:1px solid #7569d9;border-radius:15px;padding:16px 18px;box-shadow:0 15px 55px rgba(0,0,0,.5);color:#eff2ff}
.level-update-banner strong{display:block;font-size:13px;margin-bottom:4px}.level-update-banner span{display:block;font-size:11px;color:#b6c2d5}.level-update-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
@media(max-width:650px){.level-update-banner{bottom:calc(85px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;padding:14px}.level-update-actions .btn{flex:1}}
/* LEVEL 0.6 — Nutrition */
.nutrition-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.nutrition-stats>span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.nutrition-stats .icon{color:var(--success)}.nutrition-stats b{color:var(--ink)}.nutrition-stat-cards{display:grid;align-items:stretch;max-width:1000px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.nutrition-stat-cards .metric{min-width:0}.nutrition-composer{background:radial-gradient(ellipse at 100% 0,rgba(137,123,255,.13),transparent 60%),var(--panel)}.nutrition-composer form{display:grid;gap:16px}.nutrition-composer textarea{min-height:112px;line-height:1.6}.nutrition-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--edge);padding-top:17px}.nutrition-submit [role=status]{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.nutrition-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid rgba(255,129,142,.25);border-radius:11px;color:#ffb2ba;font-size:12px}.nutrition-feedback.setup{border-color:var(--edge2);color:var(--muted);background:var(--panel2)}.nutrition-settings-form{gap:14px;margin-top:16px}.nutrition-settings-error{color:#ffb2ba;font-size:12px}.nutrition-layout{max-width:1000px}.nutrition-composer .card-head{flex-wrap:wrap}.nutrition-result{padding:18px 0;border-top:1px solid var(--edge);min-width:0}.nutrition-result:first-of-type{border-top:0;padding-top:0}.nutrition-result-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.nutrition-result h3{font-size:13px;line-height:1.6;margin-top:6px;overflow-wrap:anywhere}.nutrition-table-wrap{overflow-x:auto;scrollbar-width:thin}.nutrition-table{width:100%;border-collapse:collapse;text-align:right;font-size:11px;font-variant-numeric:tabular-nums;min-width:390px}.nutrition-table th,.nutrition-table td{padding:11px 8px;border-bottom:1px solid var(--edge)}.nutrition-table th:first-child{text-align:left;min-width:110px;max-width:210px;overflow-wrap:anywhere}.nutrition-table thead th{color:var(--muted);font-weight:500;white-space:nowrap}.nutrition-table tbody th{font-weight:500}.nutrition-table tfoot{background:var(--accent-soft);color:var(--ink);font-weight:750}.nutrition-rewards{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.nutrition-rewards span{display:inline-flex;gap:6px;align-items:center;color:var(--success);background:rgba(93,214,178,.08);border:1px solid rgba(93,214,178,.2);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700}.nutrition-rewards span:first-child{color:#c1b8ff;background:var(--accent-soft);border-color:rgba(137,123,255,.25)}.nutrition-rewards .icon{width:15px;height:15px}.nutrition-spinner{display:inline-block;width:15px;height:15px;border:2px solid var(--edge2);border-top-color:var(--accent);border-radius:50%;animation:nutrition-spin 1s linear infinite}.nutrition-composer :disabled{opacity:.55;cursor:wait}.nutrition-overview .card-head{flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes nutrition-spin{to{transform:rotate(360deg)}}
@media(max-width:650px){.nutrition-stat-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nutrition-stat-cards .metric{min-height:110px;padding:13px 10px}.nutrition-stat-cards .metric-top{min-height:30px;align-items:flex-start;font-size:10px}.nutrition-stat-cards .metric-top .icon{display:none}.nutrition-stat-cards .metric-value{font-size:21px}.nutrition-stat-cards .metric-bottom{font-size:9px}.nutrition-submit{flex-direction:column;align-items:stretch}.nutrition-submit .btn{width:100%}.nutrition-feedback{align-items:flex-start;flex-direction:column}.nutrition-table th,.nutrition-table td{padding:10px 6px}.nutrition-result-head .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){.nutrition-spinner{animation:none}}

/* v0.9 — clean first-run welcome; no sample records are inserted. */
.level-quickstart{position:relative;overflow:hidden;padding:26px 28px;background:linear-gradient(120deg,rgba(128,109,244,.14),rgba(24,37,63,.82) 64%,rgba(31,97,105,.17));border:1px solid rgba(159,146,240,.24)}
.level-quickstart::after{content:"✦";position:absolute;right:26px;top:10px;font-size:66px;line-height:1;color:rgba(151,143,255,.14);pointer-events:none}
.level-quickstart h2{font-size:21px;letter-spacing:-.4px;margin:9px 0 8px;color:#f3f2ff;max-width:560px}
.level-quickstart p{font-size:13px;line-height:1.7;color:#a8b6cd;max-width:620px;margin:0 0 18px}
.level-quickstart-actions{display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:1}
@media(max-width:650px){.level-quickstart{padding:22px 18px}.level-quickstart h2{font-size:18px}.level-quickstart-actions .btn{flex:1 1 145px;justify-content:center}}

/* LEVEL v1.0 — readable sync state and safe recovery on small screens. */
.level-cloud-chip{display:inline-flex;align-items:center;gap:7px;flex:none;border:1px solid rgba(151,164,187,.25);background:rgba(20,29,45,.95);padding:8px 11px;border-radius:999px;color:#acbad0;font-size:11px;font-weight:650;white-space:nowrap;max-width:180px;cursor:pointer}
.level-cloud-chip:hover{border-color:var(--accent);color:#f1f1ff}
.level-cloud-chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.level-cloud-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#aab5c9;box-shadow:0 0 0 3px rgba(151,164,187,.12)}
.level-cloud-chip.synced .level-cloud-dot{background:#62d9b3;box-shadow:0 0 0 3px rgba(98,217,179,.13)}
.level-cloud-chip.pending .level-cloud-dot,.level-cloud-chip.saving .level-cloud-dot,.level-cloud-chip.loading .level-cloud-dot{background:#bba7ff;box-shadow:0 0 0 3px rgba(187,167,255,.14)}
.level-cloud-chip.conflict .level-cloud-dot,.level-cloud-chip.offline .level-cloud-dot{background:#ffb56f;box-shadow:0 0 0 3px rgba(255,181,111,.13)}
.level-data-warning{display:grid;gap:11px;margin-bottom:18px;border:1px solid rgba(255,175,118,.42);background:rgba(71,44,37,.20)}
.level-data-warning strong{font-size:14px;color:#ffcc9b}
.level-data-warning p{font-size:12px;color:#c0adab;line-height:1.65}
.level-data-warning .btn{justify-self:start}
.level-recovery-choice{border-top:1px solid var(--edge);margin-top:18px;padding-top:16px;display:grid;gap:12px}
.level-recovery-choice p{font-size:12px;line-height:1.65;color:#afbdd1}
.level-recovery-choice .header-tools{flex-wrap:wrap;gap:9px}
.level-recovery-choice .btn{justify-self:start}
@media(max-width:650px){.topbar{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.top-actions{gap:7px}.level-cloud-chip{max-width:124px;padding:7px 9px;font-size:10px}.page-container{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.level-data-warning{margin-bottom:16px}}
@media(max-width:410px){.level-cloud-chip{width:34px;height:34px;padding:0;justify-content:center;min-width:34px}.level-cloud-label{display:none}.top-actions{gap:6px}}