:root{--dark: #0f1115;--dark-2: #171a21;--panel: #1f2430;--text: #f3f4f6;--text-muted: #9ca3af;--orange: #ff8a00;--green: #10b981;--purple: #8b5cf6;--info: #0ea5e9;--danger: #ef4444;--footer-h: 44px;--sidebar-w: 270px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--dark);color:var(--text);padding-bottom:var(--footer-h)}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,#302112,var(--dark));padding:20px}.login-card{width:100%;max-width:420px;background:#1f2430f2;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;box-shadow:0 24px 80px #00000073}.login-card h1{font-family:Bangers,Inter,sans-serif;color:var(--orange);letter-spacing:1px;text-align:center;font-size:3rem;margin:0}.subtitle{text-align:center;color:var(--text-muted);margin-bottom:26px}.form-control,.input-group-text{background:#111827;border-color:#ffffff1a;color:var(--text)}.form-control:focus{background:#111827;color:var(--text);border-color:var(--orange);box-shadow:0 0 0 .25rem #ff8a0026}.btn-orange{background:var(--orange);border-color:var(--orange);color:#111;font-weight:700}.btn-login{width:100%;padding:12px;border-radius:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:#11141b;border-right:1px solid rgba(255,255,255,.08);position:fixed;inset:0 auto var(--footer-h) 0;display:flex;flex-direction:column;z-index:10}.sidebar-brand{padding:24px 22px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand h2{font-family:Bangers,Inter,sans-serif;color:var(--orange);margin:0;letter-spacing:1px}.sidebar-brand small{color:var(--text-muted)}.sidebar-nav{padding:14px;overflow-y:auto;flex:1}.nav-section{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:16px 10px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#d1d5db;margin-bottom:4px;min-height:44px}.nav-link i{width:18px;text-align:center}.nav-link:hover,.nav-link.active{background:#ff8a0029;color:#fff}.external-icon{font-size:.7rem;margin-left:auto}.sidebar-footer{padding:14px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#111;font-weight:800}.user-name{font-weight:700;font-size:.86rem}.sidebar-user-info small{color:var(--text-muted)}.btn-icon{border:0;background:transparent;color:var(--text-muted);padding:8px;border-radius:10px}.btn-icon:hover{background:#ffffff14;color:#fff}.main-content{margin-left:var(--sidebar-w);width:calc(100% - var(--sidebar-w));min-height:calc(100vh - var(--footer-h))}.top-header{height:68px;border-bottom:1px solid rgba(255,255,255,.08);background:#11141bd9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.header-left{display:flex;align-items:center;gap:12px}.header-left h4{margin:0}.btn-sidebar-toggle{background:var(--panel);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:10px;width:42px;height:42px}.page-content{padding:24px}.module-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.module-header h3{margin:0}.card,.stat-card{background:var(--panel);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 18px 45px #00000038}.card-header{background:transparent;border-color:#ffffff14;font-weight:700}.table{--bs-table-bg: transparent;--bs-table-color: var(--text);--bs-table-border-color: rgba(255,255,255,.08)}.stat-card{padding:22px;min-height:150px}.stat-icon{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px}.stat-icon.orange{background:#ff8a0026;color:var(--orange)}.stat-icon.green{background:#10b98126;color:var(--green)}.stat-icon.purple{background:#8b5cf626;color:var(--purple)}.stat-icon.info{background:#0ea5e926;color:var(--info)}.stat-value{font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted)}.amount{color:var(--orange);font-weight:800}.badge-status{padding:5px 10px;border-radius:99px;background:#10b98126;color:var(--green);font-size:.75rem;text-transform:capitalize}.badge-status.cancelada{background:#ef444426;color:var(--danger)}.top-product{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.rank{width:34px;height:34px;border-radius:12px;background:#ff8a0029;color:var(--orange);display:grid;place-items:center;font-weight:800}.programmer-fixed-footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);background:#0b0d11;border-top:1px solid rgba(255,255,255,.1);z-index:60;display:flex;align-items:center;justify-content:center}.programmer-footer-inner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:.82rem;color:var(--text-muted);padding:0 14px}.programmer-footer-logo{width:26px;height:26px;object-fit:contain;border-radius:6px}.programmer-whatsapp{color:var(--green);font-weight:700}.legacy-warning{background:#ff8a001a;border:1px solid rgba(255,138,0,.25);border-radius:14px;padding:10px 14px;color:#fbbf24;margin-bottom:12px;font-size:.9rem}.legacy-frame{width:100%;height:calc(100vh - 185px);border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#fff}@media (max-width: 900px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0;width:100%}.app-shell.sidebar-collapsed .sidebar{transform:translate(0)}.programmer-footer-inner{font-size:.72rem;gap:8px}}.programmer-support-link{background:#10b9811a;color:#d1fae5}.programmer-support-link:hover{background:#10b9812e;color:#fff}:root{--text-muted: #c7d2e5;--text-soft: #e5edf9}.card,.card-body,.card-header,.stat-card,.table,.table td,.table th,.top-product,.empty-state{color:var(--text)!important}.card{--bs-card-color: var(--text);--bs-card-title-color: var(--text);--bs-card-cap-color: var(--text);--bs-card-bg: var(--panel)}.card-header{color:var(--text)!important}.card-header i{color:var(--orange)!important}.text-muted,.stat-label,.top-product small,.empty-state,.sidebar-user-info small{color:var(--text-muted)!important}.top-product strong,.card strong{color:var(--text)!important}.amount,.top-product .amount{color:#ffb070!important;font-weight:800}.rank{background:#ff8a0038!important;color:#ffb070!important}:root{--programmer-footer-height: 58px}html,body{min-height:100%}body{padding-bottom:calc(var(--programmer-footer-height) + env(safe-area-inset-bottom,0px))!important}.app-shell{min-height:100vh!important;padding-bottom:var(--programmer-footer-height)!important}.sidebar{bottom:var(--programmer-footer-height)!important}.main-content{min-height:calc(100vh - var(--programmer-footer-height))!important;padding-bottom:calc(var(--programmer-footer-height) + 28px)!important}.page-content{padding-bottom:calc(var(--programmer-footer-height) + 28px)!important}.programmer-fixed-footer{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;min-height:var(--programmer-footer-height)!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#07111f!important;border-top:1px solid rgba(57,255,20,.28)!important;box-shadow:0 -10px 28px #00000073!important;color:#eaf2ff!important;z-index:2147483000!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}.programmer-footer-inner{width:100%!important;max-width:1180px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;color:#eaf2ff!important;font-size:.86rem!important;line-height:1.2!important;text-align:center!important}.programmer-footer-inner span,.programmer-footer-inner strong,.programmer-footer-phone{color:#eaf2ff!important;text-decoration:none!important}.programmer-footer-logo{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:8px!important;background:#ffffff14!important;flex:0 0 auto!important}.programmer-whatsapp{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:7px 12px!important;border-radius:999px!important;color:#06140b!important;background:#25d366!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}.programmer-whatsapp:hover{color:#06140b!important;filter:brightness(1.06)!important}@media (max-width:900px){:root{--programmer-footer-height:72px}.sidebar{bottom:0!important}.programmer-footer-inner{gap:8px!important;font-size:.75rem!important}}.legacy-frame{height:calc(100vh - 128px)!important;border-radius:16px!important;background:#0f1115!important}

/* EPGRL HOSTINGER FIX: TABLAS LEGIBLES */
.table,.table.table,table.table{--bs-table-bg:transparent!important;--bs-table-color:#f8fafc!important;--bs-table-border-color:rgba(148,163,184,.28)!important;--bs-table-striped-bg:rgba(30,41,59,.92)!important;--bs-table-striped-color:#f8fafc!important;--bs-table-hover-bg:rgba(51,65,85,.96)!important;--bs-table-hover-color:#fff!important;background-color:transparent!important;color:#f8fafc!important}.table thead,.table thead tr,.table thead th{background-color:#15172a!important;color:#fff!important;border-color:rgba(148,163,184,.28)!important}.table tbody,.table tbody tr,.table tbody td{background-color:#101827!important;color:#f8fafc!important;border-color:rgba(148,163,184,.28)!important}.table tbody tr:nth-child(even) td{background-color:#121d30!important}.table tbody tr:hover td{background-color:#1e293b!important;color:#fff!important}.table td a,.table th a,.table td strong,.table td span:not(.badge),.table td small{color:inherit!important}.table .text-dark,.table .text-body,.table .text-black,.table .text-muted{color:#dbeafe!important}.table .badge.bg-success,.badge.bg-success{background-color:rgba(34,197,94,.18)!important;color:#4ade80!important}
