:root{color-scheme:dark;--bg:#0a0f17;--side:#111a25;--card:#16212e;--soft:#1b2838;--line:#2a3949;--muted:#a0b1c4;--text:#edf6fd;--cyan:#20d6d0;--gold:#e9b879;--green:#45d3a0;--red:#ff797e}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:850;letter-spacing:.015em}.brand small{display:block;margin-top:2px;font-size:9px;color:#9ebac8;font-weight:650;letter-spacing:.15em}.brand.large{font-size:24px}.mark{display:grid;place-items:center;height:41px;width:44px;border:1px solid #59cbc2;border-radius:12px;background:linear-gradient(135deg,#193c4b,#154c53);font-size:19px;color:#f3fdff;box-shadow:0 0 24px #1addcc24}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;min-width:246px;width:246px;height:100vh;background:#0f1721;border-right:1px solid #213042;padding:28px 16px 20px;display:flex;flex-direction:column;gap:6px}.sidebar .brand{margin:3px 10px 34px}.menu-label{font-size:10px;font-weight:800;letter-spacing:.17em;color:#7c8f9e;margin:14px 13px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav button,.side-link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 12px;border:1px solid transparent;color:#a7b6c7;background:transparent;border-radius:10px;font-size:13px;text-decoration:none;transition:.15s}.sidebar nav button span{font-size:20px;line-height:1;color:#6c8da1}.sidebar nav button:hover,.side-link:hover{color:#fff;background:#1b2a38}.sidebar nav button.selected{color:#64e5dc;border-color:#234c56;background:#152b35;font-weight:760}.sidebar nav button.selected span{color:var(--cyan)}.side-bottom{margin:auto 10px 0;border-top:1px solid #26313b;padding-top:22px;font-size:11px;color:#adbecc}.side-bottom small{display:block;color:#7d91a2;margin-top:8px}.light-dot{display:inline-block;background:var(--gold);height:7px;width:7px;border-radius:99px;margin-right:6px}.main{flex:1;min-width:0;padding:26px clamp(18px,3vw,48px) 18px;background:radial-gradient(ellipse at 70% -12%,#11344330,transparent 42%),#0a1019}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding-bottom:22px;border-bottom:1px solid #223141}.crumb{font-size:11px;color:#8ba2b4;margin-bottom:7px;letter-spacing:.11em;text-transform:uppercase}.crumb span{color:var(--cyan)}h1{margin:0;font-size:27px;letter-spacing:-.045em}h2{font-size:20px;letter-spacing:-.025em;margin:0}p{line-height:1.6}.right-tools{display:flex;align-items:center;gap:16px}.chip{border:1px solid #375568;border-radius:100px;color:#7ddfda;padding:8px 12px;font-size:11px;font-weight:780}.operator{font-size:12px;color:#c1d1dc}.outline,.primary{border-radius:9px;padding:11px 16px;border:1px solid #39576b;background:#182536;color:#edfaff;font-size:12px;font-weight:750}.outline:hover{background:#263d50}.primary{border:0;background:linear-gradient(110deg,#1fd4cc,#50e6bf);color:#06212a;box-shadow:0 7px 24px #10c4b51e}.primary:hover{filter:brightness(1.12)}.small{padding:9px 12px}.notice{margin-top:22px;color:#c6b8a1;background:#302616;border:1px solid #77532a;border-radius:10px;padding:13px 18px;font-size:12px}.page{padding:27px 0 32px;min-height:68vh}.subheading{font-size:13px;color:#91a7b9;margin:5px 0 23px}.grid{display:grid;gap:17px}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:linear-gradient(160deg,#172432,#131e2b);border:1px solid #2b3a4a;border-radius:16px;padding:21px;box-shadow:0 8px 24px #0001}.kpi-label{font-size:12px;color:#a5b5c5}.kpi{font-size:34px;font-weight:850;margin:12px 0 2px;letter-spacing:-.06em}.kpi-foot{font-size:11px;color:#71d7cc}.section-title{margin:30px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.section-title h2{font-size:18px}.table-wrap{overflow:auto;border:1px solid #304152;border-radius:13px;background:#141f2b}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#94aab9;background:#1c2a38;font-weight:700;font-size:11px;letter-spacing:.02em}td{color:#e3ecf2;font-size:12px}th,td{padding:14px 16px;border-bottom:1px solid #2b3b4b}tr:last-child td{border-bottom:0}tr:hover td{background:#172634}.tag{border:1px solid #496575;border-radius:99px;padding:4px 9px;font-size:10px;color:#accad7}.tag.ok{color:#7de9b6;border-color:#336657}.tag.pending{color:#f1c789;border-color:#846237}.actions{display:flex;gap:6px}.table-action{background:#1d3943;color:#a7efe7;border:1px solid #345c65;border-radius:8px;padding:6px 9px;font-size:11px}.table-action:hover{background:#26535d}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.channel{border:1px solid #30485a;background:#162330;padding:16px 13px;border-radius:13px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.logo-channel{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#0a6062;border:1px solid #2eaba5;color:#aafff6;font-weight:900;font-size:10px}.logo-channel.music{background:#37244f;border-color:#7453a8;color:#e5b9ff}.pair{display:grid;grid-template-columns:1fr 1fr;gap:17px}.provider{padding:22px;border:1px solid #374353;border-radius:14px;background:#17222f}.provider b{display:block;margin-bottom:12px}.provider small{display:block;color:#9badba;margin:8px 0}.footer{border-top:1px solid #243342;padding:18px 0;font-size:11px;color:#7c93a4}.footer span{float:right}form label{display:block;font-size:12px;color:#c7d8df;margin:13px 0 5px}input,select{width:100%;margin-top:7px;border:1px solid #41556b;border-radius:8px;padding:12px 13px;color:#fff;background:#111c28;outline:none}input:focus,select:focus{border-color:#20d6d0;box-shadow:0 0 0 2px #20d6d024}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.04fr .96fr}.auth-card{max-width:560px;width:100%;margin:auto;padding:50px clamp(28px,5vw,76px)}.auth-badge{font-size:10px;color:#5ae5d9;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-top:78px}.auth-card h1{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin:14px 0 12px}.auth-card p{font-size:13px;color:#a5b7c5}.auth-card form{margin-top:28px}.auth-card .primary{width:100%;margin-top:24px;padding:15px;display:flex;justify-content:space-between}.tiny{font-size:10px;color:#6e8498;margin-top:22px}.auth-visual{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#0c5763,#102535 42%,#09121d 77%);display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-visual:before{content:"";position:absolute;inset:10%;border:1px solid #3e817354;border-radius:35px;transform:rotate(-8deg)}.badge-big{position:relative;font-size:clamp(95px,14vw,230px);font-weight:900;letter-spacing:-.12em;color:#f3fbfd;text-shadow:0 0 40px #15e2ce36;line-height:.8}.badge-big span{font-size:13px;display:block;text-align:center;letter-spacing:.5em;color:#58e8de;margin-top:28px}.visual-caption{position:relative;margin-top:78px;text-align:center;font-size:18px;color:#c2dde0}.visual-caption strong{color:#66ebde}.error{color:#ff959a;background:#51232a;border:1px solid #a84850;padding:10px;border-radius:8px;font-size:12px}.menu-toggle{display:none}dialog{width:min(490px,calc(100% - 32px));border:1px solid #456070;border-radius:15px;padding:0;background:#152231;color:#f4faff;box-shadow:0 40px 120px #000b}dialog::backdrop{background:#000a}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head .close{border:0;background:transparent;color:#9cbdc8;font-size:28px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}#modal-form{padding:25px}.toast{position:fixed;bottom:25px;right:25px;z-index:10;border:1px solid #4e9f86;background:#153a3b;border-radius:10px;padding:16px;max-width:410px;color:#d7fff6;font-size:13px;box-shadow:0 10px 40px #0008}.pin{font-size:30px;font-weight:900;letter-spacing:.2em;display:block;padding:15px 0;color:#4aead9}.row-note{font-size:11px;color:#91a3b5;margin-top:14px}.empty{padding:28px;color:#9aadbd;font-size:13px;text-align:center}@media(max-width:1150px){.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.sidebar{position:fixed;z-index:6;transform:translateX(-101%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px #0009}.menu-toggle{display:block;background:#1e3341;border:1px solid #39566c;color:#fff;border-radius:9px;padding:9px 12px}.toolbar{align-items:flex-start}.toolbar h1{font-size:20px}.operator,.chip{display:none}.main{padding:20px 15px}.grid.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pair{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.footer span{float:none;display:block;margin-top:8px}.auth-screen{grid-template-columns:1fr}.auth-visual{display:none}.auth-card{padding:40px 22px}.auth-badge{margin-top:62px}}@media(max-width:460px){.grid.stats{grid-template-columns:1fr 1fr;gap:8px}.card{padding:15px}.kpi{font-size:26px}.channel-grid{grid-template-columns:1fr}}
/* PASO 197 — visual premium blanco, gris y naranja; lógica y API conservadas */
:root{color-scheme:light;--bg:#f5f6f8;--side:#fff;--card:#fff;--soft:#fbfbfc;--line:#e3e7eb;--muted:#7b8996;--text:#223141;--cyan:#fa7d13;--gold:#fa8a1b;--green:#269866;--red:#ca484a}
body{background:#f6f7f9;color:#223141}
.sidebar{background:#fff;border-right:1px solid #e8ebef;box-shadow:3px 0 18px #192c3e06}
.brand{color:#202d3a}.brand small{color:#a1abb5}.mark{background:linear-gradient(130deg,#ffa32d,#f06c07);border:0;box-shadow:0 6px 20px #e77b2430;color:white}
.menu-label{color:#a2aeb7}.sidebar nav button,.side-link{color:#566574}.sidebar nav button span{color:#e78c39}.sidebar nav button:hover,.side-link:hover{color:#182b3b;background:#fff4ea}.sidebar nav button.selected{background:#fff1e6;border-color:#ffe0c4;color:#e9730a}.sidebar nav button.selected span{color:#f57d12}.side-bottom{border-color:#e5eaee;color:#8e9aa5}.side-bottom small{color:#a5b0b9}.light-dot{background:#fd8830}
.main{background:#f7f8fa}.toolbar{border-color:#e7ebef}.crumb{color:#9faab4}.crumb span{color:#ed7d19}.right-tools .operator{color:#526273}.chip{border-color:#ffdebf;color:#d3680c;background:#fff4e8}
.outline{background:white;border:1px solid #d6dce2;color:#394b58}.outline:hover{background:#faf3ed}.primary{background:linear-gradient(130deg,#fd861a,#ef6b06);color:white;box-shadow:0 8px 16px #f47c1f22}.primary:hover{filter:brightness(1.04)}.notice{color:#98602b;background:#fff3e5;border:1px solid #ffe1c1}.subheading{color:#7c8d9b}
.card{background:white;border:1px solid #e8edf1;box-shadow:0 7px 18px #19273508}.kpi-label{color:#7b8995}.kpi{color:#253341}.kpi-foot{color:#e77c18}.table-wrap{border-color:#e4e9ee;background:#fff;box-shadow:0 5px 13px #25354608}th{color:#778592;background:#f3f5f8}td{color:#354554}th,td{border-color:#eef0f3}tr:hover td{background:#fff7f0}.tag{color:#627785;border-color:#dce5e9;background:#f8f9fa}.tag.ok{color:#178d65;border-color:#cce8dd;background:#eaf9f2}.tag.pending{color:#b77525;border-color:#f0decb;background:#fff4e6}.table-action{background:#fff3e7;border-color:#ffd8b6;color:#d86f13}.table-action:hover{background:#ffe7d0}.channel{background:#fff;border-color:#e6ebef;color:#324351}.logo-channel{background:#fff0e0;border:1px solid #ffdfbb;color:#e6780d}.logo-channel.music{background:#f2ebfa;border-color:#e5d6f4;color:#8f64c0}.provider{background:#fff;border-color:#e1e7eb;color:#263847}.provider small{color:#818f9b}.footer{border-color:#e8edf0;color:#8896a3}
form label{color:#596c7d}input,select{color:#273b49;background:white;border:1px solid #d9e0e6}input:focus,select:focus{border-color:#ef801b;box-shadow:0 0 0 3px #f9902422}
.auth-screen{background:white}.auth-card{max-width:610px}.auth-badge{color:#ed7c14}.auth-card h1{color:#182631}.auth-card p{color:#75828d}.tiny{color:#96a3ac}.auth-visual{background:radial-gradient(ellipse at 50% 40%,#ffa351,#fd7f21 35%,#eb6410 93%)}.auth-visual:before{border-color:#ffffff55}.badge-big{color:white;text-shadow:0 0 30px #a23b1126}.badge-big span{color:#fff4da}.visual-caption{color:#ffecda}.visual-caption strong{color:white}
.error{color:#bb3c39;background:#fff0f0;border:1px solid #f3c5c1}dialog{background:#fff;color:#233545;border-color:#dce3e9;box-shadow:0 30px 90px #1d293959}dialog::backdrop{background:#182638aa}.modal-head .close{color:#687987}.toast{background:#fff7ec;border:1px solid #e9b578;color:#7b4c20;box-shadow:0 10px 35px #2836452b}.pin{color:#e67c17}.row-note{color:#8a99a4}.empty{color:#929eaa}
@media(max-width:780px){.sidebar.open{box-shadow:15px 0 35px #1c273440}.menu-toggle{background:#fff1e5;border:1px solid #efcfb5;color:#e57913}}