@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:var(--text-strong);--text-strong: #173244;--text-soft: #4f6674;--bg-radial-1: #eff8ff;--bg-radial-2: #d5f0ef;--bg-base: #f4f9fc;--surface: rgba(255, 255, 255, .9);--surface-border: #d4e2ea;--surface-shadow: 0 12px 28px -24px rgba(28, 48, 67, .75);--input-bg: #f9fcfe;--input-border: #c5d6df;--hero-gradient: linear-gradient(145deg, #0f2d42, #174d67 58%, #6db8ba);--hero-text: #f4f8fb;--track-bg: #e1edf2;--ring-hole: #fbfefe}:root[data-theme=dark]{--text-strong: #e2f0fa;--text-soft: #a4bccb;--bg-radial-1: #14202f;--bg-radial-2: #1e2e36;--bg-base: #0b1520;--surface: rgba(18, 31, 45, .9);--surface-border: #243a4b;--surface-shadow: 0 16px 35px -25px rgba(0, 0, 0, .8);--input-bg: #132433;--input-border: #2c475a;--hero-gradient: linear-gradient(145deg, #081624, #123650 56%, #24645f);--hero-text: #eff8ff;--track-bg: #203746;--ring-hole: #0f1f2c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% 10%,var(--bg-radial-1) 0,transparent 40%),radial-gradient(circle at 90% 0%,var(--bg-radial-2) 0,transparent 30%),var(--bg-base)}.app-shell{width:min(100%,72rem);margin:0 auto;padding:1rem .9rem 2rem;display:grid;gap:.9rem}.theme-toggle-wrap{display:flex;justify-content:flex-end}.flash-banner{position:sticky;top:.35rem;z-index:10;border-radius:.8rem;padding:.6rem .75rem;font-size:.9rem;border:1px solid transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.flash-success{background:#eafcf4ed;border-color:#7accaa;color:#11563e}.flash-error{background:#fff0f0ed;border-color:#e6aaaa;color:#8b2222}.update-banner{position:sticky;top:.35rem;z-index:11;border-radius:.85rem;padding:.7rem .75rem;border:1px solid #b5d3ef;background:#ecf6fff5;color:#0e3a63;box-shadow:0 14px 28px -20px #0c2434a6;display:grid;gap:.55rem}.update-banner p{margin:0;line-height:1.35}.update-banner-actions{display:flex;gap:.5rem;flex-wrap:wrap}.hero-card{background:var(--hero-gradient);color:var(--hero-text);border-radius:1.1rem;padding:1rem;box-shadow:0 18px 40px -28px #0c2434cc;display:grid;gap:.8rem}.hero-logo{width:4rem;height:4rem;border-radius:.9rem;object-fit:cover;border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 22px -14px #081621f2}.eyebrow{margin:0;letter-spacing:.06em;text-transform:uppercase;font-size:.74rem;opacity:.85}.hero-card h1{margin:.2rem 0;font-size:1.6rem;line-height:1.2}.subtitle{margin:0;opacity:.95}.month-switcher{display:grid;gap:.3rem;font-size:.9rem}.month-picker-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.45rem;align-items:center}.month-switcher select{border:1px solid rgba(230,243,250,.55);background:#ffffff1c;color:#fff;font-size:.83rem;text-align:center;text-align-last:center}.month-switcher small{color:#f7fbffe0;font-size:.76rem}.month-nav-btn{white-space:nowrap}.hero-controls{display:grid;gap:.65rem;justify-content:start}.install-btn{border:1px solid rgba(235,248,255,.7);background:#fff3;color:#f7fbff;border-radius:.65rem;padding:.62rem .78rem;font-weight:600;cursor:pointer}.install-btn:hover{background:#ffffff4d}.install-btn:disabled{opacity:.58;cursor:not-allowed}.install-hint{color:#f7fbffe0;max-width:24rem;line-height:1.35}.summary-grid,.content-grid{display:grid;gap:.8rem}.summary-card,.panel{border-radius:1rem;background:var(--surface);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);padding:.9rem}.summary-card p{margin:0;color:var(--text-soft);font-size:.85rem}.summary-card strong{display:block;margin-top:.35rem;font-size:1.4rem;color:var(--text-strong)}.ring-card h2{margin:0;font-size:1.02rem}.month-start-meta{margin:.35rem 0 0;color:var(--text-soft);font-size:.8rem}.progress-wrap{display:flex;justify-content:center;margin-top:.6rem}.progress-ring{--pct: 0%;width:7.5rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(#18838f var(--pct),var(--track-bg) 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";width:5.6rem;aspect-ratio:1;border-radius:50%;background:var(--ring-hole)}.progress-ring strong,.progress-ring span{position:absolute;color:var(--text-strong)}.progress-ring strong{font-size:1.2rem;font-weight:700;top:2.1rem}.progress-ring span{top:4rem;font-size:.78rem;color:var(--text-soft)}.safe strong{color:#0b8d63}.danger strong{color:#c23636}.panel h3{margin-top:0;margin-bottom:.7rem;font-size:1.03rem}.stack{display:grid;gap:.64rem}label{display:grid;gap:.35rem;color:var(--text-soft);font-size:.88rem}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--input-border);border-radius:.65rem;padding:.66rem .7rem;background:var(--input-bg);color:var(--text-strong)}input:focus,select:focus,textarea:focus{border-color:#1f8b95;outline:3px solid rgba(38,138,150,.2)}.inline-group{display:grid;gap:.64rem}.primary-btn{border:0;border-radius:.7rem;background:linear-gradient(135deg,#177f89,#19658c);color:#fff;font-weight:600;padding:.72rem .9rem;cursor:pointer}.primary-btn:hover{filter:brightness(1.06)}.expense-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:.45rem}.expense-head span{font-size:.8rem;color:var(--text-soft)}.expense-head-actions{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.empty{margin-bottom:0;color:var(--text-soft)}.expense-list{list-style:none;margin:0;padding:0;display:grid;gap:.56rem}.expense-list li{border:1px solid var(--surface-border);border-radius:.75rem;padding:.66rem;display:flex;justify-content:space-between;gap:.7rem;background:var(--input-bg)}.expense-main h4{margin:0;color:var(--text-strong)}.expense-main p,.expense-main small{margin:.2rem 0 0;color:var(--text-soft)}.expense-side{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.expense-side strong{color:var(--text-strong)}.expense-pagination{margin-top:.65rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.expense-arrow-btn{width:2rem;height:2rem;border:1px solid var(--input-border);background:var(--input-bg);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-strong);cursor:pointer;font-size:1rem;line-height:1}.expense-arrow-btn:hover{border-color:#8fa9b8}.expense-arrow-btn:focus{outline:2px solid rgba(37,104,187,.24);outline-offset:1px}.ghost-btn{border:1px solid var(--input-border);background:var(--input-bg);border-radius:.55rem;padding:.35rem .55rem;cursor:pointer;color:var(--text-strong)}.ghost-btn:hover{border-color:#8fa9b8}.hero-card .ghost-btn{border-color:#e6f3fa8c;background:#ffffff1c;color:#fff}.hero-card .ghost-btn:hover{border-color:#f0f9ffd9}.danger-btn{border:1px solid #e6bbbb;background:#fff2f2;border-radius:.55rem;padding:.35rem .55rem;cursor:pointer;color:#9f2222}.danger-btn:hover{border-color:#d78f8f;background:#ffe9e9}.chart-list{list-style:none;padding:0;margin:0;display:grid;gap:.65rem}.chart-row-top{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.chart-row-top span{color:var(--text-soft)}.chart-row-top strong{color:var(--text-strong)}.chart-track{width:100%;height:.7rem;border-radius:999px;background:var(--track-bg);overflow:hidden}.chart-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d8890,#2f6cb6)}.bb8-toggle{--toggle-size: 8px;--toggle-width: 10.625em;--toggle-height: 5.625em;--bb8-size: 3.55em;--offset: calc((var(--toggle-height) - var(--bb8-size)) / 2);--radius: 99em;--transition: .35s;--track: linear-gradient(#2c4770, #070e2b 35%, #628cac 50% 70%, #a6c5d4);cursor:pointer;font-size:var(--toggle-size)}.bb8-toggle,.bb8-toggle *,.bb8-toggle *:before,.bb8-toggle *:after{box-sizing:border-box}.bb8-toggle__checkbox{appearance:none;position:absolute;opacity:0}.bb8-toggle__container{position:relative;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--radius);overflow:hidden;background:var(--track);background-size:100% 11.25em;background-position-y:-5.625em;transition:var(--transition)}.bb8-toggle__scenery{position:absolute;inset:0}.bb8-toggle__scenery:before{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;background:#b18d71}.bb8-toggle__star{position:absolute;width:.12em;height:.12em;border-radius:50%;background:#fff;top:100%;filter:drop-shadow(0 0 .1em #fff);transition:var(--transition)}.bb8-toggle__star:nth-child(1){left:3em;box-shadow:1.2em .9em,.3em 1.5em,-1em 2.2em,2em 2.7em}.bb8-toggle__star:nth-child(2){left:5.2em;box-shadow:-.5em .7em,.5em 1.5em,-1.6em 2.6em}.bb8-toggle__star:nth-child(3){left:7em;box-shadow:-.8em .9em,-2.2em 1.8em,-3.5em 2.2em}.tatto-1,.tatto-2{position:absolute;border-radius:50%;transition:var(--transition)}.tatto-1{width:1.25em;height:1.25em;right:3.2em;top:.7em;background:#fefefe;box-shadow:0 0 .4em #fdf4e1}.tatto-2{width:1.25em;height:1.25em;right:1.25em;top:2.2em;background:linear-gradient(#e6ac5c,#d75449)}.bb8-toggle__cloud{position:absolute;border-radius:99em;background:#ffffffe6;filter:blur(.06em);transition:var(--transition)}.bb8-toggle__cloud:nth-last-child(1){width:1.2em;height:.55em;right:1.4em;top:2.8em}.bb8-toggle__cloud:nth-last-child(2){width:1em;height:.45em;right:4.5em;top:.7em}.bb8{position:absolute;left:var(--offset);top:var(--offset);display:flex;flex-direction:column;align-items:center;transition:var(--transition);z-index:2}.bb8__head-container{position:relative;margin-bottom:-.15em}.bb8__head{width:2.2em;height:1.45em;border-radius:99em 99em 0 0;background:linear-gradient(#fefefe,#f2f2f2 60%,#d7d7d7);border:.08em solid #d4d4d4}.bb8__head:before{content:"";position:absolute;width:.44em;height:.44em;border-radius:50%;left:50%;top:.32em;transform:translate(-50%);background:#1e1f24;box-shadow:0 0 0 .07em #9aa0ab}.bb8__antenna{position:absolute;width:.09em;background:#bcc4ce;border-radius:99em 99em 0 0;top:-.75em}.bb8__antenna:nth-child(1){right:.65em;height:.78em}.bb8__antenna:nth-child(2){left:.78em;height:.48em}.bb8__body{width:var(--bb8-size);height:var(--bb8-size);border-radius:50%;border:.08em solid #d8d8d8;background:radial-gradient(circle at center,#f4f4f4 0 40%,transparent 41%),radial-gradient(circle at center,#de7d2f 0 52%,transparent 53%),linear-gradient(45deg,#fff 0 42%,#de7d2f 42% 58%,#fff 58%);transform:rotate(35deg);transition:var(--transition)}.artificial__hidden{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bb8__shadow{position:absolute;bottom:.35em;left:.2em;width:var(--bb8-size);height:.65em;border-radius:50%;background:#321e1459;filter:blur(.1em);transform:skew(-45deg);transition:var(--transition)}.bb8-toggle__checkbox:checked+.bb8-toggle__container{background-position-y:0}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8{left:calc(100% - var(--bb8-size) - var(--offset))}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__body{transform:rotate(210deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8__shadow{left:calc(100% - var(--bb8-size) - .2em);transform:skew(45deg)}.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-1,.bb8-toggle__checkbox:checked+.bb8-toggle__container .tatto-2{top:100%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__cloud{right:-60%}.bb8-toggle__checkbox:checked+.bb8-toggle__container .bb8-toggle__star{top:.65em}@media(min-width:640px){.app-shell{padding:1.3rem 1.2rem 2.2rem;gap:1rem}.hero-card{padding:1.15rem}.summary-grid,.inline-group{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-controls{grid-template-columns:repeat(2,minmax(0,max-content));align-items:end;justify-content:start;column-gap:.8rem}}@media(min-width:960px){.hero-card{grid-template-columns:auto auto;align-items:center;justify-content:space-between}.hero-logo{width:4.4rem;height:4.4rem;align-self:start}.summary-grid{grid-template-columns:1.3fr repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}