:root{--bg: #070b16;--card: rgba(17, 26, 45, .78);--card2: rgba(12, 19, 34, .85);--borde: rgba(56, 82, 128, .35);--txt: #eef3fb;--sub: #93a7c6;--azul: #38bdf8;--verde: #22c55e;--violeta: #818cf8;--rosa: #e879f9}*{margin:0;padding:0;box-sizing:border-box}html{color-scheme:dark}body{background:radial-gradient(1100px 700px at 85% -10%,rgba(56,120,255,.16) 0%,transparent 55%),radial-gradient(900px 600px at -10% 110%,rgba(139,92,246,.14) 0%,transparent 55%),linear-gradient(160deg,#0a1122,#070b16 60%);background-attachment:fixed;color:var(--txt);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 70% 20%,rgba(34,211,238,.07),transparent 60%),radial-gradient(500px 400px at 20% 80%,rgba(232,121,249,.06),transparent 60%);pointer-events:none;z-index:0}.wrap{max-width:1200px;margin:0 auto;padding:18px 16px 40px;position:relative;z-index:1}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}header h1{font-size:1.5rem;letter-spacing:1px}.sub2{color:var(--sub);font-size:.85rem}.head-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pill{padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:600;box-shadow:inset 0 1px #ffffff12}.pill.green{background:linear-gradient(180deg,#22c55e38,#22c55e1a);color:#4ade80;border:1px solid rgba(74,222,128,.35)}.pill.amber{background:linear-gradient(180deg,#f59e0b33,#f59e0b1a);color:#fbbf24;border:1px solid rgba(251,191,36,.35)}.pill.red{background:linear-gradient(180deg,#ef444438,#ef44441a);color:#f87171;border:1px solid rgba(248,113,113,.35)}.pill.sky{background:linear-gradient(180deg,#38bdf833,#38bdf81a);color:#38bdf8;border:1px solid rgba(56,189,248,.35)}.pill.gray{background:#1a2233;color:#94a3b8;border:1px solid #2a3650}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpi{background:linear-gradient(145deg,#182542e6,#0d1528e6);border:1px solid var(--borde);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff0f;transition:transform .18s,box-shadow .18s}.kpi:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000073,0 0 0 1px #38bdf840}.kpi b{font-size:1.4rem;background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi span{color:var(--sub);font-size:.8rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.card{background:linear-gradient(160deg,#141f36d9,#0b111fe6);border:1px solid var(--borde);border-radius:18px;padding:16px;box-shadow:0 14px 34px #0006,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s;animation:subir .45s ease both}.card:hover{transform:translateY(-3px);border-color:#38bdf873;box-shadow:0 22px 44px #00000080,0 0 24px #38bdf81f,inset 0 1px #ffffff12}.card.accent{border-color:#38bdf880;background:linear-gradient(160deg,#0e2b42d9,#0b111feb)}.card-off{opacity:.7}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-head h3{font-size:1.05rem}.sub{color:var(--sub);font-size:.82rem;margin-bottom:10px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-on{background:var(--verde);box-shadow:0 0 8px var(--verde)}.dot-off{background:#ef4444}.bar-row{display:flex;align-items:center;gap:8px;margin:6px 0}.bar-label{width:72px;color:var(--sub);font-size:.8rem}.bar{flex:1;height:8px;background:#1a2740;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#22d3ee);border-radius:999px;transition:width .6s}.bar-val{width:74px;text-align:right;font-size:.8rem;color:var(--sub)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.stat{background:var(--card2);border:1px solid var(--borde);border-radius:10px;padding:8px;display:flex;flex-direction:column}.stat b{font-size:1.1rem}.stat span{color:var(--sub);font-size:.72rem}.offline{color:#f87171;font-size:.85rem;padding:8px 0}.btn{background:linear-gradient(180deg,#1c3a5e,#122b49);color:#e0f2fe;border:1px solid rgba(56,189,248,.4);padding:8px 14px;border-radius:10px;cursor:pointer;font-size:.85rem;box-shadow:0 4px 12px #00000059,inset 0 1px #ffffff14;transition:all .18s}.btn:hover{transform:translateY(-1px);background:linear-gradient(180deg,#245083,#16375c);box-shadow:0 8px 18px #00000073,0 0 12px #38bdf833}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:wait;transform:none}.btn-sm{padding:4px 12px;font-size:.75rem}.btn-danger{background:linear-gradient(180deg,#572028,#3a1317);border-color:#f8717173;color:#fda4af}.btn-danger:hover{background:linear-gradient(180deg,#6b2a33,#481a20)}.tabs{display:flex;gap:8px;margin:14px 0 10px;flex-wrap:wrap}.tab{background:linear-gradient(180deg,#182542e6,#0d1528e6);border:1px solid var(--borde);color:var(--sub);padding:8px 16px;border-radius:10px;cursor:pointer;font-size:.85rem;box-shadow:0 4px 12px #0000004d;transition:all .18s}.tab:hover{color:var(--txt);transform:translateY(-1px)}.tab-on{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:transparent;color:#fff;box-shadow:0 8px 20px #0ea5e959}.inp{background:var(--card2);border:1px solid var(--borde);border-radius:10px;padding:7px 10px;color:var(--txt);font-size:.8rem;min-width:140px;transition:border-color .18s,box-shadow .18s}.inp:focus{outline:none;border-color:#38bdf899;box-shadow:0 0 0 3px #38bdf826}.tbl-wrap{overflow-x:auto;margin-top:8px;max-height:420px;overflow-y:auto}.tbl{width:100%;border-collapse:collapse;font-size:.8rem}.tbl th,.tbl td{text-align:left;padding:7px 9px;border-bottom:1px solid var(--borde);white-space:nowrap}.tbl th{color:var(--sub);font-weight:600;position:sticky;top:0;background:#0c1426;z-index:1}.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:#38bdf812}.mono{font-family:Consolas,monospace;font-size:.75rem}.cell-titulo{font-weight:600;font-size:.82rem}.cell-sub{color:var(--sub);font-size:.7rem}.legend{margin-top:10px;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;color:var(--sub);font-size:.75rem;line-height:1.7;background:var(--card2)}.legend b{color:var(--texto)}.legend span{color:var(--texto);font-weight:600}.grid .full{grid-column:1 / -1}.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0;padding:10px 12px;border-radius:12px;background:linear-gradient(135deg,#0e3c5a8c,#10243b8c);border:1px solid rgba(56,189,248,.5);box-shadow:0 6px 18px #00000059;animation:subir .3s ease both}.bulk-bar b{color:#7dd3fc;font-size:.82rem}.fila-sel{background:linear-gradient(90deg,#0ea5e924,#6366f11a)}.tbl input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--azul)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:linear-gradient(160deg,#141f36eb,#0b111ff2);border:1px solid rgba(56,189,248,.35);border-radius:20px;padding:28px;width:330px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 70px #0009,0 0 50px #38bdf81f,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card h1{font-size:1.4rem;margin:0}.login-card input{background:var(--card2);border:1px solid var(--borde);border-radius:8px;padding:10px;color:var(--texto);font-size:.9rem}.btn-ok{background:linear-gradient(180deg,#1b5e38,#123b24);border-color:#4ade8073;color:#bbf7d0}.btn-ok:hover{background:linear-gradient(180deg,#22794a,#164c2f)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.alert{background:#33210a;border:1px solid #6b4a13;color:#fbbf24;border-radius:10px;padding:8px 10px;font-size:.8rem;margin:8px 0}.chan-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;max-height:170px;overflow-y:auto}.chan{background:var(--card2);border:1px solid var(--borde);border-radius:8px;padding:5px 9px;font-size:.78rem;display:flex;gap:6px}.chan-actual{border-color:var(--azul);color:var(--azul)}.chan-p{color:var(--sub)}.hint{color:var(--sub);font-size:.72rem;margin-top:10px}.spark{width:100%;height:28px;margin-top:6px;display:block}.spark-title{color:var(--sub);font-size:.72rem;margin-top:8px}.ia-text{color:#c8d6e8;font-size:.86rem;line-height:1.5;white-space:pre-wrap;margin-top:10px}.events{list-style:none;max-height:230px;overflow:auto}.events li{display:flex;gap:10px;font-size:.8rem;padding:6px 0;border-bottom:1px solid #16223a}.events li span{color:var(--azul);white-space:nowrap}.switch{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem}.switch input{display:none}.slider{width:38px;height:20px;background:#24324f;border-radius:999px;position:relative;transition:.2s}.slider:after{content:"";position:absolute;width:16px;height:16px;background:#94a3b8;border-radius:50%;top:2px;left:2px;transition:.2s}.switch input:checked+.slider{background:#0e7490}.switch input:checked+.slider:after{transform:translate(18px);background:#67e8f9}.switch em{font-style:normal;color:var(--sub)}footer{text-align:center;color:var(--sub);font-size:.75rem;margin-top:18px}@keyframes subir{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}header h1{background:linear-gradient(90deg,#38bdf8,#818cf8,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.dot-on{box-shadow:0 0 10px var(--verde)}.stat{box-shadow:inset 0 1px #ffffff0a}.login-card h1{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}.banner-off{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-size:.85rem;background:linear-gradient(135deg,#f59e0b33,#ef44442e);border:1px solid rgba(251,191,36,.45);color:#fbbf24;box-shadow:0 8px 20px #00000059;animation:subir .3s ease both}@media(max-width:700px){.wrap{padding:12px 8px 30px}header h1{font-size:1.25rem}}