:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#07120d;color:#e8f5ef}body{margin:0;background:linear-gradient(135deg,#07120d,#0d2a1c);min-height:100vh}header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:28px 36px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.18)}h1{margin:0;font-size:28px}h2{margin:0 0 16px}p{color:#a9beb4}nav{display:flex;gap:12px;flex-wrap:wrap}a,button{background:#26d07c;color:#04110a;border:0;border-radius:12px;padding:11px 14px;text-decoration:none;font-weight:700;cursor:pointer}main{padding:32px 36px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.metric,.empty,section,.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.metric span{display:block;color:#9fb4a8;font-size:13px}.metric b{display:block;font-size:30px;margin-top:6px}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;font-size:14px}th{color:#9fb4a8}.login{display:grid;place-items:center}.card{width:min(430px,calc(100% - 40px))}label{display:block;margin:14px 0;color:#bfd4ca}input{width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#091811;color:#fff}.err{background:#481515;color:#ffd7d7;padding:10px;border-radius:10px}.warn{background:#59450f;color:#ffe9a8;padding:10px;border-radius:10px}.muted{color:#9fb4a8}.empty{text-align:center;margin-bottom:24px}@media(max-width:700px){header{display:block;padding:22px}nav{margin-top:16px}main{padding:22px;overflow-x:auto}}

.controls form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.controls label{display:flex;flex-direction:column;gap:6px;color:#bfd4ca}.controls select{min-width:150px;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#091811;color:#fff}table.sortable th{cursor:pointer;user-select:none}table.sortable th::after{content:' ↕';opacity:.45}table.sortable th[data-dir='asc']::after{content:' ↑';opacity:1}table.sortable th[data-dir='desc']::after{content:' ↓';opacity:1}

.table-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-top:14px}.table-filters label{display:flex;flex-direction:column;gap:6px;color:#bfd4ca}.table-filters input{min-width:230px;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#091811;color:#fff}.table-filters button{height:42px}
