:root{--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--brand:#6d28d9}
*{box-sizing:border-box}body{margin:0;font:14px/1.5 "Inter","Segoe UI",system-ui,sans-serif;color:var(--ink);background:#f6f7fb}
.top{display:flex;align-items:center;gap:16px;padding:14px 22px;color:#fff;background:linear-gradient(120deg,#1e1b4b,#4c1d95 45%,#0f766e)}
.top h1{font-size:18px;margin:0;flex:1}.top h1 span{color:#fde68a}.top a{color:#fff;text-decoration:none;font-weight:700;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14)}
main{max-width:1320px;margin:18px auto;padding:0 18px}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.tabs a{padding:8px 14px;border-radius:999px;background:#fff;color:#334155;text-decoration:none;font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tabs a.on{background:var(--brand);color:#fff}
.card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px -12px rgba(15,23,42,.18);margin-bottom:14px}
.card h2{font-size:16px;margin:0 0 12px}.card h3{font-size:14px;margin:12px 0 8px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.narrow{max-width:760px}
label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--mut);margin-bottom:10px;flex:1}
input,select{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-weight:500;width:100%}
.row{display:flex;gap:10px;flex-wrap:wrap}.row label{min-width:140px}
.btn{display:inline-block;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:700;background:var(--brand);color:#fff;cursor:pointer;text-decoration:none}
.btn.ghost{background:#f1f5f9;color:#334155}.btn.red{background:#dc2626}.btns{display:flex;gap:8px;flex-wrap:wrap}
.x{border:0;background:#fee2e2;color:#b91c1c;border-radius:8px;cursor:pointer;padding:3px 8px}
.msg{padding:10px 14px;border-radius:12px;margin-bottom:12px;font-weight:600}.msg.ok{background:#dcfce7;color:#166534}.msg.err{background:#fee2e2;color:#991b1b}
.login{max-width:380px;margin:40px auto}
.hint{color:var(--mut);font-size:12.5px}
.kp{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.kp div{background:#fff;border-radius:14px;padding:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--mut);font-size:12.5px;border-top:4px solid #10b981}.kp b{display:block;font-size:24px;color:var(--ink)}.kp .al{border-color:#dc2626}
.do li{margin-bottom:8px}
.t{width:100%;border-collapse:collapse;font-size:12.5px}.t td,.t th{padding:6px 8px;border-bottom:1px solid #f1f5f9;text-align:left;vertical-align:top}.t th{color:var(--mut);font-size:11px;text-transform:uppercase}
.tw{max-height:520px;overflow:auto}
.pick{height:260px;border-radius:12px;margin-bottom:4px}
.fr{list-style:none;margin:0 0 10px;padding:0;max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px}.fr li{padding:7px 10px;border-bottom:1px solid #f1f5f9;cursor:pointer}.fr li:hover{background:#f5f3ff}.fr small{color:var(--mut)}
.sm{font-size:12px;margin-left:8px}
code{background:#f1f5f9;padding:1px 5px;border-radius:5px}
.al-watch{color:#b45309;font-weight:700}.al-warning{color:#c2410c;font-weight:700}.al-emergency{color:#dc2626;font-weight:800}
@media (max-width:860px){.grid{grid-template-columns:1fr}.kp{grid-template-columns:repeat(2,1fr)}}