*{box-sizing:border-box}body{margin:0;background:#0b0d10;color:#eef2f5;font-family:Inter,Arial,sans-serif}a{color:#77b7ff;text-decoration:none}.top{height:64px;background:#11151a;border-bottom:1px solid #252b32;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{font-weight:800;font-size:19px}.top-user{color:#aeb7c2;font-size:14px}nav{display:flex;gap:8px;flex-wrap:wrap;padding:14px 28px;background:#0f1317;border-bottom:1px solid #20262d}nav a,.button{padding:9px 13px;border-radius:9px;background:#171d23;color:#dce4ec}nav a:hover,.button:hover{background:#202830}main{max-width:1180px;margin:0 auto;padding:28px}h1{margin-top:0}h2{margin:0 0 16px}.grid{display:grid;gap:14px}.stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.stat,.card{background:#11161b;border:1px solid #252c34;border-radius:14px;padding:20px}.stat span{display:block;color:#99a5b2;font-size:13px}.stat b{font-size:28px;display:block;margin-top:7px}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.form-card{max-width:650px}label{display:block;color:#b9c3cd;font-size:14px;margin:14px 0}input,select,textarea{display:block;width:100%;margin-top:7px;background:#0b0f13;border:1px solid #303944;color:#fff;border-radius:9px;padding:12px;font:inherit}textarea{resize:vertical}button{border:0;border-radius:9px;background:#fff;color:#080a0c;padding:12px 18px;font-weight:800;cursor:pointer}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #252c34;font-size:13px}th{color:#9eabb8}.badge{padding:4px 8px;border-radius:999px;font-size:11px}.ok{background:#123b25;color:#8af0b1}.bad{background:#4a1c20;color:#ff9ba3}.success,.error{padding:13px 15px;border-radius:10px;margin-bottom:15px}.success{background:#10351f;color:#a5f2bd}.error{background:#421b20;color:#ffb0b7}.muted{color:#8e9aa7}.search{display:flex;gap:8px;margin-bottom:18px}.search input{margin:0}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.login{width:min(420px,100%)}footer{text-align:center;color:#687582;padding:25px}.card+ .card{margin-top:16px}@media(max-width:700px){.stats{grid-template-columns:1fr}.top{padding:0 16px}.top-user{display:none}nav{padding:10px 16px}main{padding:18px;overflow-x:auto}table{min-width:800px}.card{overflow-x:auto}.search{display:block}.search button{margin-top:8px}}
