:root{--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#6b7280;--blue:#175197;--green:#0f9d58;--red:#d93025;--border:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#0c2441;color:white;padding:24px 16px}.brand{font-size:23px;font-weight:800;line-height:1}.brand small{font-size:11px;letter-spacing:1.6px}nav{margin-top:30px}nav a{display:block;color:#dbeafe;text-decoration:none;padding:12px;border-radius:9px;margin:4px 0}nav a:hover{background:#173d68;color:white}main{padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}h1{margin:0;font-size:26px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px}.card,.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 3px 14px #13213a0c}.card strong{font-size:30px;display:block;margin-top:7px}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--border);font-size:14px}th{background:#f8fafc}.btn{display:inline-block;border:0;border-radius:9px;padding:10px 14px;background:var(--blue);color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.btn.secondary{background:#64748b}.btn.danger{background:var(--red)}.btn.green{background:var(--green)}.actions{display:flex;gap:7px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:14px}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #ccd3dc;border-radius:9px;background:#fff}.alert{padding:13px;border-radius:10px;margin-bottom:16px}.alert.success{background:#dff6e8;color:#126b39}.alert.error{background:#fde7e5;color:#9b1c16}.badge{padding:5px 8px;border-radius:999px;font-size:12px;font-weight:700}.badge.ok{background:#dcfce7;color:#166534}.badge.off{background:#fee2e2;color:#991b1b}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px}.code{font-family:monospace;background:#eef2f7;padding:9px;border-radius:8px;word-break:break-all}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{position:static}.cards,.grid{grid-template-columns:1fr}main{padding:14px}}
.badge.neutral{background:#e0e7ff;color:#3730a3}.ua{max-width:340px;word-break:break-word;font-size:12px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{padding:10px;border:1px solid #ccd3dc;border-radius:9px;background:#fff}.card a{display:inline-block;margin-top:8px;font-size:13px}@media(max-width:900px){table{display:block;overflow-x:auto;white-space:nowrap}.ua{white-space:normal;min-width:220px}}