*{box-sizing:border-box}body{margin:0;background:#12151c;color:#d7dce6;font:14px/1.5 system-ui,Segoe UI,Roboto,sans-serif}
a{color:#4da3ff;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 14px}
header{background:#1a1f2b;border-bottom:1px solid #262d3d}header .wrap{display:flex;align-items:center;gap:24px;height:52px}
.logo{font-weight:700;font-size:18px;color:#fff}nav a{margin-right:16px;color:#aab3c5}
main{padding:18px 14px 40px}footer{color:#6c7589;padding:20px 0;text-align:center;border-top:1px solid #1d2332}
h1{font-size:22px;margin:6px 0 14px}h3{margin:22px 0 8px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tabs a{padding:5px 11px;background:#1a1f2b;border-radius:6px;color:#aab3c5}
.tabs a.on{background:#2b6cb0;color:#fff}.tabs small{opacity:.7;margin-left:3px}
.search{display:flex;gap:6px;margin-bottom:12px}
input,select,textarea{background:#1a1f2b;border:1px solid #2a3245;color:#d7dce6;padding:7px 10px;border-radius:6px;font:inherit}
button{background:#2b6cb0;color:#fff;border:0;padding:7px 14px;border-radius:6px;cursor:pointer;font:inherit}button:hover{background:#3b7fc8}
.search input{flex:1;max-width:380px}
table.srv{width:100%;border-collapse:collapse;background:#171b25;border-radius:8px;overflow:hidden}
.srv th{background:#1d2332;text-align:left;padding:8px 10px;font-weight:600;color:#97a1b6}.srv td{padding:7px 10px;border-top:1px solid #222a3a}
.srv tr.prem td{background:#1d2230}.srv tr.off td{opacity:.5}.empty{text-align:center;padding:30px!important}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c0392b}.dot.on{background:#2ecc71}
.star{color:#f5b301}
.bar{position:relative;background:#262d3d;border-radius:4px;height:18px;min-width:90px;overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;background:#2b6cb0}.bar b{position:relative;display:block;text-align:center;font-size:12px;line-height:18px}
.pager{margin-top:14px;display:flex;gap:5px;flex-wrap:wrap}.pager a{padding:4px 10px;background:#1a1f2b;border-radius:5px}.pager a.on{background:#2b6cb0;color:#fff}
.form{display:flex;flex-direction:column;gap:12px;max-width:460px}.form label{display:flex;flex-direction:column;gap:4px;color:#97a1b6}
.form textarea{min-height:90px}.err{color:#ff7b7b}.ok{color:#5fd68a}.muted{color:#6c7589}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.cards div{background:#171b25;border-radius:8px;padding:10px 12px}.cards small{display:block;color:#6c7589}
.cp{padding:1px 8px;font-size:12px;margin-left:6px}
.chart{width:100%;height:90px;background:#171b25;border-radius:8px}
.act{white-space:nowrap}.act form{display:inline}.act button{padding:3px 8px;font-size:12px;margin-right:3px}
@media(max-width:760px){.srv th:nth-child(2),.srv td:nth-child(2),.srv th:nth-child(5),.srv td:nth-child(5){display:none}}