:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111421;background:#f0eee9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f0eee9;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.shell{background:#f0eee9;grid-template-columns:118px minmax(0,1fr);width:100%;min-height:100vh;display:grid;overflow:hidden}.sidebar{color:#fff;background:#101321;grid-template-rows:auto 1fr auto;justify-items:center;padding:36px 18px;display:grid}.brand-mark{width:34px;height:46px;margin-bottom:38px;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";border-radius:999px;width:32px;height:13px;position:absolute;left:5px;transform:rotate(31deg)}.brand-mark:before{background:#ff775f;top:6px}.brand-mark span{background:#ffb3b4;top:18px}.brand-mark:after{background:#fff2ef;top:30px}.nav{align-content:start;gap:16px;width:100%;padding-top:18px;display:grid}.nav button,.profile,.logout{color:#f8fafc;background:0 0;border:0;border-radius:999px;place-items:center;width:56px;height:48px;margin:0 auto;display:grid}.nav svg,.icon-btn svg,.search svg,.workspace-pill svg,.done-button svg,.add-btn svg,.ring-inner svg{stroke-width:2.2px;width:22px;height:22px}.nav button:hover{background:#ffffff14}.nav .active{color:#111421;background:#b8b8b3;width:86px;position:relative}.nav .active:after{content:"";background:#fff;border-radius:999px;width:8px;height:8px;position:absolute;right:12px}.profile{background:radial-gradient(circle at 50% 26%,#ffd3c8 0 12%,#0000 13%),linear-gradient(135deg,#e7665a,#ffc76b);border:3px solid #dfe3ea;width:50px;height:50px;margin-bottom:16px;position:relative}.profile:after{content:"6";color:#fff;background:#ff3e38;border-radius:999px;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-10px;right:-8px}.content{gap:42px;padding:56px 58px 48px;display:grid}.topbar{grid-template-columns:minmax(260px,1fr) minmax(270px,320px) minmax(240px,300px) auto 44px;align-items:center;gap:24px;display:grid}h1{letter-spacing:0;margin:0;font-size:clamp(44px,3.6vw,58px);line-height:.95}.workspace-pill,.search{color:#111421;background:#ffffffb8;border:0;border-radius:999px;align-items:center;gap:12px;min-width:0;height:46px;padding:0 18px;display:flex}.workspace-pill strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.dot{color:#fff;background:#375690;border-radius:999px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;display:grid}.search input{color:#111421;background:0 0;border:0;outline:0;width:100%;min-width:0}.primary{color:#fff;white-space:nowrap;background:#111421;border:0;border-radius:999px;height:48px;padding:0 28px;font-weight:800}.icon-btn{color:#111421;background:0 0;border:0;place-items:center;width:42px;height:42px;display:grid}.dashboard{grid-template-columns:minmax(0,1fr) 376px;gap:38px;display:grid}.main-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);align-items:start;gap:30px;display:grid}.card{background:#ffffffad;border-radius:8px;padding:30px}.hero-card{color:#fff;background:radial-gradient(circle at 86% 18%,#ffffff38,#0000 22%),linear-gradient(135deg,#ff755d 0%,#f05d93 54%,#ed4dc0 100%);align-content:space-between;min-height:314px;display:grid;position:relative;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.card-menu{color:inherit;letter-spacing:2px;background:0 0;border:0;font-weight:900}.eyebrow{font-size:18px;font-weight:700}.total{margin:14px 0 18px;font-size:clamp(42px,5vw,58px);font-weight:900;line-height:1}.wave{height:54px;margin:0 -4px 22px;position:relative}.wave span{opacity:.85;background:#fff;border-radius:999px;height:2px;position:absolute;inset:18px 0 auto}.wave span:first-child{background:#276cff;transform:rotate(14deg)}.wave span:nth-child(2){background:#ffe0ed;transform:rotate(-11deg)}.wave span:nth-child(3){opacity:.26;background:#111421;transform:rotate(4deg)}.hero-metrics{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hero-metrics div+div{border-left:2px dotted #ffffff8c;padding-left:20px}.hero-metrics span{opacity:.86;margin-bottom:8px;font-size:14px;display:block}.hero-metrics strong{font-size:24px}.focus-card{grid-template-columns:minmax(0,.9fr) 188px;align-items:center;gap:24px;min-height:314px;display:grid}.focus-count{margin:18px 0 54px;font-size:44px;font-weight:900}.legend{gap:12px;display:grid}.legend div{color:#9a9da1;font-size:14px}.legend b{color:#111421;margin-top:2px;font-size:20px;display:block}.legend i{vertical-align:-1px;border-radius:999px;width:12px;height:12px;margin-right:8px;display:inline-block}.ring{aspect-ratio:1;background:conic-gradient(#0f1424 0 34%, #ff765f 34% 60%, #f04e9b 60% 82%, #ffc637 82% 100%);border-radius:999px;place-items:center;width:188px;max-width:100%;padding:16px;display:grid}.ring-inner{border-radius:inherit;color:#db624e;background:#f0eee9;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 12px #fff}.ring-inner svg{stroke-width:1.6px;width:56px;height:56px}.reminders-panel{grid-column:1/-1;margin-top:18px}.tabs{gap:28px;margin-bottom:24px;display:flex}.tabs button{color:#9a9da1;background:0 0;border:0;padding:0 2px 14px;font-size:16px;font-weight:800}.tabs .active-tab{color:#111421;box-shadow:inset 0 -3px #111421}.reminder-form{grid-template-columns:minmax(0,1.35fr) 170px minmax(0,.9fr) 58px;gap:12px;margin-bottom:18px;display:grid}.field{color:#111421;background:#ffffffd6;border:0;border-radius:8px;outline:2px solid #0000;min-width:0;height:50px;padding:0 16px}.field:focus{outline-color:#f05d9347}.add-btn{color:#fff;background:#111421;border:0;border-radius:8px;place-items:center;min-width:58px;height:50px;font-weight:900;display:grid}.secondary{color:#111421;background:#fff;border:0;border-radius:8px;place-items:center;min-width:50px;height:50px;padding:0 16px;font-weight:900;display:inline-grid}.danger{color:#be3838;background:#ffe9ec}.reminder-list,.playlist-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.reminder-row{background:#ffffffad;border-radius:8px;grid-template-columns:48px minmax(0,1fr) 130px 95px 48px;align-items:center;gap:16px;min-height:62px;padding:9px 14px 9px 16px;display:grid}.tile{color:#fff;background:linear-gradient(135deg,#ffc24d,#f25d70);border-radius:8px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.reminder-title{min-width:0}.reminder-title strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.reminder-title small,.muted{color:#9a9da1;font-size:13px}.category{font-size:13px;font-weight:800}.status-pill{color:#be3838;background:#ffe9ec;border-radius:999px;justify-self:start;width:fit-content;min-width:72px;padding:6px 10px;font-size:13px;font-weight:800}.status-pill.done{color:#16875a;background:#dff6e8}.done-button{color:#fff;background:#111421;border:0;border-radius:999px;place-items:center;width:38px;height:38px;display:grid}.done-button.muted{color:#16875a;background:#dff6e8}.empty{color:#707782;background:#ffffffad;border-radius:8px;min-height:78px;padding:28px}.side-stack{align-content:start;gap:38px;display:grid}.mini-card{grid-template-columns:102px 1fr;align-items:center;gap:22px;min-height:116px;display:grid}.mini-value{background:#ffcfcf;border-radius:30px;place-items:center;height:92px;font-size:28px;font-weight:900;display:grid}.mini-copy strong{margin-bottom:14px;font-size:18px;display:block}.bar{background:#fff;border-radius:999px;height:14px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg,#f05d93,#ff765f);width:45%;height:100%;display:block}.stats-card{min-height:380px}.bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:16px;height:186px;margin:34px 0 16px;display:grid}.bar-day{height:var(--h);background:#cfccc5;border-radius:999px}.bar-day.hot{background:linear-gradient(#ff765f,#f04e9b)}.days{color:#777d85;text-align:center;grid-template-columns:repeat(7,1fr);gap:16px;font-size:14px;display:grid}.divider{background:#e2dfd8;height:1px;margin:22px 0}.completed-line{justify-content:space-between;align-items:center;gap:16px;display:flex}.completed-line strong{font-size:24px}.savings-view{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:32px;display:grid}.savings-card{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:stretch;gap:28px;display:grid}.savings-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.savings-title h2{letter-spacing:0;margin:0;font-size:28px}.chain-pill{color:#8c6500;white-space:nowrap;background:#fff6d9;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900}.savings-balance{margin-bottom:10px;font-size:clamp(38px,4vw,56px);font-weight:900;line-height:1}.savings-meta{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.savings-meta span{color:#8b9198;margin-bottom:5px;font-size:12px;display:block}.savings-meta strong{font-size:18px}.savings-progress{background:#fff;border-radius:999px;height:16px;margin-top:22px;overflow:hidden}.savings-progress span{border-radius:inherit;background:linear-gradient(90deg,#ffc637,#ff765f,#f04e9b);width:0;height:100%;transition:width .25s;display:block}.savings-chart{background:linear-gradient(#e5e1d9 1px,#0000 1px) 0 0/100% 52px,#ffffff85;border-radius:8px;width:100%;min-height:210px;padding:18px}.savings-chart svg{width:100%;height:164px;display:block}.savings-chart path,.savings-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}.savings-chart .target-line{stroke:#111421;stroke-width:2px;opacity:.18}.savings-chart .balance-line{stroke:#f04e9b;stroke-width:4px}.playlist-card{gap:18px;display:grid}.playlist-form{grid-template-columns:minmax(0,1fr) 150px auto;gap:12px;display:grid}.playlist-row{background:#ffffffad;border-radius:8px;grid-template-columns:116px minmax(0,1fr) 120px auto auto auto auto;align-items:center;gap:14px;min-height:92px;padding:12px 14px;display:grid}.playlist-cover{object-fit:cover;background:linear-gradient(135deg,#ffc637,#f04e9b);border-radius:8px;width:116px;height:76px;display:block}.playlist-cover.placeholder{color:#fff;place-items:center;font-size:24px;font-weight:900;display:grid}.playlist-row strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playlist-row small{color:#8b9198}.playlist-amount{font-weight:900}.modal{z-index:20;background:#11142161;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{background:#f0eee9;border-radius:12px;width:min(560px,100%);padding:26px;box-shadow:0 24px 70px #1114213d}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font-size:28px}.modal-close{color:#111421;background:#fff;border:0;border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.savings-form{grid-template-columns:1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:12px;margin-top:18px;display:flex}@media (width<=1120px){.topbar{grid-template-columns:1fr 1fr auto}.search{order:2;grid-column:1/3}.dashboard,.savings-view{grid-template-columns:1fr}}@media (width<=820px){.shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:auto 1fr auto;min-height:76px;padding:14px 18px}.brand-mark{transform-origin:0;margin:0;transform:scale(.72)}.nav{justify-content:center;gap:6px;padding:0;display:flex;overflow-x:auto}.nav button{width:42px;height:42px}.nav .active{width:58px}.profile,.logout{display:none}.content{gap:24px;padding:28px 18px}.topbar{grid-template-columns:1fr auto;gap:14px}.workspace-pill,.search{grid-column:1/-1}.primary{padding:0 18px}.main-grid,.focus-card,.savings-card,.reminder-form,.playlist-form{grid-template-columns:1fr}.reminder-row{grid-template-columns:40px minmax(0,1fr) 42px}.category,.status-pill{display:none}.side-stack{gap:18px}.mini-card{grid-template-columns:82px 1fr}.mini-value{border-radius:8px;height:74px;font-size:22px}.playlist-row{grid-template-columns:1fr}.playlist-cover{width:100%;height:180px}}