:root{--bg:#061522;--panel:#0b2233;--panel2:#102e42;--line:#21485e;--text:#f5f3eb;--muted:#91a8b6;--cyan:#31c6e7;--lime:#c7f21b;--danger:#ff6b6b;--shadow:0 22px 70px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 20% 0,#0b2b40 0,transparent 38%),var(--bg);color:var(--text);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif}.shell{min-height:100vh}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,4vw,64px);border-bottom:1px solid var(--line);background:rgba(3,17,28,.88)}.brand{display:flex;align-items:center;gap:18px;color:var(--text);text-decoration:none}.brand img{width:76px;height:76px;object-fit:contain}.brand b{font-size:26px;letter-spacing:.12em}.brand b::first-letter{color:var(--lime)}.brand small{display:block;color:var(--cyan);letter-spacing:.18em;font-size:10px}.userbar{display:flex;align-items:center;gap:16px}.userbar form{margin:0}.nav{display:flex;gap:8px;padding:10px clamp(20px,4vw,64px);border-bottom:1px solid var(--line);overflow:auto;background:#071b2a}.nav a{padding:9px 14px;border-radius:7px;color:var(--muted);text-decoration:none;white-space:nowrap}.nav a:hover,.nav a.active{background:var(--panel2);color:var(--text)}.nav a.active{box-shadow:inset 0 -2px var(--lime)}.content{padding:28px clamp(16px,3vw,48px);max-width:1800px;margin:auto}footer{padding:20px;text-align:center;color:var(--muted)}h1{font-size:clamp(24px,3vw,38px);margin:0 0 20px}h2{margin:0 0 16px;font-size:20px}.subtitle{color:var(--muted);margin-top:-14px;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.card,.panel{background:linear-gradient(145deg,rgba(16,46,66,.96),rgba(8,29,44,.96));border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.card{padding:20px}.card .value{font-size:28px;font-weight:750;margin-top:8px}.card small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.panel{padding:20px;margin-bottom:20px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:18px}.toolbar label,.field{display:grid;gap:5px;color:var(--muted)}input,select,textarea,button,.button{font:inherit;border-radius:6px;border:1px solid var(--line);background:#071b2a;color:var(--text);padding:8px 10px;min-height:36px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid rgba(49,198,231,.35);border-color:var(--cyan)}button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.primary{background:var(--lime);border-color:var(--lime);color:#102000}.ghost{background:transparent;border-color:var(--cyan);color:var(--cyan}.danger{border-color:var(--danger);color:var(--danger);background:transparent}.actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left}th{position:sticky;top:0;background:#0e2b3e;color:#d8e5eb;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:rgba(49,198,231,.05)}td.num,th.num{text-align:right}.muted{color:var(--muted)}.badge{display:inline-flex;padding:2px 7px;border-radius:999px;background:rgba(49,198,231,.12);color:var(--cyan)}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:14px}.field.wide{grid-column:span 2}.checkbox{display:flex;gap:8px;align-items:center;padding-top:24px}.checkbox input{min-height:auto;width:18px;height:18px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:18px;border:1px solid}.flash.success{border-color:#74d99f;background:#0c3424}.flash.error{border-color:var(--danger);background:#3d161e}.pager{display:flex;gap:6px;margin-top:16px}.pager a{padding:7px 11px;border:1px solid var(--line);border-radius:5px;color:var(--cyan);text-decoration:none}.pager a.active{background:var(--lime);color:#102000}.login{max-width:420px;margin:8vh auto}.login .panel{padding:32px}.login form{display:grid;gap:16px}.finance{font-size:12px}.finance th:first-child,.finance td:first-child{position:sticky;left:0;z-index:2;background:#0e2b3e;min-width:280px}.finance input{width:105px;text-align:right;padding:5px}.finance .derived{color:var(--lime);font-weight:700}.finance .section td{background:#13384d;font-weight:800}.empty{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.topbar{height:auto}.brand b{font-size:20px}}
@media(max-width:620px){.grid,.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.brand img{width:56px;height:56px}.brand small{display:none}.userbar span{display:none}.content{padding:18px 10px}.panel{padding:14px}}
.environment{position:absolute;right:clamp(20px,4vw,64px);top:88px;z-index:4;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:#071b2a;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}