@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-base: #030a04;--bg-surface: rgba(6,16,10,.82);--bg-elevated: rgba(11,26,14,.88);--bg-hover: rgba(17,34,20,.92);--border: rgba(0,230,100,.1);--border-light: rgba(0,230,100,.2);--primary: #e8aa00;--primary-dark: #c48a00;--primary-glow: rgba(232,170,0,.22);--accent: #00e664;--accent-glow: rgba(0,230,100,.22);--role-superadmin: #f0c72f;--role-distribuidor: #00e664;--role-cashier: #39ff14;--role-player: #7a9e80;--success: #00e664;--danger: #f43f5e;--warning: #e8aa00;--info: #39ff14;--text-primary: #f0f5f0;--text-secondary: #7a9e80;--text-muted: #3d5e42;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow: 0 4px 16px rgba(0,0,0,.6);--shadow-lg: 0 8px 32px rgba(0,0,0,.7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background-color:var(--bg-base);background-image:linear-gradient(#00000054,#00000054),url(/media/banner/fondo.webp);background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}@media (max-width: 768px){body{background-image:none;background-color:#020c04}}input,select,button,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}.glass{background:#ffffff08;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.catScroll{scrollbar-width:none}.catScroll::-webkit-scrollbar{display:none}button:hover .providerLogo,button:focus .providerLogo{filter:brightness(1) grayscale(0)!important}@media (orientation: landscape) and (max-height: 500px){.player-header-inner{height:42px!important}.player-header-inner img{width:26px!important;height:26px!important}}