:root{--bg:#f5f7fb;--ink:#142239;--ink2:#637186;--navy:#111f36;--mint:#27b598;--deepmint:#16856f;--paper:#fff;--line:#e8ecf3;--orange:#ec9a48;--red:#c95355;--shadow:0 8px 26px rgba(32,49,72,.055);--radius:21px;color-scheme:light}
*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);-webkit-tap-highlight-color:transparent;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #57c7ac;outline-offset:2px}input,select{font-size:16px}button:disabled{opacity:.5;cursor:not-allowed}main{padding:0 18px 125px;min-height:75vh}.app-shell{max-width:620px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:21px 20px 16px;background:#fff;border-bottom:1px solid #eff1f6;margin-bottom:22px}.brand{display:flex;gap:10px;align-items:center}.brand-mark{width:43px;height:43px;border-radius:14px;background:#10223c;display:grid;place-items:center;position:relative;color:white;font-weight:900;font-size:22px;letter-spacing:-2px}.brand-mark i{position:absolute;width:9px;height:9px;border-radius:50%;right:6px;top:7px;background:#2ed8a5}.brand-name{font-weight:820;font-size:20px;line-height:1.15;letter-spacing:-.75px}.brand-sub{color:#8390a3;letter-spacing:1.16px;font-size:9px;font-weight:800;margin-top:5px}.icon-btn{border:1px solid var(--line);background:#f9fafc;color:#334257;border-radius:13px;width:43px;height:43px;display:grid;place-items:center}.icon-btn svg{width:23px;height:23px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2px;font-weight:900;color:var(--deepmint);margin-bottom:9px}.page-title{font-size:29px;letter-spacing:-1.25px;line-height:1.12;margin:0 0 8px;font-weight:850}.muted{color:var(--ink2)}.subtitle{font-size:14px;line-height:1.5;color:var(--ink2);margin:0 0 20px}.screen-heading{margin-bottom:17px}.month-switch{display:flex;align-items:center;gap:10px;justify-content:space-between;margin:18px 0}.month-btn{width:39px;height:39px;background:#fff;border:1px solid var(--line);border-radius:12px;color:#28364b;font-size:24px;line-height:1}.month-text{font-size:14px;font-weight:800;text-transform:capitalize;text-align:center;min-width:125px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:19px;box-shadow:var(--shadow);margin-bottom:15px}.card.soft{background:#eef9f5;border-color:#d9f0e6}.card-title{font-weight:830;font-size:16px;letter-spacing:-.3px;margin:0}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.mini-link{background:none;border:0;color:var(--deepmint);padding:5px 0;font-weight:780;font-size:13px}.hero{background:linear-gradient(145deg,#142a43,#0f1e34 70%);color:#fff;padding:22px;position:relative;overflow:hidden;box-shadow:0 12px 28px #17293b23}.hero:before{content:"";width:190px;height:190px;position:absolute;border:1px solid #92cabe20;border-radius:50%;right:-89px;top:-105px;box-shadow:0 0 0 40px #8fd9c709}.hero .kicker{font-size:12px;letter-spacing:.3px;color:#b2cece}.hero .amount{font-size:43px;letter-spacing:-2px;font-weight:830;line-height:1.26;font-variant-numeric:tabular-nums;position:relative}.hero .hero-detail{display:flex;justify-content:space-between;gap:12px;align-items:end;position:relative;margin-top:8px}.hero .hero-small{font-size:12px;color:#b7cbda}.hero .hero-budget{font-size:17px;font-weight:760;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;background:#ffffff20;border-radius:999px;font-size:11px;font-weight:760;color:#e2f8f1}.pill.negative{background:#fbd3cc20;color:#ffb8b8}.progress{background:#ffffff27;height:9px;border-radius:100px;overflow:hidden;margin-top:20px}.progress>div{height:100%;border-radius:100px;background:#58dcc3;transition:width .25s}.progress.warn>div{background:#ff9c85}.progress-labels{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#c7d0dd;margin-top:8px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:12px 0 15px}.kpi{border:1px solid var(--line);background:#fff;border-radius:17px;padding:17px 15px}.kpi .kpi-lbl{font-size:11px;line-height:1.4;color:var(--ink2);font-weight:650}.kpi .kpi-value{font-size:25px;font-weight:840;letter-spacing:-1.2px;margin-top:9px;white-space:nowrap;font-variant-numeric:tabular-nums}.kpi .hint{margin-top:6px;color:#7d8795;font-size:11px}.kpi.highlight{background:#f0faf6}.kpi.highlight .kpi-value{color:#15866c}.section-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.section-label h2{font-size:17px;letter-spacing:-.5px;margin:0}.primary{background:#14283f;color:#fff;border:none;border-radius:14px;padding:14px 18px;font-weight:780;min-height:49px}.primary.mint{background:#15967e}.primary.full{width:100%}.secondary{background:#fff;border:1px solid #dfe6ee;color:#253348;border-radius:14px;padding:12px 15px;font-weight:740;min-height:45px}.small-btn{font-size:12px;border:1px solid var(--line);border-radius:11px;padding:8px 12px;background:#f8fafb;color:#32465d;font-weight:760}.btn-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.action-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-tile{border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px;text-align:left;box-shadow:var(--shadow)}.action-tile .tile-icon{background:#edf6f3;width:37px;height:37px;display:grid;place-items:center;border-radius:12px;margin-bottom:13px;font-size:19px}.action-tile strong{display:block;font-size:14px;margin-bottom:5px}.action-tile span{font-size:12px;color:var(--ink2);line-height:1.45}.empty{background:#f8fafc;border:1px dashed #dae4ec;border-radius:14px;padding:23px 16px;text-align:center;color:#7d8a9a;line-height:1.5;font-size:13px}.empty strong{display:block;color:#38485e;margin-bottom:5px}.activity-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #f0f2f5;min-width:0}.activity-row:last-child{border-bottom:0;padding-bottom:0}.activity-icon{flex:0 0 40px;height:40px;border-radius:12px;background:#edf8f4;display:grid;place-items:center;font-size:18px}.activity-info{min-width:0;flex:1}.activity-name{font-weight:740;font-size:14px;overflow-wrap:anywhere}.activity-sub{font-size:11px;color:#788696;margin-top:4px}.activity-amount{text-align:right;font-weight:840;font-variant-numeric:tabular-nums;white-space:nowrap}.activity-actions{display:flex;gap:7px;justify-content:end}.activity-actions button{border:0;background:transparent;color:#77909c;font-size:12px;text-decoration:underline;padding:4px}.badge{font-size:10px;border-radius:999px;padding:4px 8px;font-weight:770;display:inline-block}.badge.ok{background:#e6f7ed;color:#10856c}.badge.bad{background:#fff0e8;color:#aa5b29}.badge.neutral{background:#eff2f6;color:#607185}.category-row{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:12px 0 5px;font-size:13px}.category-row strong{font-variant-numeric:tabular-nums}.seg-bar{display:flex;height:15px;border-radius:15px;overflow:hidden;background:#f0f3f7;margin:16px 0 10px}.seg-a{background:#28ab91}.seg-b{background:#587dca}.seg-c{background:#efa96d}.cat-key{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px}.tagline{font-size:12px;color:#647386;line-height:1.6}.notice{padding:13px 15px;border-radius:12px;background:#f3f8fc;color:#425b74;font-size:12px;line-height:1.55;margin:12px 0}.notice.good{background:#eaf8f1;color:#157f65}.notice.bad{background:#fff1ee;color:#a04c47}.form-grid{display:grid;grid-template-columns:1fr;gap:13px}.form-grid.two{grid-template-columns:1fr 1fr}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label,.form-label{font-size:12px;font-weight:770;color:#37465b}.field input,.field select,.field textarea{border:1px solid #dfe6ed;padding:13px 13px;border-radius:12px;background:#fff;min-width:0;width:100%;color:var(--ink);outline:0}.field input:focus,.field select:focus{border-color:#31b799;box-shadow:0 0 0 3px #31b79922}.form-actions{margin-top:19px;display:flex;flex-direction:column;gap:9px}.budget-form{display:flex;gap:10px;align-items:end}.budget-form .field{flex:1}.budget-form .primary{white-space:nowrap}.list-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eff1f5}.list-row:last-child{border-bottom:0}.list-row input[type=checkbox]{appearance:none;width:23px;height:23px;border:2px solid #c7d4de;border-radius:8px;flex:none;display:grid;place-items:center;cursor:pointer}.list-row input[type=checkbox]:checked{background:#20af92;border-color:#20af92}.list-row input[type=checkbox]:checked:after{content:'✓';font-size:15px;color:#fff;font-weight:900}.list-text{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:690}.list-text.done{text-decoration:line-through;color:#9ba5af}.delete-btn{border:0;background:#f8f3f3;color:#b35a55;border-radius:10px;padding:8px 11px;font-size:12px;font-weight:740}.checks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.check-tile{display:flex;align-items:center;gap:8px;justify-content:center;text-align:center;padding:13px 7px;border:1px solid #dee5ef;border-radius:12px;background:#f9fafc;font-size:12px;font-weight:770;cursor:pointer}.check-tile input{accent-color:#198f77}.stock-row{border:1px solid var(--line);border-radius:13px;padding:12px;margin:9px 0}.stock-top{display:flex;align-items:center;gap:8px;justify-content:space-between}.stock-name{font-weight:820;overflow-wrap:anywhere}.stock-extra{font-size:12px;color:var(--ink2);margin:8px 0}.compact-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.tools-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 18px}.tool-tab{background:#fff;color:#617187;border:1px solid var(--line);border-radius:12px;padding:12px 10px;font-size:13px;font-weight:760}.tool-tab.selected{background:#172e47;color:#fff;border-color:#172e47}.product-card{background:#f9fafc;border:1px solid #e7ebf1;border-radius:16px;padding:14px;margin:10px 0}.product-card .part-label{font-weight:820;font-size:13px;margin:0 0 13px;letter-spacing:.3px}.comparison-result{border-radius:17px;background:#eef8f4;border:1px solid #d6ece3;padding:17px;margin-top:16px}.comparison-result strong{display:block;color:#166c58;font-size:15px;line-height:1.5}.comparison-result .prices{font-size:13px;color:#455e65;margin-top:9px;line-height:1.65}.bottom-nav{position:fixed;z-index:6;bottom:0;left:0;right:0;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -4px 26px #152b4210;border-top:1px solid #e9edf2;padding:8px 7px calc(7px + env(safe-area-inset-bottom));max-width:620px;margin:auto}.nav-btn{border:0;background:transparent;color:#8090a3;display:flex;flex-direction:column;gap:3px;align-items:center;padding:6px 0 4px;font-weight:750;font-size:10px;min-height:54px}.nav-btn svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-btn.active{color:#12977f}.nav-btn.active svg{stroke-width:2.3}#modal{border:0;border-radius:22px;padding:22px;width:calc(100% - 32px);max-width:510px;max-height:calc(100dvh - 35px);overflow-y:auto;box-shadow:0 25px 100px #11264055}#modal::backdrop{background:#0c1c2c9e;backdrop-filter:blur(3px)}#modal h2{font-size:22px;letter-spacing:-.8px;margin:0 0 6px}#modal .modal-intro{font-size:13px;color:#718094;margin:0 0 21px;line-height:1.55}.modal-close{float:right;border:0;background:#f2f4f7;border-radius:11px;width:35px;height:35px;font-size:22px;color:#65758a}#toast{position:fixed;z-index:15;bottom:95px;left:50%;transform:translate(-50%,15px);background:#122943;color:white;border-radius:12px;padding:12px 18px;font-size:13px;box-shadow:0 12px 30px #0002;max-width:90vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.show{opacity:1;transform:translate(-50%,0)}.divider{height:1px;background:var(--line);margin:18px 0}.disclaimer{color:#7f8b99;font-size:11px;line-height:1.6;padding-bottom:5px;margin-top:19px}.settings-section{padding:15px 0;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0}.settings-section h3{font-size:15px;margin:0 0 7px}.settings-section p{color:#657487;font-size:12px;line-height:1.55;margin:0 0 12px}.danger-action{background:#fff;border:1px solid #efc3bf;color:#b4514b;border-radius:12px;font-weight:740;padding:11px 14px}.small-note{font-size:11px;color:#8a96a6;margin-top:7px}.note-big{font-size:16px;font-weight:700;line-height:1.5}.nowrap{white-space:nowrap}.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}@media(min-width:500px){.topbar{border-radius:0 0 18px 18px}.app-shell{border-left:1px solid #eaf0f4;border-right:1px solid #eaf0f4;background:var(--bg);min-height:100vh}main{padding-left:25px;padding-right:25px}.page-title{font-size:31px}.bottom-nav{border-radius:16px 16px 0 0}}