*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#070a0f;color:#fff;font-size:14px}
a{color:#28e58b;text-decoration:none}
.logo{font-size:25px;font-weight:900;white-space:nowrap}.logo span{color:#28e58b}
.logo small{display:block;font-size:9px;color:#72808e;letter-spacing:1.5px;margin-top:4px}
.muted{color:#72808e;font-size:12px}
.top{position:sticky;top:0;z-index:10;background:rgba(7,10,15,.96);border-bottom:1px solid #1c2631}
.top-in{max-width:1200px;margin:auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:9px 13px;border:1px solid #222d38;background:#10151c;color:#aeb9c4;border-radius:9px;font-size:12px;font-weight:700}
.nav a:hover,.nav a.active{background:#28e58b;border-color:#28e58b;color:#06100a}
.wrap{max-width:1200px;margin:auto;padding:25px 20px 60px}
h1{font-size:22px;margin-bottom:18px}h2{font-size:16px;margin-bottom:12px}
.card{background:#10151c;border:1px solid #202c37;border-radius:13px;padding:18px;margin-bottom:16px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.stat{background:#10151c;border:1px solid #202c37;border-radius:12px;padding:16px}
.stat b{display:block;font-size:26px;color:#28e58b}.stat span{color:#72808e;font-size:11px}
.alert{padding:12px 15px;border-radius:9px;margin-bottom:14px;font-size:13px}
.alert.ok{background:#12301f;border:1px solid #28e58b;color:#28e58b}
.alert.error{background:#33151a;border:1px solid #e5484d;color:#ff8085}
label{display:block;color:#aeb9c4;font-size:12px;font-weight:700;margin-bottom:14px}
input,select{display:block;width:100%;margin-top:6px;padding:12px;background:#0b1016;border:1px solid #283541;border-radius:9px;color:#fff;font-size:14px;outline:0}
input:focus,select:focus{border-color:#28e58b}
input[type=checkbox]{display:inline;width:auto;margin:0 6px 0 0}
.form{max-width:680px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn{display:inline-block;padding:9px 13px;border-radius:8px;border:1px solid #293641;background:#171e26;color:#d9e0e5;cursor:pointer;font-size:12px;font-weight:700}
.btn.primary{background:#28e58b;border-color:#28e58b;color:#06100a;padding:12px 20px;font-size:14px}
.btn.danger{background:#33151a;border-color:#e5484d;color:#ff8085}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{padding:11px 10px;border-bottom:1px solid #1c2631;text-align:left;font-size:13px;vertical-align:middle}
th{color:#72808e;font-size:11px;text-transform:uppercase}
td form{display:inline}
.thumb{width:36px;height:36px;object-fit:contain;border-radius:7px;background:#0b1016;border:1px solid #202c37}
.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters input,.filters select{width:auto;margin:0;flex:1;min-width:140px}
.pager{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap}
.pager a,.pager span{padding:7px 11px;border:1px solid #222d38;border-radius:7px;font-size:12px}.pager span{background:#28e58b;color:#06100a;border-color:#28e58b}
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}
.login-box{width:100%;max-width:380px;background:#10151c;border:1px solid #202c37;border-radius:16px;padding:30px}
.login-box .logo{margin-bottom:22px}.login-box .btn{width:100%;margin-bottom:14px}
@media(max-width:600px){.row2{grid-template-columns:1fr}}