:root{
  --bg:#0F1216; --panel:#171B21; --panel-2:#1D222A; --border:#2A2F39;
  --text:#E7E9EC; --text-dim:#8C94A3; --text-faint:#5B6270;
  --accent:#FF5A2E; --ok:#2FBF8F; --warn:#F0B429;
}
*{box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;font-size:14px;margin:0;}
h1,h2,h3{font-family:'Oswald',sans-serif;font-weight:600;margin:0;}
a{color:var(--accent);}
.wrap{max-width:1100px;margin:0 auto;padding:28px 24px 60px;}
.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:16px 24px;}
.topbar .brand{font-family:'Oswald',sans-serif;font-size:18px;}
.topbar nav a{color:var(--text-dim);text-decoration:none;margin-left:18px;font-size:13.5px;}
.topbar nav a:hover,.topbar nav a.active{color:var(--text);}
.panel{background:var(--panel);border:1px solid var(--border);padding:20px 22px;margin-bottom:18px;}
.panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin-bottom:14px;font-weight:600;}
label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px;}
input[type=text],input[type=password],input[type=date],select,input[type=file]{
  width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;font-size:13.5px;
}
.btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:#12130F;font-weight:600;font-size:13px;
  padding:9px 16px;border:1px solid var(--accent);cursor:pointer;text-decoration:none;}
.btn.ghost{background:transparent;color:var(--text);border-color:var(--border);}
.row{display:flex;gap:18px;flex-wrap:wrap;}
.col{flex:1;min-width:220px;}
table{width:100%;border-collapse:collapse;font-size:12.5px;}
th{text-align:left;color:var(--text-faint);font-weight:500;text-transform:uppercase;font-size:10.5px;padding:7px 10px;border-bottom:1px solid var(--border);}
td{padding:8px 10px;border-bottom:1px solid var(--border);}
.bar-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.bar-row:last-child{border-bottom:none;}
.bar-row .bname{width:190px;flex-shrink:0;}
.bar-track{flex:1;height:9px;background:var(--panel-2);}
.bar-fill{height:100%;background:var(--accent);}
.bar-row .bval{width:60px;text-align:right;color:var(--text-dim);font-size:12.5px;}
.stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.stat{background:var(--panel);border:1px solid var(--border);padding:16px 18px;flex:1;min-width:150px;}
.stat .label{font-size:11.5px;color:var(--text-faint);text-transform:uppercase;}
.stat .value{font-family:'Oswald',sans-serif;font-size:24px;margin-top:6px;}
.error{background:#2a1414;border-left:3px solid #E15353;color:#f5a3a3;padding:10px 14px;margin-bottom:14px;font-size:13px;}
.notice{background:#16332A;border-left:3px solid var(--ok);color:#a8e6cf;padding:10px 14px;margin-bottom:14px;font-size:13px;}
.zone-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--panel-2);border-left:3px solid var(--accent);margin-bottom:6px;font-size:13px;}
.login-wrap{max-width:360px;margin:90px auto;padding:0 20px;}