:root{--blue: #2563eb;--cyan: #22d3ee;--teal: #0ea5b7;--grad: linear-gradient(135deg, #2ad4ee 0%, #2f87ec 55%, #2563eb 100%);--ink: #0b2a45;--ink-2: #3a5772;--muted: #7089a0;--line: rgba(20, 70, 120, .1);--card-sh: 0 8px 24px rgba(19, 86, 150, .1), 0 2px 6px rgba(19, 86, 150, .06);--ok: #059669;--warn: #d97706;--danger: #dc2626;--chip: #eef6fd;font-family:Plus Jakarta Sans,-apple-system,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh;background-color:#e5f3fa}body{-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a{color:var(--blue)}.shell{position:relative;min-height:100dvh;overflow-x:hidden}.waves{position:fixed;left:0;right:0;bottom:0;height:140px;z-index:0;pointer-events:none;opacity:.95}.wv{transform-box:fill-box}@media(prefers-reduced-motion:no-preference){.wv1{animation:sway 7s ease-in-out infinite}.wv2{animation:sway 9s ease-in-out infinite reverse}.wv3{animation:sway 11s ease-in-out infinite}}@keyframes sway{0%,to{transform:translate(0)}50%{transform:translate(-14px)}}.app{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:24px 20px 120px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:1.35rem;letter-spacing:-.02em;color:var(--ink)}.brand span{color:var(--teal);font-size:.9rem;font-weight:600}.card{background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:16px;box-shadow:var(--card-sh)}.login-wrap{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:24px 24px 120px}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:1.5rem;font-weight:800;color:var(--ink)}.login-card p{margin:0;color:var(--ink-2);font-size:.92rem;line-height:1.45}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}label.check{flex-direction:row;align-items:center;gap:8px;padding-bottom:4px;white-space:nowrap;color:var(--ink-2)}label.check input{width:16px;height:16px;accent-color:var(--blue)}input,select{background:#f7fbfe;border:1.5px solid rgba(37,99,235,.16);border-radius:12px;color:var(--ink);padding:10px 12px;outline:none}input:focus,select:focus{border-color:#2563eb73;box-shadow:0 0 0 3px #2563eb1f}.btn{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;background:var(--grad);color:#fff;font-weight:700;box-shadow:0 8px 18px #2563eb47}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn.secondary{background:#fff;border:1.5px solid rgba(37,99,235,.22);color:var(--blue);box-shadow:0 4px 12px #1356960f;font-weight:700}.btn.danger{background:#fff;border:1.5px solid rgba(220,38,38,.35);color:var(--danger);box-shadow:none}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:end}.toolbar .grow{flex:1 1 220px}.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.pager-btns{display:flex;align-items:center;gap:10px}.table-wrap{overflow:auto;border-radius:14px;border:1px solid var(--line);background:#fbfdff}table{width:100%;border-collapse:collapse;min-width:860px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;font-size:.92rem}th{background:#eef6fd;color:var(--muted);font-weight:700;position:sticky;top:0}tr:hover td{background:#2563eb08}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--ink)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700;background:var(--chip);border:1px solid var(--line)}.badge.ok{color:var(--ok);background:#ecfdf5;border-color:#a7f3d0}.badge.trial{color:#d98a00;background:#fff4e0;border-color:#fde68a}.badge.warn{color:var(--warn);background:#fffbeb;border-color:#fde68a}.badge.off{color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;background:#eef6fd;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:.78rem;color:var(--ink-2);font-weight:600}.chip.primary{border-color:#2563eb59;color:var(--blue);background:#e8f1ff}.chip button{border:0;background:transparent;color:var(--danger);cursor:pointer;padding:0;line-height:1;font-weight:700}.row-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}.flash{margin-bottom:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;box-shadow:var(--card-sh);font-weight:600}.flash.error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.flash.ok{border-color:#a7f3d0;color:#047857;background:#ecfdf5}.bulk{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end;margin-bottom:16px}@media(max-width:720px){.bulk{grid-template-columns:1fr}}