:root{--ink:#17221d;--green:#123f32;--orange:#f05423;--gold:#ffbd19;--paper:#f5f0e6;--white:#fffdfa;--line:#ddd5c7;--muted:#6c716c;--shadow:0 18px 50px rgba(23,34,29,.08)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:var(--green);padding:7vw;gap:8vw;align-items:center}.login-brand{color:white;max-width:650px}.login-brand img{width:100px}.login-brand span,.kicker{font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}.login-brand h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;margin:.35em 0}.login-brand p{font-size:1.15rem;line-height:1.6;color:#d9e3de}.login-card,.panel{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.login-card{padding:42px}.login-card h2,.panel h2{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.login-card>p{color:var(--muted)}label{display:grid;gap:7px;font-size:.82rem;font-weight:800;margin:18px 0}input,select{width:100%;border:1px solid #cfc6b8;border-radius:10px;background:white;padding:13px 14px;color:var(--ink);min-height:46px}input:focus,select:focus{outline:3px solid #ffbd1940;border-color:var(--gold)}button{border:0;border-radius:10px;padding:12px 18px;background:var(--green);color:white;font-weight:850;cursor:pointer}.login-card button,.form-panel>button{width:100%;background:var(--orange);margin-top:8px}.login-card a{display:block;text-align:center;color:var(--green);margin-top:20px}.error{color:#b42318!important;min-height:1.2em}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:sticky;top:0;height:100vh;background:var(--green);color:white;padding:28px 20px;display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:45px 1fr;column-gap:12px;color:white;text-decoration:none;align-items:center;margin:0 8px 35px}.brand img{width:45px;grid-row:span 2}.brand strong{font-family:Georgia,serif;font-size:1.45rem}.brand small{font-size:.65rem;letter-spacing:.18em}nav{display:grid;gap:8px}nav button{background:transparent;text-align:left;color:#c8d9d2}nav button.active{background:white;color:var(--green)}.aside-foot{margin-top:auto;border-top:1px solid #ffffff22;padding-top:20px;display:grid;gap:10px}.aside-foot button{background:#ffffff12;text-align:left}main{min-width:0;padding:34px 4vw 70px}header{display:flex;align-items:center;gap:18px;margin-bottom:28px}header h1{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem);margin:2px 0}#menuBtn{display:none}.month-control{margin:0 0 0 auto}.month-control input{min-width:180px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metrics article{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:18px;display:grid;gap:7px}.metrics article.gold{background:#ffd25d}.metrics article.reserve{background:#e5ede7}.metrics article.tax{background:#e8eef3}.metrics article.dark{background:var(--green);color:white}.metrics span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.metrics strong{font-family:Georgia,serif;font-size:2rem}.metrics small{color:var(--muted)}.metrics .dark small{color:#bed0c9}.two-col,.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{margin:5px 0 0}.panel-head>span{font-size:.75rem;background:#eee8dc;padding:8px 10px;border-radius:999px}.panel-head button,[data-go]{background:transparent;color:var(--orange);padding:6px}.shares{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shares div{background:var(--paper);padding:17px;border-radius:12px}.shares span,.row small{color:var(--muted);font-size:.76rem}.shares strong{display:block;margin-top:8px;font-size:1.1rem}.stack{display:grid;gap:9px}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.row>div{min-width:0;display:grid;gap:3px}.row strong{overflow-wrap:anywhere}.row .amount{margin-left:auto;text-align:right;white-space:nowrap}.row button{background:#fbe2dc;color:#a52c11;padding:7px 10px}.empty{color:var(--muted);padding:18px 0}.breakdown{display:grid;gap:12px}.bar-head{display:flex;justify-content:space-between;font-size:.84rem}.bar{height:8px;border-radius:8px;background:#ece6db;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange);border-radius:8px}.page-grid{align-items:start}.forms{display:grid;gap:18px}.form-panel{padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .wide{grid-column:1/-1}label small{font-weight:500;color:var(--muted)}.notice{position:fixed;z-index:20;right:25px;top:25px;background:var(--green);color:white;padding:15px 20px;border-radius:12px;box-shadow:var(--shadow)}.notice.error{background:#a52c11}.access-panel{margin-top:18px}.switch{margin-left:auto}.switch button{background:#e6e1d8;color:var(--ink)}.switch button.on{background:#d7eee4;color:#175d43}.bank-list .row{padding:18px 0}.bank-list .amount{font-size:1.2rem}.register{max-height:720px;overflow:auto}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.app{grid-template-columns:200px 1fr}.shares{grid-template-columns:1fr}.two-col,.page-grid{grid-template-columns:1fr}}
@media(max-width:720px){.login-shell{grid-template-columns:1fr;padding:28px 18px}.login-brand h1{font-size:3.3rem}.login-card{padding:27px}.app{display:block}aside{position:fixed;z-index:30;left:-260px;width:240px;transition:left .2s}aside.open{left:0}main{padding:22px 16px 60px}#menuBtn{display:block;padding:10px 12px}header{align-items:flex-start;flex-wrap:wrap}header h1{font-size:2rem}.month-control{width:100%;margin:0}.metrics{grid-template-columns:1fr}.two-col,.page-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.panel{padding:19px}.shares{grid-template-columns:1fr}.notice{left:16px;right:16px;top:16px}}
.trend-panel{margin-top:18px}.chart-legend{display:flex;gap:14px;font-size:.78rem;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:10px;height:10px;border-radius:3px;background:var(--green)}.chart-legend i.expenses{background:var(--orange)}.monthly-trend{height:260px;display:flex;align-items:stretch;gap:8px;overflow-x:auto;padding:12px 4px 0}.monthly-trend>.empty{margin:auto}.trend-day{min-width:26px;flex:1;display:grid;grid-template-rows:1fr 22px;gap:7px;text-align:center}.trend-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:1px solid var(--line)}.trend-bars i{width:min(16px,42%);min-height:0;border-radius:5px 5px 0 0;background:var(--green)}.trend-bars i.expenses{background:var(--orange)}.trend-day small{font-size:.68rem;color:var(--muted)}.vendor-list{margin-top:22px;border-top:1px solid var(--line);padding-top:10px}.row-actions{margin-left:auto!important;display:flex!important;grid-auto-flow:column;gap:6px!important}.form-actions{display:flex;gap:10px;margin-top:8px}.form-actions button{flex:1;margin:0}.form-actions .secondary{background:#e6e1d8;color:var(--ink)}.login-toggle{display:flex;grid-template-columns:auto 1fr;align-items:center;background:var(--paper);padding:14px;border-radius:12px}.login-toggle input,.permission-grid input{width:auto;min-height:auto}.login-fields{border:1px solid var(--line);border-radius:14px;padding:0 16px 16px;margin-bottom:18px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 15px}.permission-grid label{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:10px 0}
@media(max-width:720px){.monthly-trend{height:220px}.trend-day{min-width:24px}.permission-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}