:root,body{--bg-app: #0A1A2E;--bg-header: #102A45;--bg-card: rgba(255,255,255,.03);--bg-card-hover: rgba(255,255,255,.06);--bg-input: rgba(255,255,255,.04);--border-default: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.12);--border-accent: rgba(46,134,214,.35);--text-primary: #EAF1F8;--text-secondary: #9DB0C2;--text-muted: #9DB0C2;--text-dim: #67788B;--accent-green: #2E86D6;--accent-green-bg: rgba(46,134,214,.15);--accent-yellow: #BCD63E;--accent-yellow-bg: rgba(188,214,62,.15);--accent-blue: #5AA0E0;--accent-blue-bg: rgba(90,160,224,.14);--accent-purple: #A78BFA;--accent-purple-bg: rgba(167,139,250,.12);--accent-red: #E5564B;--accent-red-bg: rgba(229,86,75,.14);--win: #BCD63E;--loss: #E5564B;--stable: #67788B;--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 14px rgba(0,0,0,.4);--header-gradient: linear-gradient(180deg, #102A45 0%, #0A1A2E 100%);--avatar-bg: linear-gradient(135deg, #1B3A5C, #12273E);--avatar-text: #9DB0C2;--franja-manana-bg: rgba(188,214,62,.09);--franja-manana-border: rgba(188,214,62,.28);--franja-manana-text: #BCD63E;--franja-tarde-bg: rgba(90,160,224,.09);--franja-tarde-border: rgba(90,160,224,.28);--franja-tarde-text: #5AA0E0;--franja-noche-bg: rgba(167,139,250,.08);--franja-noche-border: rgba(167,139,250,.25);--franja-noche-text: #A78BFA;--nivel-7ma-color: #4ADE80;--nivel-7ma-bg: #052e16;--nivel-6ta-color: #60A5FA;--nivel-6ta-bg: #0c1d3a;--nivel-5ta-color: #A78BFA;--nivel-5ta-bg: #1e1145;--nivel-4ta-color: #FBBF24;--nivel-4ta-bg: #3d2800;--nivel-3ra-color: #F87171;--nivel-3ra-bg: #3b1111;--booking-bg: rgba(16,42,69,.97);--row-top1: rgba(188,214,62,.09);--row-top2: rgba(188,214,62,.06);--row-top3: rgba(188,214,62,.04);--row-default: rgba(255,255,255,.02)}body.light{--bg-app: #F1F5FA;--bg-header: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F1F6FC;--bg-input: #EEF3F9;--border-default: #E2E9F1;--border-hover: #CBD8E6;--border-accent: rgba(32,112,192,.35);--text-primary: #16263A;--text-secondary: #5B6B7C;--text-muted: #5B6B7C;--text-dim: #8A99A8;--accent-green: #2070C0;--accent-green-bg: rgba(32,112,192,.1);--accent-yellow: #6F8F12;--accent-yellow-bg: rgba(143,184,30,.14);--accent-blue: #3B82C4;--accent-blue-bg: rgba(59,130,196,.1);--accent-purple: #7C3AED;--accent-purple-bg: rgba(124,58,237,.08);--accent-red: #DC3B30;--accent-red-bg: rgba(220,59,48,.08);--win: #6F8F12;--loss: #DC3B30;--stable: #8A99A8;--shadow-sm: 0 1px 3px rgba(16,42,69,.08);--shadow-md: 0 4px 14px rgba(16,42,69,.1);--header-gradient: linear-gradient(180deg, #FFFFFF 0%, #F1F5FA 100%);--avatar-bg: linear-gradient(135deg, #DCE6F1, #C3D3E5);--avatar-text: #5B6B7C;--franja-manana-bg: rgba(143,184,30,.1);--franja-manana-border: rgba(143,184,30,.28);--franja-manana-text: #6F8F12;--franja-tarde-bg: rgba(59,130,196,.08);--franja-tarde-border: rgba(59,130,196,.22);--franja-tarde-text: #3B82C4;--franja-noche-bg: rgba(124,58,237,.06);--franja-noche-border: rgba(124,58,237,.2);--franja-noche-text: #7C3AED;--nivel-7ma-color: #059669;--nivel-7ma-bg: #ecfdf5;--nivel-6ta-color: #2563EB;--nivel-6ta-bg: #eff6ff;--nivel-5ta-color: #7C3AED;--nivel-5ta-bg: #f5f3ff;--nivel-4ta-color: #D97706;--nivel-4ta-bg: #fffbeb;--nivel-3ra-color: #DC2626;--nivel-3ra-bg: #fef2f2;--booking-bg: rgba(255,255,255,.97);--row-top1: rgba(143,184,30,.1);--row-top2: rgba(143,184,30,.06);--row-top3: rgba(143,184,30,.03);--row-default: #FFFFFF}body{background:var(--bg-app);color:var(--text-primary);transition:background .3s ease,color .3s ease;margin:0;-webkit-font-smoothing:antialiased;font-family:General Sans,system-ui,-apple-system,sans-serif}h1,h2,h3{font-family:Clash Display,General Sans,system-ui,sans-serif}@keyframes pl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pl-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pl-toast-out{to{opacity:0;transform:translateY(10px)}}button{transition:transform .1s ease}button:active:not(:disabled){transform:scale(.97)}*:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
