:root{--ink:#0e1a0b;--deep:#1b3a0a;--turf:#366b13;--moss:#4c8a22;--chalk:#f2f4ec;--bone:#e4e7da;--mute:#748067;--gold:#ffb020;--red:#b63f31;--line:#d4dac8;font-family:Inter,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#e1ecd8,transparent 32%),var(--chalk)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 13px;color:var(--ink)}button.primary{background:var(--turf);color:white;border-color:var(--turf);font-weight:700}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(150deg,#081006,var(--deep))}.login-card{width:min(410px,100%);padding:34px;border:1px solid #ffffff26;background:#f2f4ec12;color:var(--chalk);border-radius:24px;box-shadow:0 30px 80px #0008}.brand-mark{width:58px;height:58px;border:2px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:32px;font-weight:900;color:var(--gold)}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--mute);font-weight:700}.login .eyebrow{color:#dbe6d2aa}.login h1{font-size:34px;margin:.2em 0 1em}.login label,.field{display:grid;gap:6px;margin:14px 0;font-size:12px;font-weight:700}.login input,.field input,.field select,.field textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--ink)}.login .primary{width:100%;margin-top:14px}.check{display:flex!important;align-items:center}.check input{width:auto!important}.error{color:#ffb8ad;min-height:20px}header{height:64px;background:#0e1a0bf2;color:white;display:flex;align-items:center;padding:0 24px;gap:24px;position:sticky;top:0;z-index:10}header>div:first-child{display:grid}header small{color:#ffffff88}nav{display:flex;gap:5px;margin-left:auto}nav button{border:0;background:transparent;color:#ffffff99}nav button.active{background:var(--chalk);color:var(--ink)}.account{display:flex;align-items:center;gap:10px}.account button{background:transparent;color:#fff;border-color:#ffffff33}main{max-width:1240px;margin:auto;padding:32px 22px 70px}.hero,.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero h1{font-size:38px;margin:.15em 0}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.tabs{display:flex;gap:6px;overflow:auto;margin:22px 0 16px}.tabs button{white-space:nowrap;background:#ffffffaa}.tabs button.active,.mode button.active{background:var(--deep);color:white}.panel{display:none}.panel.active{display:block}.mode{text-align:right;margin-bottom:8px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric,article,.user-card{background:#ffffffc9;border:1px solid white;border-radius:16px;padding:18px;box-shadow:0 12px 30px -22px #0e1a0b88}.metric small{display:block;color:var(--mute);text-transform:uppercase;font-size:10px;letter-spacing:.08em}.metric strong{display:block;font-size:24px;margin-top:9px}.metric.balance{background:var(--deep);color:white}.two{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:14px}article h2{font-size:15px}.chart{display:flex;align-items:end;gap:7px;height:220px;padding-top:20px}.bar-wrap{flex:1;display:grid;align-items:end;height:100%;text-align:center;font-size:9px;color:var(--mute)}.bars{height:170px;display:flex;align-items:end;justify-content:center;gap:2px}.bar{width:10px;background:var(--turf);border-radius:4px 4px 0 0}.bar.income{background:var(--gold)}.list-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line)}.lock{padding:12px;border:1px solid #d8a643;background:#fff4d6;border-radius:11px}.table{overflow:auto;background:#ffffffc9;border-radius:16px;border:1px solid white;margin-top:14px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:10px;color:var(--mute);text-transform:uppercase}.status{font-size:11px;padding:4px 8px;border-radius:20px;background:#e5efdf;color:var(--turf)}.status.off{background:#eee;color:#777}.status.wait{background:#fff0ce;color:#8b650d}.row-actions{display:flex;gap:5px}.danger{color:var(--red)}.empty{text-align:center;color:var(--mute);padding:28px}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:18px}.user-card h3{margin:0}.user-card p{color:var(--mute)}dialog{border:0;border-radius:18px;width:min(620px,calc(100% - 24px));padding:0;box-shadow:0 30px 80px #0005}dialog::backdrop{background:#0e1a0b99}.modal-head,.modal-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.modal-foot{border:0;border-top:1px solid var(--line);justify-content:flex-end;gap:8px}.modal-head h2{margin:0}.modal-head button{border:0;font-size:24px}.modal-grid{padding:5px 20px 12px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.span2{grid-column:1/-1}#toast{position:fixed;right:18px;bottom:18px;padding:12px 18px;background:var(--deep);color:white;border-radius:10px;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1}
@media (max-width:700px){header{height:auto;min-height:58px;padding:10px 12px;gap:8px;flex-wrap:wrap}header>div:first-child small,#who{display:none}nav{order:3;width:100%;margin:0}nav button{flex:1}.account{margin-left:auto}main{padding:20px 12px 60px}.hero{align-items:flex-start}.hero h1{font-size:29px}.hero-actions{width:100%}.hero-actions>*{flex:1}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:1/-1}.two{grid-template-columns:1fr}.chart{height:190px}.modal-grid{grid-template-columns:1fr}.span2{grid-column:auto}.section-head{align-items:center}th,td{padding:10px}.tabs{margin-right:-12px}}