:root{--bg:#f5f6f8;--panel:#fff;--soft:#eef1f4;--text:#17191d;--muted:#707782;--line:#dde2e8;--accent:#2f6feb;--good:#17814f;--warn:#a86a00;--bad:#b42318;--shadow:0 12px 32px rgba(18,24,33,.07)}body.dark{--bg:#0f1115;--panel:#171a20;--soft:#20242b;--text:#f4f5f7;--muted:#9ba3ad;--line:#2a3038;--accent:#77adff;--good:#55c98d;--warn:#efb35a;--bad:#ff827a;--shadow:0 12px 36px rgba(0,0,0,.3)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;gap:11px;align-items:center;padding:0 8px}.logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#1e4fd4);color:#fff;display:grid;place-items:center;font-weight:800}.brand h1{font-size:17px;margin:0}.brand small{color:var(--muted)}nav{display:grid;gap:6px}.nav{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:11px;text-align:left}.nav:hover,.nav.active{background:var(--soft);color:var(--text)}.bottom{margin-top:auto;display:grid;gap:10px}.privacy-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding:10px 8px 0}.main{min-width:0}.top{position:sticky;top:0;z-index:10;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:11px;padding:9px 12px;cursor:pointer}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:650}.btn.danger{color:var(--bad)}.content{padding:26px;max-width:1380px;margin:auto}.view{display:none}.view.active{display:block}.hero{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.hero h2{font-size:30px;line-height:1.1;margin:0 0 7px;letter-spacing:-.03em}.hero p{margin:0;color:var(--muted);max-width:760px}.grid{display:grid;gap:15px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px;box-shadow:var(--shadow)}.metric{padding:15px}.label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.value{font-size:25px;font-weight:760;letter-spacing:-.03em;margin-top:7px}.sub{font-size:11px;color:var(--muted);margin-top:6px}.good{color:var(--good)}.warn{color:var(--warn)}.bad{color:var(--bad)}.head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.head h3{font-size:15px;margin:0}.head p{font-size:11px;color:var(--muted);margin:2px 0 0}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.form.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:5px;font-size:11px;color:var(--muted)}input,select{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 10px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.moneybox{position:relative}.moneybox span{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.moneybox input{padding-left:23px}.row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row b{font-size:13px}.row small{display:block;color:var(--muted);margin-top:2px}.pill{display:inline-flex;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:6px 9px;font-size:11px;color:var(--muted)}.callout{padding:13px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));background:color-mix(in srgb,var(--accent) 7%,var(--panel));margin-top:12px}.callout b{display:block;margin-bottom:3px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent) var(--deg),var(--soft) 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;inset:14px;background:var(--panel);border-radius:50%}.donut span{position:relative;font-size:25px;font-weight:750}.split{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.split>div:last-child{flex:1;min-width:210px}.tag{font-size:10px;padding:4px 7px;border-radius:999px;background:var(--soft);color:var(--muted)}.tag.good{background:color-mix(in srgb,var(--good) 12%,var(--panel));color:var(--good)}.tag.warn{background:color-mix(in srgb,var(--warn) 12%,var(--panel));color:var(--warn)}.tag.bad{background:color-mix(in srgb,var(--bad) 12%,var(--panel));color:var(--bad)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px 7px;border-bottom:1px solid var(--line);text-align:left}th{font-size:10px;text-transform:uppercase;color:var(--muted)}td.num{text-align:right}.scenario{border:1px solid var(--line);border-radius:14px;padding:13px;background:var(--panel)}.scenario.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.scenario-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini{background:var(--soft);padding:9px;border-radius:9px}.mini small{color:var(--muted)}.mini b{display:block;margin-top:3px}.task{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}.task input{width:auto;margin-top:3px}.task.done .taskname{text-decoration:line-through;color:var(--muted)}.hide-money .money{filter:blur(7px);user-select:none}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(6px);z-index:50;display:none;align-items:center;justify-content:center;padding:18px}.overlay.show{display:flex}.wizard{width:min(780px,100%);max-height:92vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px}.wtop,.wfoot{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.wfoot{border-top:1px solid var(--line);border-bottom:0}.wbody{padding:22px}.page{display:none}.page.active{display:block}.page h3{font-size:21px;margin:0 0 6px}.page p{color:var(--muted);margin:0 0 17px}.steps{display:flex;gap:5px}.steps i{width:30px;height:5px;border-radius:99px;background:var(--soft)}.steps i.on{background:var(--accent)}.toast{position:fixed;right:18px;bottom:18px;background:var(--text);color:var(--panel);padding:9px 12px;border-radius:10px;opacity:0;transform:translateY(6px);transition:.2s;z-index:80}.toast.show{opacity:1;transform:none}.mobile{display:none}@media(max-width:960px){.app{grid-template-columns:1fr}.side{display:none}.content{padding:18px 13px 78px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two,.three,.form,.form.three{grid-template-columns:1fr}.mobile{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:6px;justify-content:space-around;box-shadow:var(--shadow)}.mobile button{border:0;background:transparent;color:var(--muted);padding:8px;font-size:10px}.mobile button.active{background:var(--soft);color:var(--text);border-radius:9px}}@media(max-width:540px){.metrics{grid-template-columns:1fr}.hero{flex-direction:column}.hero h2{font-size:26px}.mini-grid{grid-template-columns:1fr}}

textarea{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:9px 10px;outline:none;resize:vertical}
textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
.small-note{font-size:11px;color:var(--muted)}
.security-wizard{width:min(640px,100%)}
.security-copy{color:var(--muted);line-height:1.6;margin:0 0 16px}
.security-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.security-panel[hidden]{display:none!important}
.remember-row{display:flex;grid-template-columns:none;flex-direction:row;align-items:center;gap:9px;margin-top:12px;color:var(--text)}
.remember-row input{width:auto}
.sync-good{color:var(--good)}
.sync-warn{color:var(--warn)}
.sync-bad{color:var(--bad)}
.danger-zone{border-color:color-mix(in srgb,var(--bad) 28%,var(--line))}
@media(max-width:540px){.top .actions .pill{display:none}.security-actions .btn{flex:1}.security-wizard{border-radius:18px}}