:root{--bg:#f6f5f1;--surface:#fff;--ink:#233745;--muted:#64717a;--line:#e5e6e3;--accent:#415ac7;--accent-soft:#edf0fc;--green:#287452;--green-soft:#eaf4ed;--red:#af3b46;--red-soft:#fbeff0;--gold:#a8652d;--nav:#263b49;--nav-text:#e6ebee;--radius:16px;--shadow:0 4px 20px #23374505;--font:Inter,Segoe UI,Arial,sans-serif;--serif:Georgia,Times New Roman,serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--sidebar:234px;--control:40px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:18px;--text-xl:24px;--text-title:32px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-base)/1.5 var(--font);font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}a{color:var(--accent);text-decoration:none}button{color:inherit}svg{vertical-align:middle}button svg{flex-shrink:0}#sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;background:var(--nav);color:var(--nav-text);display:flex;flex-direction:column;padding:var(--s8) var(--s4);z-index:20;overflow:auto}.brand{display:flex;align-items:center;gap:var(--s3);margin:0 var(--s3) var(--s8);color:#fff}.brand-mark{width:38px;height:38px;border:1px solid #72808a;border-radius:12px;display:grid;place-items:center;color:#ead8b9}.brand-name{font:var(--text-xl) var(--serif);letter-spacing:.2px}.brand small{display:block;font:10px var(--font);letter-spacing:2px;color:#b5c1c8;margin-top:3px}.module-switch{display:flex;padding:var(--s1);border-radius:var(--s3);background:#1c303d;margin-bottom:var(--s6);gap:var(--s1)}.module-switch button{border:0;background:none;color:#b9c6ce;padding:var(--s2) 0;border-radius:var(--s2);flex:1;font-size:var(--text-sm)}.module-switch button.active{background:#f4f2eb;color:var(--nav)}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:#a1b2bc;margin:var(--s4) var(--s3) var(--s2)}.nav-item{display:flex;width:100%;align-items:center;gap:var(--s3);padding:var(--s3);border:0;border-radius:var(--s2);color:#c8d3da;background:transparent;text-align:left;margin-bottom:3px;font-size:13px}.nav-item:hover{background:#344b59;color:#fff}.nav-item.active{background:#415665;color:white}.nav-item.active:after{content:'';margin-left:auto;width:5px;height:5px;border-radius:50%;background:#e4cba9}.nav-bottom{margin-top:auto;padding-top:var(--s10)}.local-note{margin:var(--s6) var(--s3) 0;padding-top:var(--s4);border-top:1px solid #4c606c;color:#b5c1c8;font-size:var(--text-xs);display:flex;gap:var(--s2);align-items:center}.local-note i,.dot{width:6px;height:6px;border-radius:100%;background:#8bbda0;display:inline-block}.shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}#topbar{height:76px;background:#fcfcfa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s10);gap:var(--s4)}.breadcrumb{font-size:var(--text-sm);color:var(--muted);display:flex;align-items:center;gap:var(--s3)}.breadcrumb strong{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:var(--s4)}.avatar{display:grid;place-items:center;background:#eee8dc;width:34px;height:34px;border-radius:50%;color:#715c42;font-size:var(--text-xs);font-weight:600}.icon-btn{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border-radius:var(--s2);color:var(--muted)}.icon-btn:hover{background:var(--accent-soft);color:var(--accent)}#workspace-banner{margin:var(--s5) var(--s10) 0}.workspace-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s4);border:1px solid #dfdccf;background:#f2efe5;border-radius:10px;font-size:var(--text-sm);color:#635640}.workspace-banner.personal{background:var(--green-soft);border-color:#caddd0;color:#31583f}.workspace-banner button{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;font-size:var(--text-sm)}main{padding:var(--s8) var(--s10) var(--s10);flex:1;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s4);margin-bottom:var(--s6)}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--gold);font-size:10px;font-weight:600;margin-bottom:var(--s2)}h1{font:normal var(--text-title)/1.2 var(--serif);margin:0 0 var(--s2);letter-spacing:-.6px}h2{font-size:var(--text-base);font-weight:600;margin:0}h3{font-size:var(--text-base);font-weight:600;margin:0 0 var(--s2)}p{margin:0}.subtitle{font-size:13px;color:var(--muted)}.actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}.btn{min-height:var(--control);border:1px solid var(--line);border-radius:var(--s2);padding:var(--s2) var(--s4);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--text-sm);font-weight:500;white-space:nowrap}.btn:hover{border-color:#aeb9c1;background:#fafbf9}.btn.primary{background:var(--nav);color:white;border-color:var(--nav)}.btn.primary:hover{background:#3a5363}.btn.danger{color:var(--red)}.btn.small{min-height:32px;padding:var(--s1) var(--s3);font-size:var(--text-xs)}.text-btn{background:none;border:0;color:var(--accent);font-size:var(--text-sm);padding:var(--s1) 0}.period{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--s2);height:var(--control)}.period input{border:0;background:none;width:154px;padding:var(--s2);color:var(--ink);font-size:var(--text-sm)}.period .icon-btn{min-width:30px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s4);margin-bottom:var(--s6)}.metric{padding:var(--s5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.metric .label{color:var(--muted);font-size:var(--text-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.metric .value{font-size:var(--text-xl);font-weight:600;letter-spacing:-.7px;white-space:nowrap;margin:var(--s3) 0 var(--s2)}.metric .hint{font-size:var(--text-xs);color:var(--muted)}.metric.featured{background:var(--nav);color:white;border-color:var(--nav)}.metric.featured .label,.metric.featured .hint{color:#c4d0d7}.positive{color:var(--green)}.negative{color:var(--red)}.grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:var(--s5);margin-bottom:var(--s5)}.grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s5) var(--s6) var(--s3)}.panel-head .subtitle{font-size:var(--text-xs);margin-top:3px}.panel-body{padding:var(--s4) var(--s6) var(--s6)}.chart{width:100%;height:215px;overflow:visible}.chart .axis{font-size:10px;fill:var(--muted)}.chart-grid{stroke:var(--line);stroke-dasharray:3 4}.chart-line{stroke:var(--accent);stroke-width:2.5;fill:none}.chart-caption{display:flex;gap:var(--s4);justify-content:space-between;color:var(--muted);font-size:var(--text-xs);margin-top:var(--s2)}.legend{display:flex;gap:var(--s2);align-items:center}.legend i{width:7px;height:7px;background:var(--accent);border-radius:50%}.account-row{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line)}.account-row:last-child{border-bottom:0}.bank-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);font-weight:600;flex-shrink:0}.row-main{flex:1;min-width:0}.row-main strong{font-size:var(--text-sm);font-weight:500}.row-main small{display:block;color:var(--muted);font-size:var(--text-xs)}.row-value{font-size:13px;font-weight:500;text-align:right}.panel-foot{padding:var(--s3) var(--s6);border-top:1px solid var(--line);background:#fcfcfa;display:flex;justify-content:space-between;font-size:var(--text-sm)}.progress-item{padding:var(--s3) 0}.progress-top{display:flex;justify-content:space-between;font-size:var(--text-sm);gap:var(--s3);margin-bottom:var(--s2)}.progress{height:6px;background:#eff0ed;border-radius:20px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:20px;background:var(--accent);max-width:100%}.progress-bottom{display:flex;justify-content:space-between;margin-top:var(--s2);font-size:var(--text-xs);color:var(--muted)}.category-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:var(--s2)}.pill{display:inline-flex;padding:3px var(--s2);border-radius:5px;background:#f1f2ef;color:var(--muted);font-size:10px;font-weight:500;white-space:nowrap}.pill.success{background:var(--green-soft);color:var(--green)}.pill.warning{background:#f9f0e5;color:#86551f}.pill.blue{background:var(--accent-soft);color:var(--accent)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:var(--text-sm)}th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:500;padding:var(--s3) var(--s4);background:#fafbf8;border-bottom:1px solid var(--line)}td{padding:var(--s4);border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}tr:hover td{background:#fdfdfb}td:first-child,th:first-child{padding-left:var(--s6)}td:last-child,th:last-child{padding-right:var(--s6)}.num{text-align:right}.table-title{font-weight:500}.table-sub{font-size:10px;color:var(--muted);margin-top:2px}.table-actions{display:flex;justify-content:flex-end;gap:var(--s1)}.table-actions .icon-btn{min-height:28px;min-width:28px}.filters{display:flex;gap:var(--s3);align-items:center;padding:var(--s4) var(--s6);border-bottom:1px solid var(--line);flex-wrap:wrap}.search{position:relative;flex:1;min-width:180px}.search svg{position:absolute;left:var(--s3);top:var(--s3);color:var(--muted)}.search input{width:100%;padding-left:var(--s10)}input,select,textarea{min-height:var(--control);border:1px solid #b6bec3;border-radius:var(--s2);padding:var(--s2) var(--s3);background:var(--surface);color:var(--ink);max-width:100%}input::placeholder{color:#758089}select{font-size:var(--text-sm)}.filters input,.filters select{border-color:var(--line);font-size:var(--text-sm)}.empty{text-align:center;padding:var(--s12) var(--s6);color:var(--muted)}.empty svg{margin-bottom:var(--s3);color:#91a1ad}.empty h3{color:var(--ink)}.empty p{font-size:var(--text-sm);max-width:390px;margin:0 auto var(--s4)}.account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5)}.account-card{padding:var(--s6)}.account-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s6)}.account-card .large-value{font-size:28px;letter-spacing:-.8px;font-weight:600;margin:var(--s2) 0 var(--s5)}.account-card .actions{border-top:1px solid var(--line);padding-top:var(--s4);justify-content:space-between}.credit-card{color:white;padding:var(--s6);border-radius:var(--s3);background:var(--nav);min-height:165px;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:var(--s5)}.credit-card h3{font-weight:400;font-size:var(--text-lg)}.credit-card small{color:#c8d3da}.credit-card strong{font-size:26px;font-weight:500;letter-spacing:1px}.mini-label{font-size:var(--text-xs);color:var(--muted)}.allocation{display:flex;gap:var(--s8);align-items:center}.donut{width:174px;height:174px;border-radius:50%;position:relative;flex-shrink:0;background:#e9ece8}.donut:after{content:'';position:absolute;inset:24px;background:var(--surface);border-radius:50%}.donut-label{position:absolute;z-index:1;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-xs);color:var(--muted)}.donut-label strong{font-size:var(--text-lg);color:var(--ink)}.allocation-list{flex:1}.allocation-list .progress-top{padding:var(--s2) 0;margin:0;border-bottom:1px solid var(--line)}.notice{border-radius:var(--s2);padding:var(--s3) var(--s4);background:#eeeff2;color:#505e69;font-size:var(--text-sm);margin-bottom:var(--s5);display:flex;gap:var(--s2);align-items:flex-start}.notice svg{flex-shrink:0;margin-top:1px}.full-width{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.settings-grid .panel-body>p{margin-bottom:var(--s5);color:var(--muted);font-size:var(--text-sm)}.muted{color:var(--muted)}.balance-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:var(--s4) 0;gap:var(--s4)}.balance-row.total{font-weight:600;font-size:var(--text-lg);border:0;padding-top:var(--s5)}.bar-chart{display:flex;align-items:flex-end;height:190px;gap:var(--s4);padding:var(--s4) 0}.bar-group{flex:1;height:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:var(--s2)}.bar-pair{height:145px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{min-width:8px;width:27%;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px}.bar.out{background:#c9b69c}.bar-group small{font-size:var(--text-xs);color:var(--muted)}footer{padding:var(--s4) var(--s10);border-top:1px solid var(--line);font-size:10px;display:flex;justify-content:space-between;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:var(--radius);padding:0;width:570px;max-width:calc(100vw - 24px);max-height:90vh;color:var(--ink);box-shadow:0 20px 80px #18273333}dialog::backdrop{background:#172a3880;backdrop-filter:blur(3px)}.dialog-head{padding:var(--s6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{font:24px var(--serif)}.form-body{padding:var(--s6);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}.field{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm)}.field.full{grid-column:1/-1}.field label{font-weight:500}.field small{color:var(--muted);font-size:var(--text-xs)}textarea{resize:vertical}.dialog-foot{padding:var(--s4) var(--s6);border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:var(--s2)}.form-error{grid-column:1/-1;color:var(--red);font-size:var(--text-sm)}#toast{position:fixed;bottom:var(--s6);left:calc(50% + 80px);transform:translateX(-50%);background:var(--nav);color:white;box-shadow:0 5px 30px #0002;border-radius:var(--s2);padding:var(--s3) var(--s5);z-index:100;display:none;max-width:90vw;font-size:var(--text-sm)}#toast.show{display:block}.skip{position:fixed;top:-100px;left:var(--s3);background:white;padding:var(--s3);z-index:100}.skip:focus{top:var(--s3)}.loading{padding:var(--s10);color:var(--muted)}.mobile-menu{display:none}.privacy .money{filter:blur(7px);user-select:none}.negative .money,.positive .money{color:inherit}.mobile-close{display:none}.wide-note{max-width:760px;font-size:var(--text-sm);color:var(--muted);margin-top:var(--s4)}
@media(min-width:1600px){main{max-width:1550px;width:100%;margin:auto}.metric .value{font-size:28px}}
@media(max-width:1200px){:root{--sidebar:205px;--text-xl:21px}main{padding:var(--s6)}#topbar{padding:0 var(--s6)}#workspace-banner{margin:var(--s4) var(--s6) 0}.metric{padding:var(--s4)}.grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.allocation{gap:var(--s4)}.donut{width:140px;height:140px}.account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.page-head{align-items:flex-start}footer{padding:var(--s4) var(--s6)}}
@media(max-width:950px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid,.grid.equal{grid-template-columns:1fr}.page-head{flex-direction:column}.settings-grid{grid-template-columns:1fr}.top-actions .mini-label{display:none}.breadcrumb{gap:var(--s2)}.allocation{justify-content:center}.donut{width:174px;height:174px}}
@media(max-width:700px){:root{--text-title:28px}#sidebar{transform:translateX(-100%);transition:transform .2s;width:250px;box-shadow:10px 0 50px #172a3822}body.menu-open #sidebar{transform:translateX(0)}.shell{margin-left:0}.mobile-menu,.mobile-close{display:inline-flex}#topbar{height:64px;padding:0 var(--s4)}.top-actions{gap:var(--s2)}.breadcrumb>span{display:none}main{padding:var(--s6) var(--s4)}#workspace-banner{margin:var(--s4) var(--s4) 0}.workspace-banner{align-items:flex-start;font-size:11px;gap:var(--s2)}.workspace-banner button{font-size:11px;white-space:normal;min-width:80px}.metrics{gap:var(--s3)}.metric .value{font-size:20px}.metric .label{font-size:11px}.metric .hint{font-size:10px}.metric .label svg{display:none}.account-cards{grid-template-columns:1fr}.panel-head{padding:var(--s4)}.panel-body{padding:var(--s3) var(--s4) var(--s5)}.panel-foot{padding:var(--s3) var(--s4)}.allocation{gap:var(--s4)}.donut{width:135px;height:135px}.donut:after{inset:18px}.allocation-list .progress-top{font-size:11px}.filters{padding:var(--s3) var(--s4)}.filters select{flex:1;min-width:100px}footer{padding:var(--s4);gap:var(--s4);font-size:9px}footer span{max-width:190px;text-align:right}.form-body{padding:var(--s4);gap:var(--s3)}.dialog-head{padding:var(--s4)}.dialog-foot{padding:var(--s4)}#toast{left:50%;bottom:var(--s4)}.actions{width:100%}.page-head>.actions .btn{flex:1}.page-head>.actions .period{flex:1;justify-content:center}.top-actions .avatar{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}