:root{--bg:#071928;--surface:#0b263b;--surface-2:#10324d;--surface-3:#163f60;--border:#1e4b6e;--text:#f1f5f9;--muted:#8fb3ce;--accent:#00ceff;--accent-hover:#38d9ff;--accent-btn:#0f61a1;--accent-btn-hover:#1575bf;--accent-soft:rgba(0,206,255,0.14);--brand-red:#e31b23;--ok:#10b981;--ok-soft:rgba(16,185,129,0.16);--warn:#f59e0b;--warn-soft:rgba(245,158,11,0.16);--danger:#e3334e;--danger-soft:rgba(227,51,78,0.16);--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.btn:hover:not(:disabled){background:var(--surface-3);border-color:rgba(0,206,255,.45)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-btn);border-color:var(--accent-btn);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-btn-hover);border-color:var(--accent)}.btn-danger{background:var(--danger-soft);border-color:rgba(227,51,78,.45);color:#fda4af}.btn-danger:hover:not(:disabled){background:rgba(227,51,78,.28)}.btn-sm{padding:5px 10px;font-size:12px}.input,.select{width:100%;padding:8px 11px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,206,255,.16)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-3);color:var(--muted)}.badge-ok{background:var(--ok-soft);color:#6ee7b7}.badge-warn{background:var(--warn-soft);color:#fcd34d}.badge-danger{background:var(--danger-soft);color:#fda4af}.badge-accent{background:var(--accent-soft);color:#7ee8ff}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.table th{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.table tr:last-child td{border-bottom:none}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.row{gap:10px}.between,.row{display:flex;align-items:center}.between{justify-content:space-between;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.error-box{border-radius:10px;background:var(--danger-soft);border:1px solid rgba(227,51,78,.45);color:#fecdd3}.error-box,.ok-box{padding:12px 14px;font-size:13px}.ok-box{border-radius:10px;background:var(--ok-soft);border:1px solid rgba(16,185,129,.4);color:#a7f3d0}.modal-backdrop{position:fixed;inset:0;background:rgba(5,16,26,.78);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 24px rgba(192,188,255,.16);padding:22px}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;inset:0;background:var(--surface-3);border:1px solid var(--border);border-radius:999px}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{content:"";height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+.slider{background:var(--accent-btn);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translateX(18px)}