/* Identidad oficial Ahorraplayer IPTV — Web / licencias / reseller */
:root{color-scheme:dark;--ap-orange:#ff9319;--ap-green:#18dc6a;--ap-bg:#030b09;--ap-muted:#a5c0af;--ap-line:rgba(86,197,117,.19);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#ecfff0;background:var(--ap-bg)}
body{background:#030b09;color:#f1fff5}
:focus-visible{outline:3px solid #ffb63c;outline-offset:3px}
.auth-page{background:radial-gradient(ellipse 60% 60% at 93% 8%,rgba(14,134,67,.26),transparent 74%),radial-gradient(ellipse 65% 40% at 18% 96%,rgba(255,131,23,.16),transparent 75%),#030c09;position:relative;overflow:hidden}
.auth-page:before{content:"";position:absolute;inset:0;background:url('/assets/ondas-marca.svg') center/cover no-repeat;opacity:.26;pointer-events:none}
.auth-card{position:relative;max-width:472px;border-radius:29px;padding:43px 41px;background:linear-gradient(145deg,rgba(8,29,20,.97),rgba(4,16,13,.98));color:#f2fff5;border:1px solid rgba(63,207,116,.19);box-shadow:0 24px 75px rgba(0,0,0,.38),0 0 0 1px rgba(255,151,39,.045)}
.auth-logo{display:flex;align-items:center;gap:9px;font-size:20px;margin-bottom:30px;color:white}
.auth-logo img{width:60px;height:60px;object-fit:contain}
.brand-words{display:flex;flex-direction:column;min-width:0}
.brand-words strong{color:#fff;font-size:23px;font-weight:850;letter-spacing:-1px;white-space:nowrap}
.brand-words strong span{color:#19e268}
.brand-words small{font-size:10px;color:#dbece0;letter-spacing:3px;text-align:center;font-weight:700;margin-top:3px}
.brand-words em{display:block;letter-spacing:1.4px;font-style:normal;color:#76b18c;font-size:8px;margin-top:7px}
.eyebrow{color:#58e18e}
.auth-card h1{color:#fff;font-size:29px}.auth-card .muted{color:#afc5b4}
.small-note{color:#9bbba8}
.form-stack label,.field{color:#c6dfce}
.form-stack input,.form-stack select,.field input,.field select,.field-inline input,.field-inline select{background:#06190f;border:1px solid rgba(78,167,112,.35);color:#f8fff8;border-radius:12px;outline-color:#24da6d}
input::placeholder{color:#85a18e}
.btn{background:rgba(5,34,21,.80);color:#ecfff3;border:1px solid rgba(69,163,101,.26);border-radius:12px}
.btn:hover{background:rgba(19,88,48,.78)}
.btn.primary{background:linear-gradient(100deg,#f6a122 0%,#21ce65 74%);border-color:rgba(202,248,137,.20);color:#052210;box-shadow:0 6px 16px rgba(0,133,62,.19)}
.btn.primary:hover{background:linear-gradient(100deg,#ffc04b,#25e578)}
.btn.ghost{background:rgba(29,98,54,.11);color:#e8fff0}
.btn.danger{color:#ffbbaa;border-color:rgba(255,118,97,.32)}
.auth-message{color:#ffada3}
.layout{background:radial-gradient(ellipse 70% 65% at 100% 0,rgba(11,119,47,.10),transparent 75%),#030b09;color:#e6fff0}
.sidebar{background:linear-gradient(180deg,#020b09,#04150e);border-right:1px solid rgba(39,181,92,.16);color:#c7ddcd}
.identity{display:flex;align-items:center;gap:6px;line-height:1.12;flex-wrap:nowrap;letter-spacing:0;margin-bottom:24px}
.identity img{height:50px;width:50px;object-fit:contain;flex-shrink:0}
.identity .brand-words strong{font-size:19px;letter-spacing:-.7px}
.identity .brand-words small{text-align:center;letter-spacing:2px;font-size:9px}
.side-caption{color:#7cb991}
.nav-item{color:#c0d5c5;border:1px solid transparent;border-radius:11px}
.nav-item:hover{background:rgba(26,120,68,.16)}
.nav-item.active{background:linear-gradient(110deg,rgba(228,132,25,.28),rgba(17,138,71,.48));border-color:rgba(70,204,95,.19);color:#fff;box-shadow:inset 3px 0 #1fe078}
.sidebar-bottom{color:#9db9a6;border-top-color:rgba(28,150,78,.18)}
.topbar{background:rgba(4,18,13,.93);border-bottom:1px solid rgba(52,154,84,.15);color:#e5faed}
.crumb{color:#7edb98}.mobile-brand{color:#fff}
.role,.chip{background:rgba(20,108,53,.16);border:1px solid rgba(56,198,109,.26);color:#a5f6c3}
.workspace{background:transparent}
.content{position:relative;background:radial-gradient(ellipse 66% 40% at 94% 0%,rgba(12,123,58,.08),transparent 70%)}
.content:before{content:"";position:absolute;right:-3%;top:-12%;width:380px;height:230px;border-radius:50%;border:24px solid rgba(13,156,72,.055);transform:rotate(-18deg);pointer-events:none}
.content-heading h1{color:#fff}.subtitle,.muted{color:#9db7a6}
.card,.metric,.sim-tv,.panel,.table-wrap,.muted-box{color:#e5f9e9;background:linear-gradient(140deg,rgba(7,28,19,.97),rgba(5,20,14,.94));border-color:rgba(74,167,108,.22);border-radius:20px;box-shadow:0 9px 24px rgba(0,0,0,.12)}
.metric-icon{background:linear-gradient(120deg,rgba(250,151,20,.22),rgba(22,188,78,.17));color:#45eb88}
.metric h2,.card h2,.card h3{color:#fff}
.table-wrap{overflow-x:auto}
table{color:#e7f6ec}thead{background:rgba(24,98,57,.22);color:#a6dcb6}td,th{border-color:rgba(90,164,106,.15)}
tr:hover td{background:rgba(12,99,54,.1)}
select,input,textarea{accent-color:#1aca65}
.footer-note{color:#7a9c88}
@media(max-width:720px){.auth-card{padding:31px 24px}.auth-page{padding:15px}.identity .brand-words strong{font-size:18px}}