@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap');
:root{--bg:#050505;--bg2:#0a0a0a;--panel:rgba(15,15,15,.86);--glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.075);--line:rgba(214,167,47,.24);--line2:rgba(255,255,255,.09);--gold:#d6a72f;--gold2:#ffe184;--gold3:#9b6d12;--text:#f7f7f7;--muted:#9ca3af;--green:#22c55e;--red:#ef4444;--blue:#60a5fa}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter',Arial,Helvetica,sans-serif;background:#050505;color:var(--text);min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font-family:inherit}.gold-text{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gold-gradient,.btn{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#070707}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:0;border-radius:13px;font-weight:950;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-size:12px;transition:.25s;box-shadow:0 12px 30px rgba(214,167,47,.18)}.btn:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.08);box-shadow:0 18px 42px rgba(214,167,47,.32)}.btn.secondary{background:rgba(255,255,255,.06);color:#f4f4f5;border:1px solid rgba(255,255,255,.11);box-shadow:none}.btn.secondary:hover{background:rgba(214,167,47,.11);border-color:rgba(214,167,47,.34);color:#ffe184}.btn.danger{background:linear-gradient(135deg,#ff7171,#dc2626);color:#fff}.btn.ok{background:linear-gradient(135deg,#86efac,#22c55e);color:#031008}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:950;color:#e5e7eb}.pill.gold{background:rgba(214,167,47,.13);border-color:rgba(214,167,47,.35);color:#ffe184}.pill.commission,.commission{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.26);color:#86efac}.demo-badge{background:rgba(34,197,94,.16);color:#9ff0c5}.alert{padding:13px 16px;border-radius:16px;margin-bottom:16px;background:rgba(214,167,47,.11);border:1px solid rgba(214,167,47,.30);color:#fff;font-weight:700}.field-label,.input-label{display:block;text-align:left;color:#858b98;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:950;margin:10px 0 7px}.input,.select,textarea{width:100%;padding:13px 15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:14px;color:#fff;outline:none;margin:0 0 12px;transition:.2s}.input:focus,.select:focus,textarea:focus{border-color:var(--gold);background:rgba(214,167,47,.06);box-shadow:0 0 0 4px rgba(214,167,47,.12)}.select option{background:#111;color:#fff}
/* LOGIN - exact premium card style */
.login-body{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background:#050505;padding:22px}.login-body:before{content:"";position:fixed;inset:-5%;background:linear-gradient(rgba(0,0,0,.70),rgba(0,0,0,.82)),url('https://iili.io/B6RXYX9.png') center/cover no-repeat;animation:panBackground 22s infinite alternate ease-in-out;z-index:-2}.login-body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,rgba(214,167,47,.16),transparent 32%),radial-gradient(circle at 15% 80%,rgba(255,255,255,.07),transparent 28%);z-index:-1}@keyframes panBackground{from{transform:scale(1.06) translate(-2%,-2%)}to{transform:scale(1.01) translate(2%,2%)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 12px rgba(214,167,47,.22))}50%{filter:drop-shadow(0 0 28px rgba(214,167,47,.55))}}.login-card{width:min(92vw,380px);padding:28px;background:rgba(10,10,10,.86);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:30px;border:1px solid rgba(214,167,47,.22);box-shadow:0 30px 80px rgba(0,0,0,.92);text-align:center;animation:fadeInUp .65s ease-out}.login-logo{height:160px;width:auto;max-width:92%;object-fit:contain;margin:0 auto 10px;display:block;animation:logoGlow 4s infinite ease-in-out}.login-card h2{font-size:28px;font-weight:950;text-transform:uppercase;font-style:italic;letter-spacing:-.04em;margin-bottom:4px}.login-card h2+p,.login-subtitle{color:#737985;font-size:10px;font-weight:950;letter-spacing:.28em;text-transform:uppercase;margin-bottom:20px}
/* TV LOGIN - Netflix activation layout */
.tv-card{width:min(94vw,1000px);max-width:1000px;display:grid;grid-template-columns:1.1fr .9fr;padding:0;text-align:left;overflow:hidden;border-radius:40px;background:rgba(18,18,18,.95);border:1px solid rgba(214,167,47,.22);box-shadow:0 40px 110px rgba(0,0,0,1)}.tv-left,.tv-right{padding:42px}.tv-left{display:flex;flex-direction:column;justify-content:center}.tv-right{background:rgba(214,167,47,.035);border-left:1px solid rgba(214,167,47,.13);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.tv-card .login-logo{height:165px;width:auto;margin:0 0 16px}.tv-code{font-size:clamp(48px,6vw,74px);font-weight:950;letter-spacing:.28rem;background:linear-gradient(135deg,#ffe184,#d6a72f,#9b6d12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 12px 32px rgba(214,167,47,.2);margin:8px 0 10px;text-align:center}.tv-qr{width:185px;height:185px;background:#fff;border-radius:22px;padding:13px;margin:16px auto;box-shadow:0 0 36px rgba(214,167,47,.16)}.tv-steps{display:grid;gap:13px;margin-top:22px}.tv-step{display:flex;gap:13px;align-items:flex-start;color:#cfd1d8}.tv-step b{width:27px;height:27px;background:var(--gold);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:950}.tv-step span{font-size:13px;line-height:1.42}.code-mobile{text-transform:uppercase;text-align:center;font-size:34px;letter-spacing:8px;font-weight:950}
/* ADMIN / RESELLER PANEL */
body:not(.login-body):not(.netflix){background:radial-gradient(circle at 12% 5%,rgba(214,167,47,.09),transparent 26%),radial-gradient(circle at 95% 1%,rgba(255,255,255,.05),transparent 28%),#050505}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(10,10,10,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(214,167,47,.12);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:14px}.brand img{height:60px;width:auto;object-fit:contain}.brand b{font-size:19px;font-weight:950;letter-spacing:-.03em}.wallet-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.layout{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:270px;flex-shrink:0;background:rgba(15,15,15,.95);backdrop-filter:blur(16px);border-right:1px solid rgba(214,167,47,.20);padding:18px 0;display:flex;flex-direction:column;gap:12px}.side-profile{margin:0 16px 8px;padding:18px;border-radius:26px;border:1px solid rgba(214,167,47,.22);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 24px 60px rgba(0,0,0,.28);position:relative;overflow:hidden}.side-profile:after{content:"";position:absolute;right:-48px;top:-48px;width:145px;height:145px;border-radius:50%;background:rgba(214,167,47,.075)}.side-profile .avatar{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--gold2),var(--gold));display:flex;align-items:center;justify-content:center;color:#050505;font-weight:950;margin-bottom:12px;box-shadow:0 12px 25px rgba(214,167,47,.15)}.side-profile h3{font-size:16px;position:relative;z-index:1}.side-profile p{font-size:12px;color:var(--muted);margin-top:3px;position:relative;z-index:1}.side-wallet{display:grid;gap:8px;margin-top:12px;position:relative;z-index:1}.side-wallet .mini{padding:10px 11px;border-radius:15px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08);font-size:11px;color:#bfc2cc;text-transform:uppercase;letter-spacing:.04em;font-weight:800}.side-wallet b{display:block;color:#ffe184;font-size:15px;margin-top:2px;text-transform:none;letter-spacing:0}.sidebar nav{padding:0 8px}.side-link{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:0 16px 16px 0;color:#b9bec9;margin:2px 8px 4px 0;border-left:3px solid transparent;font-weight:800;font-size:14px;transition:.22s}.side-link:before{content:"";width:8px;height:8px;border-radius:50%;background:rgba(214,167,47,.55);box-shadow:0 0 0 4px rgba(214,167,47,.07)}.side-link:hover,.side-link.active{background:rgba(214,167,47,.105);border-left-color:var(--gold);color:#ffe184;transform:translateX(3px)}.content{flex:1;padding:30px;overflow:auto}.content h1{font-size:clamp(30px,3.4vw,48px);font-weight:950;font-style:italic;letter-spacing:-.055em;margin-bottom:24px}.content h2{font-size:20px;font-weight:950;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card,.table-wrap{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);border-radius:28px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.card{transition:.25s;position:relative;overflow:hidden}.card:after{content:"";position:absolute;right:-36px;top:-36px;width:110px;height:110px;border-radius:50%;background:rgba(214,167,47,.045)}.card:hover{transform:translateY(-5px);border-color:rgba(214,167,47,.32)}.stat{color:#8d94a3;text-transform:uppercase;letter-spacing:.075em;font-weight:950;font-size:12px}.stat b{display:block;font-size:clamp(26px,3vw,40px);color:#fff;margin-top:10px;letter-spacing:-.05em;text-transform:none}.card:first-child .stat b,.card:nth-child(2) .stat b{background:linear-gradient(135deg,#ffe184,#d6a72f,#9b6d12);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-wrap{overflow:auto;margin-top:20px}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.065);text-align:left}th{color:#ffe184;font-size:11px;text-transform:uppercase;letter-spacing:.10em;font-weight:950}td{color:#e8e9ee;font-size:14px}tr:hover td{background:rgba(255,255,255,.026)}.actions{display:flex;gap:8px;flex-wrap:wrap}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:1000;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(12px)}.modal.show{display:flex}.modal-box{width:min(96%,800px);max-height:88vh;overflow:auto;background:rgba(12,12,14,.96);border:1px solid rgba(214,167,47,.26);border-radius:28px;padding:24px;box-shadow:0 34px 110px rgba(0,0,0,.92);position:relative}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.modal-head h2{margin:0;font-size:24px;font-style:italic}.modal-close{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;font-size:24px;cursor:pointer}.modal-close:hover{background:rgba(214,167,47,.18);border-color:rgba(214,167,47,.36)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tab-btn{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:#ddd;font-weight:950;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.tab-btn.active{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808}.tab-panel{display:none}.tab-panel.active{display:block}.dataTables_wrapper{color:#ddd}.dataTables_filter input,.dataTables_length select{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:10px!important;padding:8px!important}.dataTables_info,.dataTables_paginate{color:#ccc!important}.paginate_button{color:#fff!important;border-radius:10px!important}.paginate_button.current{background:rgba(214,167,47,.18)!important;border-color:rgba(214,167,47,.3)!important}
/* CLIENT NETFLIX CHANNELS */
.netflix{background:#050505;color:#fff;overflow-x:hidden}.client-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:#0a0a0a;border-bottom:1px solid rgba(214,167,47,.30);position:sticky;top:0;z-index:60}.client-header img{height:58px;width:auto;object-fit:contain}.client-header nav{display:flex;align-items:center;gap:10px}.timebar{background:linear-gradient(90deg,#9b6d12,#d6a72f,#ffe184);color:#050505;text-align:center;font-weight:950;padding:11px;letter-spacing:.03em;position:sticky;top:80px;z-index:55}.hero{height:70vh;min-height:500px;display:flex;align-items:center;padding:0 48px;background:linear-gradient(rgba(0,0,0,.08),rgba(0,0,0,.42)),var(--hero) center/cover no-repeat;position:relative}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#050505 0%,rgba(5,5,5,.56) 52%,rgba(5,5,5,0) 100%)}.hero-content{max-width:760px;position:relative;z-index:2}.hero h1{font-size:clamp(48px,7vw,86px);font-weight:950;font-style:italic;text-transform:uppercase;letter-spacing:-.075em;line-height:.92;text-shadow:0 20px 55px #000;margin:16px 0}.hero p{font-size:18px;color:#d8dbe2;max-width:560px;line-height:1.55}.channel-row{position:relative;z-index:4;padding:26px 48px 70px;margin-top:-40px}.channel-row h2{font-size:22px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:14px;margin:12px 0 24px}.channel-row h2:before{content:"";width:8px;height:30px;background:var(--gold);border-radius:99px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:30px}.channel-card{aspect-ratio:16/9;border-radius:13px;background:#141414 center/cover no-repeat;position:relative;overflow:hidden;cursor:pointer;transition:.3s;box-shadow:0 12px 28px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.07)}.channel-card:hover{transform:scale(1.055);z-index:5;border-color:rgba(214,167,47,.55);box-shadow:0 20px 60px rgba(0,0,0,.78)}.channel-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 28%,rgba(0,0,0,.88))}.channel-card:before{content:"▶";position:absolute;inset:auto 16px 16px auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#d6a72f;color:#050505;font-weight:950;z-index:3;opacity:0;transform:scale(.82);transition:.25s}.channel-card:hover:before{opacity:1;transform:scale(1)}.channel-card span{position:absolute;left:16px;right:64px;bottom:14px;z-index:2;font-weight:950;text-transform:uppercase;letter-spacing:-.02em}.channel-card small{display:block;color:#c3c6d0;font-size:10px;margin-top:5px;letter-spacing:.10em}.player{display:none;position:fixed;inset:0;background:#000;z-index:9999}.player iframe,.player video{width:100%;height:100%;border:0}.player-tools{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:3;opacity:0;transition:.25s;pointer-events:none}.player:hover .player-tools{opacity:1;pointer-events:auto}.source-buttons{display:flex;gap:8px;margin-left:auto}.viewer-frame{width:100%;height:100%;border:0}.modal-player{height:70vh;background:#000;border-radius:16px;overflow:hidden}.admin-channel-preview{width:100%;height:100%;border:0}.event-banner-note{font-size:12px;color:var(--muted);margin-top:-8px;margin-bottom:8px}.expiry-warning,.system-notice{display:none;position:fixed;inset:0;z-index:12000;align-items:center;justify-content:center;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);padding:20px}.expiry-card,.system-notice-card{width:min(92%,520px);text-align:center;background:rgba(10,12,18,.94);border:1px solid rgba(214,167,47,.45);border-radius:26px;padding:32px;box-shadow:0 30px 90px #000}.expiry-card img,.system-notice-card img{width:240px;max-width:80%;margin-bottom:12px}.expiry-card h2,.system-notice-card h2{font-size:30px;margin-bottom:12px;color:#ffd96b}.expiry-counter{font-size:76px;font-weight:950;color:#fff;letter-spacing:3px;text-shadow:0 16px 40px #000;margin:8px 0}.expiry-card p,.system-notice-card p{font-size:18px;line-height:1.5;color:#e8e8e8}.system-toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:6000;background:rgba(34,197,94,.96);color:#07100a;font-weight:950;padding:14px 22px;border-radius:999px;box-shadow:0 16px 50px rgba(0,0,0,.45)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#d6a72f;border-radius:10px}@media(max-width:1000px){.layout{display:block}.sidebar{width:100%;display:flex;overflow:auto;flex-direction:row;padding:12px}.side-profile{min-width:240px}.side-link{white-space:nowrap;border-radius:16px;margin:0 4px}.grid{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.tv-card{grid-template-columns:1fr}.tv-right{border-left:0;border-top:1px solid rgba(214,167,47,.13)}.tv-left,.tv-right{padding:32px}}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.topbar{padding:0 14px}.brand img{height:48px}.grid{grid-template-columns:1fr}.client-header{padding:0 18px}.client-header img{height:48px}.client-header nav{gap:6px;overflow:auto}.hero{height:58vh;min-height:390px;padding:0 22px}.channel-row{padding:24px 20px 50px}.cards{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.login-logo{height:135px}.login-card{padding:24px}.tv-card .login-logo{height:140px}.tv-code{letter-spacing:5px}.tv-qr{width:150px;height:150px}.expiry-counter{font-size:54px}}


/* Ajustes solicitados: header más elegante, logo protagonista y ganancias destacadas */
.topbar{height:78px;padding:0 24px;}
.brand img{height:72px;max-width:210px;}
.brand b{display:none!important;}
.topbar .btn{padding:8px 12px;border-radius:11px;font-size:10px;box-shadow:none;}
.topbar .pill{padding:6px 10px;font-size:10px;}
.wallet-row{gap:8px;}
.profit-card{background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(10,10,10,.78))!important;border-color:rgba(34,197,94,.45)!important;box-shadow:0 24px 70px rgba(34,197,94,.12)!important;}
.profit-card:after{background:rgba(34,197,94,.12)!important;}
.profit-card .stat b,.profit-card b{background:linear-gradient(135deg,#dcfce7,#22c55e,#15803d)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
@media(max-width:700px){.brand img{height:58px}.topbar{height:auto;min-height:72px}.wallet-row .pill{display:none}}

/* Ajustes finales header: botones compactos, perfil como icono y salir rojo */
.profile-icon{width:36px;height:36px;border-radius:13px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));display:inline-flex;align-items:center;justify-content:center;color:#060606!important;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(214,167,47,.18);border:1px solid rgba(255,225,132,.38);transition:.22s;text-transform:uppercase;letter-spacing:.02em}
.profile-icon:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.08)}
.logout-btn,.btn.danger.logout-btn{background:linear-gradient(135deg,#ff6b6b,#dc2626,#991b1b)!important;color:#fff!important;border:1px solid rgba(255,107,107,.35)!important;box-shadow:0 10px 24px rgba(220,38,38,.16)!important}
.logout-btn:hover{filter:brightness(1.1);box-shadow:0 14px 32px rgba(220,38,38,.28)!important}
.client-header .btn,.client-header .header-btn,.client-header .logout-btn{padding:7px 11px!important;border-radius:10px!important;font-size:10px!important;min-height:34px;box-shadow:none!important}
.client-header .profile-icon{width:34px;height:34px;border-radius:12px;font-size:11px}
.client-header nav{gap:8px}
@media(max-width:700px){.client-header .btn,.client-header .header-btn,.client-header .logout-btn{padding:6px 9px!important;font-size:9px!important}.client-header .profile-icon{width:32px;height:32px}.profile-icon{width:34px;height:34px}}

/* Ajustes: perfil siempre al final, sidebar móvil tipo drawer y fondo borroso */
.menu-toggle{display:none;width:38px;height:38px;border-radius:12px;border:1px solid rgba(214,167,47,.28);background:rgba(255,255,255,.06);color:#ffe184;font-size:20px;font-weight:950;align-items:center;justify-content:center;cursor:pointer;margin-right:10px}
.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.50);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:80;opacity:0;transition:.25s}
body.sidebar-open .sidebar-backdrop{display:block;opacity:1}
.wallet-row .profile-icon{order:99}
.client-header nav .profile-icon{order:99;margin-left:2px}
@media(max-width:1000px){
  .menu-toggle{display:inline-flex}
  .layout{display:block;min-height:calc(100vh - 72px)}
  .sidebar{position:fixed;top:0;left:0;height:100vh;width:min(86vw,310px);z-index:90;display:flex!important;flex-direction:column;overflow-y:auto;padding:18px 0;transform:translateX(-108%);transition:transform .28s ease;border-right:1px solid rgba(214,167,47,.32);box-shadow:28px 0 80px rgba(0,0,0,.65)}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .side-profile{min-width:0;margin:0 16px 12px}
  .sidebar nav{display:flex;flex-direction:column;gap:4px;padding-bottom:20px}
  .side-link{white-space:normal;margin:2px 12px;border-radius:16px;border-left:3px solid transparent}
  .content{padding:22px}
  .topbar{gap:8px}
  .wallet-row{margin-left:auto;justify-content:flex-end}
}
@media(max-width:700px){
  .client-header nav{gap:6px;display:flex;align-items:center;justify-content:flex-end;flex:1;overflow:visible}
  .client-header .profile-icon{order:99;flex:0 0 auto}
  .client-header .logout-btn{flex:0 0 auto}
}

/* Fix hamburguesa: a la derecha del icono de perfil y sidebar tipo drawer en móviles */
.wallet-row .profile-icon,.client-header nav .profile-icon{order:98!important}
.wallet-row .menu-toggle,.client-header nav .menu-toggle{order:99!important;margin-left:4px;margin-right:0}
.netflix .menu-toggle{display:none!important}
@media(max-width:1000px){
  .wallet-row .menu-toggle{display:inline-flex!important}
  body.sidebar-open{overflow:hidden}
  body.sidebar-open .sidebar-backdrop{display:block!important;opacity:1!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important}
}

/* Actualizacion visual: acciones compactas, selector de creditos y tabla de demos */
.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.icon-btn{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border-radius:11px!important;font-size:15px!important;line-height:1!important}.segmented-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.segmented-actions label{cursor:pointer}.segmented-actions input{display:none}.segmented-actions span{display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#e5e7eb;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.05em;transition:.22s}.segmented-actions input:checked+span{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#070707;border-color:rgba(255,225,132,.45);box-shadow:0 12px 28px rgba(214,167,47,.20)}

/* Ajustes finales solicitados */
.modal-user-summary{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;background:linear-gradient(135deg,rgba(214,167,47,.13),rgba(255,255,255,.045));border:1px solid rgba(214,167,47,.30);margin-bottom:16px}
.modal-user-summary .summary-icon{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));display:flex;align-items:center;justify-content:center;color:#080808;font-size:20px;box-shadow:0 14px 32px rgba(214,167,47,.18)}
.modal-user-summary small{display:block;color:#969daa;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:950;margin-bottom:3px}.modal-user-summary b{font-size:17px;color:#fff}.modal-user-summary .balance{margin-left:auto;text-align:right}.modal-user-summary .balance b{font-size:20px;background:linear-gradient(135deg,#dcfce7,#22c55e,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.inline-modal-error{display:none;margin:0 0 14px;padding:13px 16px;border-radius:15px;background:rgba(239,68,68,.13);border:1px solid rgba(239,68,68,.35);color:#fecaca;font-weight:850}.inline-modal-error.show{display:block}
.segmented-actions span i{margin-right:8px}.profile-hero{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;padding:28px;border-radius:30px;background:linear-gradient(135deg,rgba(214,167,47,.16),rgba(255,255,255,.045));border:1px solid rgba(214,167,47,.26);box-shadow:0 30px 80px rgba(0,0,0,.26);margin-bottom:22px}.profile-hero .profile-avatar{width:88px;height:88px;border-radius:28px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));display:flex;align-items:center;justify-content:center;color:#070707;font-size:36px;font-weight:950}.profile-hero h2{font-size:32px;margin:0 0 5px;color:#fff}.profile-hero p{color:#adb3bf;font-weight:700}.profile-plan{background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(255,255,255,.035))!important;border-color:rgba(34,197,94,.30)!important}.profile-admin{background:linear-gradient(135deg,rgba(96,165,250,.14),rgba(214,167,47,.07))!important;border-color:rgba(96,165,250,.30)!important}


/* Correccion final: iconos Font Awesome y acciones alineadas en tablas */
td.actions{display:table-cell!important;vertical-align:middle!important;white-space:nowrap!important;padding-top:14px!important;padding-bottom:14px!important}
td.actions .btn.icon-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 5px 0 0!important;vertical-align:middle!important}
td.actions .btn.icon-btn:last-child{margin-right:0!important}
td.actions i{font-size:14px;line-height:1}
th:last-child,td.actions{text-align:center!important}
/* Limpieza y orden de canales */
.tab{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:#ddd;font-weight:950;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.tab.active{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808}
.tab-pane{display:none}.tab-pane.show{display:block}
.select-all{accent-color:var(--gold)}


/* Ajustes finales solicitados: orden por arrastre, limpieza elegante y header simetrico */
.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.page-head p{color:#9ca3af;font-weight:650;margin-top:6px}.drag-cell{width:46px;text-align:center;color:#d6a72f;cursor:grab}.drag-cell:active{cursor:grabbing}#channelRows tr{transition:background .18s, transform .18s}#channelRows tr.dragging{opacity:.55;background:rgba(214,167,47,.14);outline:1px dashed rgba(214,167,47,.55)}.no-order-table th:first-child,.no-order-table td:first-child{width:46px}.cleanup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 24px}.cleanup-card{position:relative;overflow:hidden;border-radius:28px;padding:22px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 80px rgba(0,0,0,.28);display:flex;flex-direction:column;gap:12px;min-height:245px}.cleanup-card:after{content:"";position:absolute;right:-45px;top:-45px;width:150px;height:150px;border-radius:999px;background:rgba(214,167,47,.08)}.cleanup-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aab0bc;font-weight:950}.cleanup-card b{font-size:42px;color:#fff;line-height:1}.cleanup-card label{font-size:10px;color:#8f96a3;text-transform:uppercase;letter-spacing:.10em;font-weight:950;margin-top:auto}.cleanup-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808;font-size:22px;box-shadow:0 18px 45px rgba(214,167,47,.18)}.cleanup-clients{border-color:rgba(214,167,47,.24)}.cleanup-demos{border-color:rgba(96,165,250,.24)}.cleanup-demos .cleanup-icon{background:linear-gradient(135deg,#dbeafe,#60a5fa,#1d4ed8);color:#08111f}.cleanup-movements{border-color:rgba(34,197,94,.24)}.cleanup-movements .cleanup-icon{background:linear-gradient(135deg,#dcfce7,#22c55e,#15803d);color:#03130a}.cleanup-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.cleanup-tabs .tab{display:inline-flex;align-items:center;gap:8px}.profile-icon{height:38px!important;min-width:42px!important;width:auto!important;padding:0 12px!important;border-radius:13px!important}.wallet-row{align-items:center}.topbar .wallet-row .profile-icon{font-size:11px!important}.client-header nav .profile-icon{height:36px!important;min-width:40px!important;width:auto!important;padding:0 11px!important}@media(max-width:1000px){.cleanup-grid{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.topbar{flex-wrap:nowrap}.wallet-row{gap:7px}.profile-icon{min-width:40px!important;padding:0 10px!important}}

/* Limpieza PRO: tabs, una tabla activa y modales consistentes */
.clean-pane{margin-top:16px}.clean-hero{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin:0 0 18px;padding:24px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.078),rgba(255,255,255,.026));border:1px solid rgba(255,255,255,.11);box-shadow:0 28px 80px rgba(0,0,0,.28);position:relative;overflow:hidden}.clean-hero:after{content:"";position:absolute;right:-55px;top:-55px;width:170px;height:170px;border-radius:999px;background:rgba(214,167,47,.09);pointer-events:none}.clean-hero-icon{width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808;font-size:23px;box-shadow:0 18px 45px rgba(214,167,47,.20);position:relative;z-index:1}.clean-hero span{display:block;color:#9ca3af;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:950;margin-bottom:5px}.clean-hero h2{font-size:30px;line-height:1.05;margin:0 0 6px;color:#fff}.clean-hero p{color:#aeb4c0;font-weight:650;max-width:620px}.clean-hero .btn{justify-self:end;position:relative;z-index:1}.clean-demos .clean-hero-icon{background:linear-gradient(135deg,#dbeafe,#60a5fa,#1d4ed8);color:#08111f}.clean-demos:after{background:rgba(96,165,250,.09)}.clean-movements .clean-hero-icon{background:linear-gradient(135deg,#dcfce7,#22c55e,#15803d);color:#03130a}.clean-movements:after{background:rgba(34,197,94,.09)}.selected-clean-btn{margin:0 0 14px}.clean-modal-box{max-width:520px}.clean-modal-body{padding:4px 0 18px}.clean-modal-body p{color:#d1d5db;line-height:1.55;font-weight:700;margin:12px 0 6px}.danger-icon{background:linear-gradient(135deg,#ff9b9b,#ef4444,#991b1b)!important;color:#fff!important}.modal-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:8px}.cleanup-tabs{padding:8px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);display:inline-flex!important}.cleanup-tabs .tab{border-radius:999px}@media(max-width:850px){.clean-hero{grid-template-columns:1fr;text-align:left}.clean-hero .btn{justify-self:start}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}.cleanup-tabs{width:100%;border-radius:22px;display:grid!important;grid-template-columns:1fr}.cleanup-tabs .tab{width:100%;justify-content:center}}


/* Ajustes solicitados: avisos y hero menos oscuro */
.system-toast,.alert,.msg,.notice-alert{animation:autoHideToast 3s ease forwards!important;}
.hero:after{background:linear-gradient(to top,#050505 0%,rgba(5,5,5,.34) 46%,rgba(5,5,5,0) 100%)!important;}
/* Ajuste final: sin Top 5 y hover tipo Netflix en canales */
.channel-row{margin-top:-24px!important;}
.channel-card{
  background-size:cover!important;
  background-position:center!important;
  transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, filter .32s ease!important;
}
.channel-card:hover{
  transform:scale(1.065)!important;
  filter:brightness(1.08)!important;
  z-index:8!important;
}
.channel-card:hover:after{
  background:linear-gradient(transparent 22%, rgba(0,0,0,.90))!important;
}

/* Limpieza final: sin top 5, efecto zoom real sobre la portada */
.channel-row{margin-top:-24px!important;}
.channel-card{background-image:none!important;overflow:hidden!important;position:relative!important;}
.channel-card .channel-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .45s cubic-bezier(.2,.8,.2,1), filter .45s ease;z-index:0;}
.channel-card span{position:absolute;z-index:3;}
.channel-card:hover{transform:translateY(-4px) scale(1.025)!important;filter:none!important;border-color:rgba(214,167,47,.65)!important;box-shadow:0 24px 70px rgba(0,0,0,.82),0 0 32px rgba(214,167,47,.12)!important;}
.channel-card:hover .channel-bg{transform:scale(1.12);filter:brightness(1.08) contrast(1.05);}
.channel-card:hover:after{background:linear-gradient(transparent 22%, rgba(0,0,0,.90))!important;}

/* Ajustes finales solicitados sin cambiar funciones */
.order-save-indicator{display:none!important;align-items:center;gap:8px;margin-top:12px;padding:10px 14px;border-radius:999px;background:rgba(34,197,94,.13);border:1px solid rgba(34,197,94,.32);color:#86efac;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;width:max-content;max-width:100%;}
.order-save-indicator.show{display:inline-flex!important;}
.alert.is-hiding,.system-toast.is-hiding,.inline-modal-success.is-hiding{opacity:0!important;transform:translateY(-10px)!important;transition:opacity .35s ease,transform .35s ease!important;}
.dataTables_wrapper table.dataTable thead th,
.table-wrap table thead th{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3))!important;color:#070707!important;border-bottom:0!important;font-weight:950!important;text-transform:uppercase!important;font-size:11px!important;letter-spacing:.06em!important;}
.table-wrap table thead th:first-child{border-top-left-radius:12px;}
.table-wrap table thead th:last-child{border-top-right-radius:12px;}
.cleanup-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;}
.cleanup-count-card{position:relative;overflow:hidden;padding:16px 14px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.030));border:1px solid rgba(255,255,255,.11);box-shadow:0 18px 45px rgba(0,0,0,.24);}
.cleanup-count-card:after{content:"";position:absolute;right:-24px;top:-24px;width:76px;height:76px;border-radius:999px;background:rgba(214,167,47,.08);}
.cleanup-count-card small{display:block;color:#a9afbc;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:950;margin-bottom:6px;}
.cleanup-count-card b{display:block;color:#fff;font-size:30px;line-height:1;font-weight:950;letter-spacing:-.04em;}
.cleanup-count-card.danger{border-color:rgba(239,68,68,.28);background:linear-gradient(135deg,rgba(239,68,68,.13),rgba(255,255,255,.025));}
.cleanup-count-card.danger:after{background:rgba(239,68,68,.12);}
.cleanup-count-card.ok{border-color:rgba(34,197,94,.28);background:linear-gradient(135deg,rgba(34,197,94,.13),rgba(255,255,255,.025));}
.cleanup-count-card.ok:after{background:rgba(34,197,94,.12);}
.channel-source-section{grid-column:1/-1;margin-top:8px;padding-top:20px;border-top:1px solid rgba(214,167,47,.26);}
.channel-source-title{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#ffe184;font-size:13px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.channel-source-title:before{content:"";width:8px;height:24px;border-radius:99px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));}
.src-row{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);margin-bottom:12px;}
.user-stat-icon{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;box-shadow:0 16px 42px rgba(214,167,47,.16);}
.user-stat-card{min-height:150px;display:flex;flex-direction:column;justify-content:center;}
.filter-actions{display:flex;align-items:end;gap:10px;padding-bottom:12px;}
@media(max-width:750px){.cleanup-counts{grid-template-columns:1fr}.filter-actions{align-items:stretch;flex-direction:column;padding-bottom:0}.filter-actions .btn{width:100%}}
.alert[data-no-auto-hide="1"]{animation:none!important;opacity:1!important;transform:none!important;}
@keyframes autoHideToast{0%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-10px)}}


/* Ajustes solicitados v-final: tablas, tarjetas, headers y modales */
.dataTables_wrapper table.dataTable thead th,
.table-wrap table thead th{
  background:#d6a72f!important;
  color:#080808!important;
  border-bottom:0!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter{
  margin:0 0 18px!important;
}
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate{
  margin-top:16px!important;
}
.content h1{
  position:relative;
  padding-bottom:14px;
  margin-bottom:26px!important;
}
.content h1:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:86px;
  height:4px;
  border-radius:999px;
  background:#d6a72f;
  box-shadow:0 0 24px rgba(214,167,47,.28);
}
.card.stat{
  min-height:118px;
  padding-left:92px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  position:relative;
}
.card.stat:before{
  content:"\f201";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));
  color:#080808;
  font-size:21px;
  box-shadow:0 16px 42px rgba(214,167,47,.16);
  z-index:2;
}
.card.stat.profit-card:before{content:"\f0d6";background:linear-gradient(135deg,#dcfce7,#22c55e,#15803d);color:#03130a;}
.card.stat.profile-admin:before{content:"\f521";}
.card.stat.profile-plan:before{content:"\f3ff";}
.card.stat b{margin-top:8px!important;}
.user-stat-icon{
  position:absolute!important;
  left:22px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  margin-bottom:0!important;
  z-index:3!important;
}
.user-stat-card{padding-left:92px!important;min-height:118px!important;}
.user-stat-card:before{display:none!important;}
.profile-grid-admin,.profile-grid-client{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.profile-grid-reseller{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
@media(max-width:1000px){.profile-grid-admin,.profile-grid-client,.profile-grid-reseller{grid-template-columns:1fr!important;}}
.clean-modal-box .modal-danger-title{
  color:#ff6b6b!important;
  font-size:26px!important;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:-.03em;
}
.clean-modal-body .danger-icon{display:none!important;}
.searchable-select-wrap{display:grid;gap:8px;}
.searchable-select-input{width:100%;padding:10px 12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:12px;color:#fff;outline:none;}
.confirm-preview{
  margin:14px 0;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(214,167,47,.14),rgba(255,255,255,.035));
  border:1px solid rgba(214,167,47,.30);
  color:#fff;
  font-weight:800;
}
.confirm-preview small{display:block;color:#aeb4c0;text-transform:uppercase;letter-spacing:.10em;font-size:10px;font-weight:950;margin-bottom:5px;}
.confirm-preview b{color:#ffe184;font-size:20px;}


/* Actualizacion final solicitada: iconos variados, Select2 y limite de dispositivos */
.card.stat:before{content:"\f201";}
.grid>.card.stat:nth-child(1):before{content:"\f26c";}
.grid>.card.stat:nth-child(2):before{content:"\f0c0";}
.grid>.card.stat:nth-child(3):before{content:"\f0e7";}
.grid>.card.stat:nth-child(4):before{content:"\f508";}
.grid>.card.stat:nth-child(5):before{content:"\f155";}
.grid>.card.stat:nth-child(6):before{content:"\f3d1";}
.grid>.card.stat:nth-child(7):before{content:"\f017";}
.grid>.card.stat:nth-child(8):before{content:"\f058";}
.profit-card:before{content:"\f201"!important;background:linear-gradient(135deg,#86efac,#22c55e,#15803d)!important;color:#031008!important;}
.profile-plan:before{content:"\f5a0"!important;}
.profile-admin:before{content:"\f505"!important;}
.user-stat-card:before{display:none!important;}
.user-stat-card{padding-left:92px!important;}
.user-stat-card .user-stat-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);margin:0!important;}
.user-stat-card:nth-child(1) .user-stat-icon{background:linear-gradient(135deg,#dbeafe,#60a5fa,#1d4ed8)!important;color:#03152f!important;}
.user-stat-card:nth-child(2) .user-stat-icon{background:linear-gradient(135deg,#fef3c7,#f59e0b,#92400e)!important;color:#160b01!important;}
.user-stat-card:nth-child(3) .user-stat-icon{background:linear-gradient(135deg,#dcfce7,#22c55e,#166534)!important;color:#031008!important;}
.device-limit-modal{display:flex!important;align-items:center;justify-content:center;padding:20px;}
.device-limit-modal .modal-card{width:min(94vw,760px);}
.modal-help{color:#c9ced8;line-height:1.6;margin:6px 0 18px;}
.device-list{display:grid;gap:12px;margin-top:14px;max-height:360px;overflow:auto;padding-right:4px;}
.device-row{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:18px;padding:12px;}
.device-icon{width:46px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(214,167,47,.13);border:1px solid rgba(214,167,47,.28);color:#ffe184;font-size:18px;}
.device-info b{display:block;font-size:14px;color:#fff;margin-bottom:3px;}
.device-info span{display:block;font-size:12px;color:#b8bdc9;}
.device-info small{display:block;font-size:11px;color:#7f8794;margin-top:3px;}
.btn-mini{height:36px;padding:0 12px;font-size:11px;}
.timer-badge{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#d8dbe3;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.tv-device-list{margin:14px 0;text-align:left;max-height:250px;}
.select2-container--default .select2-selection--single{height:48px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;color:#fff!important;display:flex!important;align-items:center!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff!important;line-height:48px!important;padding-left:15px!important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px!important;right:8px!important;}
.select2-dropdown{background:#0d0d0d!important;border:1px solid rgba(214,167,47,.25)!important;color:#fff!important;border-radius:14px!important;overflow:hidden;}
.select2-search__field{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:10px!important;outline:none!important;}
.select2-container--default .select2-results__option{padding:10px 12px!important;color:#d8dbe3!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:rgba(214,167,47,.22)!important;color:#ffe184!important;}
@media(max-width:650px){.device-row{grid-template-columns:40px 1fr}.device-row form,.device-row button{grid-column:1/-1;width:100%}.device-icon{width:40px;height:40px}.tv-card{grid-template-columns:1fr}.tv-right{border-left:0;border-top:1px solid rgba(214,167,47,.13)}}


/* Ajustes finales: TV 1 minuto, modal limite profesional y PIN de canales */
.device-limit-modal .modal-card,
.tv-card .alert .device-list,
.device-limit-modal .device-list{
  border-radius:22px;
}
.device-limit-modal .modal-head h2{
  color:#ffe184;
  display:flex;
  align-items:center;
  gap:10px;
}
.device-limit-modal .modal-card{
  border:1px solid rgba(214,167,47,.38)!important;
  background:linear-gradient(135deg,rgba(14,14,18,.96),rgba(5,5,5,.94))!important;
  box-shadow:0 35px 110px rgba(0,0,0,.88),0 0 60px rgba(214,167,47,.08)!important;
}
.device-icon i{display:block!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;line-height:1!important;}
.device-limit-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap;}
.device-limit-actions form{margin:0;}
.tv-device-list .device-row{background:rgba(0,0,0,.28);}
.pin-modal-box{max-width:460px;}
.pin-modal-box .modal-head h2{color:#ffe184;display:flex;align-items:center;gap:10px;}
.pin-input{text-align:center;font-size:28px!important;letter-spacing:8px;font-weight:950;}
.channel-source-section{border-top:1px solid rgba(214,167,47,.22);margin-top:16px;padding-top:18px;}
@media(max-width:650px){.device-limit-actions{flex-direction:column}.device-limit-actions .btn,.device-limit-actions form{width:100%}.device-limit-actions form .btn{width:100%}}


/* Correcciones solicitadas: TV 1 minuto, modal dispositivos y PIN opcional */
.device-limit-modal{padding:28px!important;}
.device-limit-modal .modal-card{padding:28px!important;border-radius:28px!important;}
.device-limit-modal .device-limit-head{position:relative;justify-content:center!important;text-align:center!important;padding-right:42px;}
.device-limit-modal .device-limit-head h2{width:100%;justify-content:center!important;text-align:center!important;font-size:24px!important;}
.device-limit-modal .device-limit-head form{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.device-limit-modal .modal-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:24px;cursor:pointer;}
.device-limit-modal .modal-help{text-align:center;max-width:620px;margin:10px auto 22px!important;}
.device-limit-modal .device-limit-actions{justify-content:center!important;margin-top:22px!important;}
.device-limit-modal .device-limit-actions .btn{min-width:160px;justify-content:center;}
.device-icon i,.device-limit-modal i,.tv-device-list i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;display:inline-block!important;line-height:1!important;}
.tv-card .alert .device-limit-actions{justify-content:center!important;}
.tv-card .alert .device-row{padding:14px!important;}
.option-toggle-row{padding:14px 16px;border:1px solid rgba(214,167,47,.18);background:rgba(214,167,47,.055);border-radius:16px;}
.switch-line{display:flex!important;align-items:center;gap:12px;cursor:pointer;user-select:none;color:#e8e9ed;}
.switch-line input{display:none;}
.switch-ui{width:48px;height:26px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);position:relative;transition:.2s;flex:0 0 auto;}
.switch-ui:after{content:"";width:18px;height:18px;border-radius:50%;background:#9ca3af;position:absolute;left:4px;top:3px;transition:.2s;box-shadow:0 4px 10px rgba(0,0,0,.35);}
.switch-line input:checked + .switch-ui{background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));border-color:rgba(214,167,47,.65);box-shadow:0 0 20px rgba(214,167,47,.20);}
.switch-line input:checked + .switch-ui:after{left:24px;background:#111;}
#pinWrap{animation:fadeIn .18s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}


/* Ajustes finales solicitados: TV codes, modal dispositivos, PIN y login password */
.password-wrap{position:relative;display:flex;align-items:center;margin-bottom:14px;}
.password-wrap .input{padding-right:48px;margin-bottom:0;}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#ffe184;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;}
.password-toggle:hover{background:rgba(214,167,47,.14);transform:translateY(-50%) scale(1.04);}
.device-limit-modal .device-limit-head.no-close{padding-right:0!important;justify-content:center!important;}
.device-limit-modal .device-limit-head.no-close h2{text-align:center!important;justify-content:center!important;}
.device-limit-modal .modal-card{padding:34px!important;}
.device-limit-modal .modal-help{font-size:15px!important;line-height:1.75!important;}
.device-limit-modal .btn-mini.icon-only,.tv-device-list .btn-mini.icon-only{width:42px!important;height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;min-width:42px!important;}
.device-limit-actions .close-all-icon{min-width:58px!important;width:58px!important;height:46px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;}
.channel-toggle-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:4px;padding:16px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);}
.channel-toggle-box .switch-line{padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08);}
#eventBannerWrap,#pinWrap{padding:15px;border-radius:18px;background:rgba(214,167,47,.06);border:1px solid rgba(214,167,47,.18);}
@media(max-width:700px){.channel-toggle-box{grid-template-columns:1fr}.device-limit-modal .modal-card{padding:24px!important}.device-limit-actions .close-all-icon{width:100%!important}}

/* Ajustes solicitados: autofill oscuro, TV no recarga antes de expirar y boton cerrar todas con texto */
.login-body input:-webkit-autofill,
.login-body input:-webkit-autofill:hover,
.login-body input:-webkit-autofill:focus,
.login-body input:-webkit-autofill:active{
  -webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.055) inset!important;
  box-shadow:0 0 0 1000px rgba(255,255,255,.055) inset!important;
  -webkit-text-fill-color:#fff!important;
  caret-color:#fff!important;
  transition:background-color 9999s ease-in-out 0s!important;
  border:1px solid rgba(255,255,255,.11)!important;
}
.device-limit-actions .close-all-icon{
  width:auto!important;
  min-width:160px!important;
  height:46px!important;
  padding:0 18px!important;
  gap:8px!important;
}
@media(max-width:700px){.device-limit-actions .close-all-icon{width:100%!important;min-width:0!important}}


/* Fix final: botones del modal de limite con el mismo tamaño */
.device-limit-actions{
  justify-content:center!important;
  gap:12px!important;
}
.device-limit-actions form{
  margin:0!important;
  flex:0 0 auto;
}
.device-limit-actions form .btn,
.device-limit-actions > .btn{
  width:180px!important;
  min-width:180px!important;
  height:46px!important;
  padding:0 16px!important;
  justify-content:center!important;
}
.device-limit-actions .close-all-icon{
  width:180px!important;
  min-width:180px!important;
}
@media(max-width:700px){
  .device-limit-actions form,
  .device-limit-actions form .btn,
  .device-limit-actions > .btn,
  .device-limit-actions .close-all-icon{
    width:100%!important;
    min-width:0!important;
  }
}


/* Timezone + conexiones dashboard */
.connections-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:22px;margin:26px 0}.connections-map,.connections-list{border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.28);overflow:hidden}.connections-map{min-height:460px;padding:24px;position:relative}.map-title{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.map-title i{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#080808;display:flex;align-items:center;justify-content:center;font-size:20px}.map-title b{display:block;font-size:22px;font-weight:950}.map-title span{display:block;color:#aeb4c0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.world-map{position:absolute;left:24px;right:24px;bottom:24px;top:95px;border-radius:24px;background:#071018;border:1px solid rgba(214,167,47,.18);overflow:hidden}.world-map .leaflet-container,.world-map.leaflet-container{background:#071018!important}.connection-count-marker{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));color:#090909;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;border:2px solid rgba(255,255,255,.55);box-shadow:0 0 0 7px rgba(214,167,47,.18),0 12px 25px rgba(0,0,0,.45)}.map-empty{position:absolute;inset:auto 24px 24px 24px;z-index:500;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;color:#d1d5db;font-weight:800;text-align:center}.connections-list{padding:22px}.connections-list h2{margin:0 0 16px!important}.country-scroll{max-height:390px;overflow:auto;padding-right:6px}.country-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px 12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);margin-bottom:10px}.country-item .flag{font-size:28px;line-height:1}.country-item .fi{width:30px;height:22px;border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.35)}.country-item b{display:block;color:#fff;font-size:14px}.country-item small{display:block;color:#8f939d;font-size:10px;text-transform:uppercase;letter-spacing:.10em;margin-top:3px;font-weight:850}.country-item strong{color:#080808;background:#d6a72f;border-radius:999px;min-width:34px;height:28px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:950}@media(max-width:980px){.connections-panel{grid-template-columns:1fr}.connections-map{min-height:380px}}


/* Mapa real de conexiones */
.real-map{min-height:320px;border-radius:22px;overflow:hidden;border:1px solid rgba(214,167,47,.22);background:#080808;position:relative;}
.real-map .leaflet-tile{filter:grayscale(1) invert(.92) brightness(.55) contrast(1.05);}
.real-map .leaflet-container{background:#080808;}
.map-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:#d6a72f;font-weight:800;background:rgba(0,0,0,.35);z-index:500;}
.connections-panel{margin:24px 0 28px;}


/* Dashboard PRO Conexiones */
.connections-panel-pro{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr)!important;
  gap:24px!important;
  margin:28px 0 30px!important;
  align-items:stretch!important;
}
.connections-panel-pro .connections-map,
.connections-panel-pro .connections-list{
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border:1px solid rgba(214,167,47,.18)!important;
  border-radius:28px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.connections-panel-pro .connections-map{
  min-height:560px!important;
  padding:22px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.connections-panel-pro .map-title{
  flex:0 0 auto!important;
  margin-bottom:16px!important;
}
.connections-panel-pro .world-map{
  position:relative!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  flex:1 1 auto!important;
  min-height:455px!important;
  width:100%!important;
  margin-top:0!important;
  border-radius:24px!important;
  border:1px solid rgba(214,167,47,.24)!important;
  box-shadow:inset 0 0 45px rgba(214,167,47,.05)!important;
}
.country-list-title{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 18px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.country-list-title i{
  width:42px;height:42px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  color:#090909;background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));
  box-shadow:0 12px 30px rgba(214,167,47,.18);
}
.country-list-title h2{margin:0!important;font-size:19px!important;line-height:1!important;}
.country-list-title span{display:block;color:#8f939d;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-top:5px;}
.connections-panel-pro .country-scroll{max-height:470px!important;}
.connections-panel-pro .country-item{
  min-height:66px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.connections-panel-pro .country-item .flag{
  width:42px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);overflow:hidden;
}
.connections-panel-pro .country-item .fi{width:100%!important;height:100%!important;border-radius:8px!important;display:block!important;background-size:cover!important;}
.connections-panel-pro .country-item .flag i{color:#d6a72f;font-size:19px;}
.connection-count-marker{
  width:42px!important;height:42px!important;border-radius:999px!important;
  background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3))!important;
  color:#080808!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:2px solid rgba(255,255,255,.70)!important;
  box-shadow:0 0 0 8px rgba(214,167,47,.18),0 16px 34px rgba(0,0,0,.55)!important;
  font-weight:950!important;
}
.connection-count-marker span{font-size:14px!important;line-height:1!important;}
.leaflet-popup-content-wrapper{background:#101010!important;color:#fff!important;border:1px solid rgba(214,167,47,.25)!important;border-radius:14px!important;}
.leaflet-popup-tip{background:#101010!important;}
.map-empty{border-radius:20px!important;margin:18px!important;background:rgba(0,0,0,.58)!important;border:1px solid rgba(214,167,47,.20)!important;color:#ffe184!important;}
@media(max-width:1100px){.connections-panel-pro{grid-template-columns:1fr!important}.connections-panel-pro .connections-map{min-height:500px!important}.connections-panel-pro .world-map{min-height:390px!important}}


/* Ajuste Dashboard Administrador: tarjetas a la izquierda, paises a la derecha y mapa full width */
.admin-dashboard-top{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);
  gap:24px;
  align-items:stretch;
  margin:24px 0 26px;
}
.admin-stat-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  height:100%;
}
.admin-stat-grid .stat{
  min-height:132px;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:82px!important;
}
.stat-mini-icon{
  position:absolute;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:16px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--gold2),var(--gold),var(--gold3));
  color:#080808;
  box-shadow:0 14px 32px rgba(214,167,47,.18);
  font-size:18px;
}
.connections-list-pro{
  height:100%;
  min-height:444px;
}
.connections-list-pro .country-scroll{
  max-height:360px!important;
}
.connections-map-wide{
  min-height:590px!important;
  padding:24px!important;
  margin:0 0 28px!important;
  border:1px solid rgba(214,167,47,.18)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  border-radius:28px!important;
  box-shadow:0 26px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.connections-map-wide .map-title{
  margin-bottom:16px!important;
}
.connections-map-wide .world-map{
  position:relative!important;
  inset:auto!important;
  flex:1 1 auto!important;
  min-height:480px!important;
  width:100%!important;
  border-radius:24px!important;
  background:#05080c!important;
}
.real-map .leaflet-tile{
  filter:brightness(.62) contrast(1.15) saturate(.75)!important;
}
.real-map::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:450;
  background:radial-gradient(circle at center, transparent 35%, rgba(0,0,0,.22) 100%);
}
@media(max-width:1100px){
  .admin-dashboard-top{grid-template-columns:1fr;}
  .connections-list-pro{min-height:auto;}
  .admin-stat-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:640px){
  .admin-stat-grid{grid-template-columns:1fr!important;}
  .admin-stat-grid .stat{padding-left:76px!important;}
  .connections-map-wide{min-height:470px!important;}
  .connections-map-wide .world-map{min-height:360px!important;}
}

/* Ajustes finos conexiones: contador discreto, banderas naturales y mapa dark estable */
.connections-refresh-counter{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  margin-left:8px!important;
  padding:2px 7px!important;
  min-width:auto!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#8f939d!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
  box-shadow:none!important;
  opacity:.85!important;
  vertical-align:middle!important;
}
.connections-refresh-counter i{font-size:9px!important;color:#8f939d!important;}
.country-list-title{align-items:center!important;}
.country-list-title>div{flex:1;min-width:0;}
.country-list-title .title-line{display:flex;align-items:center;gap:8px;width:100%;}
.country-list-title .title-line h2{white-space:nowrap;}
.connections-list-pro .country-item .fi,
.country-item .fi{
  height:22px!important;
  width:auto!important;
  border-radius:4px!important;
  display:inline-block!important;
  background-size:contain!important;
  background-position:center!important;
  box-shadow:0 4px 12px rgba(0,0,0,.35)!important;
}
.connections-list-pro .country-item .flag{
  width:44px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.real-map{background:#05080c!important;}
.real-map .leaflet-tile{filter:brightness(.62) contrast(1.15) saturate(.75)!important;}
.real-map::after{background:radial-gradient(circle at center, transparent 35%, rgba(0,0,0,.22) 100%)!important;}
.connections-map-wide .world-map{background:#05080c!important;}
.leaflet-container{background:#05080c!important;}
.session-country-cell{
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
}
.session-country-cell .fi{
  height:18px!important;
  width:auto!important;
  border-radius:4px!important;
  box-shadow:0 3px 10px rgba(0,0,0,.30)!important;
}
.session-country-cell .country-fallback{
  width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;
  background:rgba(214,167,47,.12);color:#d6a72f;border:1px solid rgba(214,167,47,.25);
}
@media(max-width:640px){.country-list-title .title-line{flex-wrap:wrap}.connections-refresh-counter{margin-left:0!important}}


/* Ajuste final solicitado: contador sin boton/icono y banderas mas visibles */
.connections-refresh-counter i,
.connections-refresh-counter button,
.refresh-btn{display:none!important;}
.connections-refresh-counter{
  padding:2px 7px!important;
  font-size:10px!important;
  min-width:30px!important;
  height:auto!important;
}
.country-item .fi,
.connections-list-pro .country-item .fi{
  width:38px!important;
  height:26px!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:5px!important;
}
.country-item .flag,
.connections-list-pro .country-item .flag{
  width:52px!important;
  height:38px!important;
}
.session-country-cell .fi{
  width:34px!important;
  height:23px!important;
  background-size:cover!important;
  background-position:center!important;
  border-radius:5px!important;
  flex-shrink:0!important;
}


/* Ajuste contador conexiones: junto a sesiones activas, discreto */
.country-meta-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:5px!important;
  flex-wrap:wrap!important;
}
.country-meta-line #connectionTotalText{
  margin-top:0!important;
}
.country-meta-line .connections-refresh-counter{
  margin-left:0!important;
  margin-top:0!important;
}


/* Dashboard Revendedor: conexiones propias */
.reseller-connections-grid{
  display:grid;
  grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);
  gap:24px;
  margin:24px 0 28px;
  align-items:stretch;
}
.reseller-connections-grid .connections-list-pro{min-height:430px;}
.reseller-connections-grid .connections-map-wide{min-height:520px!important;margin:0!important;}
.reseller-connections-grid .connections-map-wide .world-map{min-height:410px!important;}
@media(max-width:1100px){.reseller-connections-grid{grid-template-columns:1fr}.reseller-connections-grid .connections-map-wide{min-height:470px!important}.reseller-connections-grid .connections-map-wide .world-map{min-height:360px!important}}


/* Reseller dashboard igual al layout del administrador */
.reseller-dashboard-top{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important;}
.reseller-map-card{margin:0 0 28px!important;}
.session-country-cell{display:flex;align-items:center;gap:10px;white-space:nowrap;}
.session-country-cell .fi{width:34px!important;height:23px!important;background-size:cover!important;background-position:center!important;border-radius:5px!important;flex-shrink:0!important;box-shadow:0 3px 10px rgba(0,0,0,.30)!important;}
.session-country-cell .country-fallback{width:26px;height:23px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:rgba(214,167,47,.12);color:#d6a72f;border:1px solid rgba(214,167,47,.25);flex-shrink:0;}