*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#172033;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#111827;color:#fff;padding:26px 18px}.brand{font-size:22px;font-weight:800;margin:0 10px 30px}.nav a{display:block;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:10px;margin:5px 0}.nav a:hover,.nav a.active{background:#2563eb;color:#fff}.main{margin-left:245px;padding:30px;max-width:1500px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.card{background:#fff;border:1px solid #e8edf5;border-radius:16px;padding:22px;box-shadow:0 8px 30px #1720330a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat b{display:block;font-size:30px;margin-top:7px}.muted{color:#64748b}.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left}input,select{width:100%;padding:12px;border:1px solid #d9dfeb;border-radius:10px;margin-top:6px}button,.btn{border:0;border-radius:10px;padding:11px 15px;background:#2563eb;color:#fff;text-decoration:none;cursor:pointer}.btn.gray{background:#eef2f7;color:#172033}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.badge{padding:5px 9px;border-radius:20px;font-size:12px}.in{background:#dcfce7;color:#166534}.out{background:#fee2e2;color:#991b1b}.unk{background:#f1f5f9;color:#475569}.auth{max-width:440px;margin:90px auto}.auth h1{margin-top:0}@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin:0}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}}