:root{
  --bg:#080b14; --panel:#11172a; --panel2:#161d34; --border:#232c48;
  --teal:#2fe6d6; --coral:#ff6b4a; --amber:#f2c14e; --text:#eef1f8; --sub:#8b93ab; --bad:#ff5c72; --good:#3ddc84;
}
*{box-sizing:border-box;}
body{background:var(--bg); color:var(--text); font-family:'Segoe UI',Arial,sans-serif; margin:0; padding:0;}
.wrap{max-width:820px; margin:0 auto; padding:40px 20px;}
h1{font-size:26px; margin:0 0 6px;}
.sub{color:var(--sub); margin:0 0 28px;}
.card{background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:26px; margin-bottom:20px;}
label{display:block; color:var(--sub); font-size:13px; margin:14px 0 6px;}
input,textarea,select{width:100%; background:#050810; border:1px solid var(--border); border-radius:8px; color:var(--text); padding:10px 12px; font-size:15px; font-family:inherit;}
textarea{min-height:120px;}
button{margin-top:18px; background:linear-gradient(135deg,var(--teal),#1fc8ba); color:#062824; border:none; font-weight:600; padding:11px 22px; border-radius:10px; cursor:pointer; font-size:15px;}
button.secondary{background:var(--panel2); color:var(--text); border:1px solid var(--border);}
.error{color:var(--bad); margin-top:10px;}
.table-scroll{overflow-x:auto;}
table{width:100%; border-collapse:collapse; font-size:14px;}
th,td{text-align:left; padding:8px 10px; border-bottom:1px solid var(--border); white-space:nowrap;}
th{color:var(--sub); font-weight:600; font-size:12px; text-transform:uppercase;}
code{font-family:monospace; background:#050810; padding:2px 6px; border-radius:4px; color:var(--teal); white-space:nowrap;}
.topbar{display:flex; justify-content:space-between; align-items:center;}
.topbar form{margin:0;}
.topbar button{margin:0; padding:8px 16px;}
a{color:var(--teal);}
.dispatch-result{background:#050810; border:1px solid var(--border); border-radius:8px; padding:12px; margin-bottom:8px; font-size:13px;}
button.small{margin-top:0; padding:5px 10px; font-size:12px; border-radius:6px;}
td button.small{margin:0;}
.grid2{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:560px){ .grid2{grid-template-columns:1fr;} }
.stats-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px;}
.stat-card{background:#050810; border:1px solid var(--border); border-radius:12px; padding:16px;}
.stat-title{font-weight:600; font-size:14px; margin-bottom:10px; color:var(--text);}
.stat-row{display:flex; justify-content:space-between; font-size:13px; color:var(--sub); margin-bottom:4px;}
.stat-row strong{color:var(--text); font-family:monospace;}
.bar-track{height:6px; background:var(--panel2); border-radius:4px; overflow:hidden; margin-top:10px; border:1px solid var(--border);}
.bar-fill{height:100%; background:linear-gradient(90deg,var(--teal),var(--coral));}