@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Nunito+Sans:wght@400;500;600;700&display=swap";@charset "UTF-8";:root{--bg: #0e1628;--ink: #f4f7fc;--muted: #8898bc;--surface: #151e36;--accent: #5b8eee;--accent-hover: #4a7be0;--teal: #34d399;--nav: #0e1628;--nav-ink: #f4f7fc;--nav-muted: #8898bc;--outline: rgba(255, 255, 255, .08);--shadow: 0 20px 45px rgba(0, 0, 0, .4);--green: #10b981;--red: #f87171;--amber: #f59e0b;--bg-rgb: 14, 22, 40;--surface-rgb: 21, 30, 54;--nav-rgb: 14, 22, 40;--ink-rgb: 255, 255, 255;--accent-rgb: 91, 142, 238;--green-rgb: 16, 185, 129;--red-rgb: 239, 68, 68;--amber-rgb: 245, 158, 11;--purple: #8b5cf6;--purple-rgb: 139, 92, 246;--teal-rgb: 52, 211, 153;--whatsapp: #22c55e;--whatsapp-rgb: 34, 197, 94;--muted-rgb: 136, 152, 188}body.theme-light{--bg: #f4f7fc;--ink: #1c2140;--muted: #6475a0;--surface: #ffffff;--accent: #3b64e8;--accent-hover: #2d52d6;--teal: #059669;--nav: #f4f7fc;--nav-ink: #1c2140;--nav-muted: #6475a0;--outline: rgba(28, 33, 64, .08);--shadow: 0 4px 10px rgba(28, 33, 64, .05), 0 1px 2px rgba(28, 33, 64, .05);--green: #059669;--red: #dc2626;--amber: #d97706;--bg-rgb: 244, 247, 252;--surface-rgb: 255, 255, 255;--nav-rgb: 244, 247, 252;--ink-rgb: 28, 33, 64;--accent-rgb: 59, 100, 232;--green-rgb: 5, 150, 105;--red-rgb: 220, 38, 38;--amber-rgb: 217, 119, 6;--purple: #7c3aed;--purple-rgb: 124, 58, 237;--teal-rgb: 5, 150, 105;--whatsapp: #22c55e;--whatsapp-rgb: 34, 197, 94;--muted-rgb: 100, 117, 160}*{margin:0;padding:0;box-sizing:border-box}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}body{font-family:Nunito Sans,sans-serif;background:radial-gradient(1200px circle at -10% -20%,rgba(var(--accent-rgb),.08) 0,transparent 60%),radial-gradient(900px circle at 110% 10%,rgba(var(--green-rgb),.04) 0,transparent 55%),var(--bg);color:var(--ink);min-height:100vh;transition:background-color .4s ease,color .4s ease}h1,h2,h3{font-family:Syne,sans-serif;letter-spacing:-.02em;color:var(--ink)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-radius:14px;margin-bottom:24px;background:rgba(var(--surface-rgb),.85);border:1px solid var(--outline);box-shadow:0 10px 25px #0000000d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .3s ease}.topbar h1,.topbar h2{font-size:22px;margin-bottom:2px}.subtitle{color:var(--muted);font-size:13px;margin-top:2px}.btn-primary{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(var(--accent-rgb),.25)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4)}.btn-secondary{padding:10px 20px;background:rgba(var(--ink-rgb),.05);color:var(--ink);border:1px solid var(--outline);border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:rgba(var(--ink-rgb),.08)}.card{background:var(--surface);border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--outline);transition:transform .2s ease,border-color .2s ease}.card:hover{border-color:rgba(var(--ink-rgb),.2)}.card.online{border-left:4px solid var(--teal)}.card.offline{border-left:4px solid var(--red)}.badge{padding:4px 12px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge.online{background:rgba(var(--green-rgb),.12);color:var(--teal);border-color:rgba(var(--green-rgb),.2)}.badge.offline{background:rgba(var(--red-rgb),.12);color:var(--red);border-color:rgba(var(--red-rgb),.2)}.badge.active{background:rgba(var(--accent-rgb),.12);color:var(--accent);border-color:rgba(var(--accent-rgb),.2)}.badge.inactive{background:rgba(var(--ink-rgb),.08);color:var(--muted);border-color:rgba(var(--ink-rgb),.15)}.badge.suspended{background:rgba(var(--amber-rgb),.12);color:var(--amber);border-color:rgba(var(--amber-rgb),.2)}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes skPulse{0%,to{opacity:1}50%{opacity:.35}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}