:root{font-family:Inter,Arial,sans-serif;color:#18243b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}.container{max-width:1180px;margin:40px auto;padding:0 20px}.card{background:#fff;border:1px solid #dfe6f1;border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(20,40,80,.06)}h1{margin:0 0 6px;color:#10284f}.muted{color:#66758c}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px}label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select{padding:11px;border:1px solid #cbd5e1;border-radius:9px}.btn{display:inline-block;background:#0b4aa2;color:#fff;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn.orange{background:#f58220}.btn.red{background:#b42318}.success{padding:12px;background:#ecfdf3;border:1px solid #a6f4c5;border-radius:9px}.error{padding:12px;background:#fff1f0;border:1px solid #fecdca;border-radius:9px;margin-bottom:15px}.nav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.nav a{color:#0b4aa2;text-decoration:none;font-weight:700}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left}.online{color:#067647;font-weight:700}.offline{color:#b42318;font-weight:700}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:760px){.two{grid-template-columns:1fr}}