:root,html[data-theme=light]{--color-primary: #FFD10D;--color-primary-hover: #e6bc00;--color-navy: #001F3F;--color-navy-light: #003366;--color-white: #FFFFFF;--color-success: #22C55E;--color-error: #EF4444;--color-bg: #F5F5F5;--color-surface: #FFFFFF;--color-surface-alt: #F3F4F6;--color-text: #001F3F;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06)}html[data-theme=dark]{--color-bg: #001F3F;--color-surface: #002B55;--color-surface-alt: #003366;--color-text: #FFFFFF;--color-text-muted: rgba(255, 255, 255, .7);--color-text-subtle: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .12);--color-border-strong: rgba(255, 255, 255, .2);--color-gray-100: rgba(255, 255, 255, .06);--color-gray-200: rgba(255, 255, 255, .12);--color-gray-300: rgba(255, 255, 255, .2);--color-gray-400: rgba(255, 255, 255, .5);--color-gray-500: rgba(255, 255, 255, .7);--color-gray-600: rgba(255, 255, 255, .85);--color-gray-700: #FFFFFF;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 10px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3)}html[data-theme=dark] body{color:var(--color-text);background-color:var(--color-bg)}html[data-theme=dark] .card,html[data-theme=dark] .auth-form,html[data-theme=dark] .admin-user-card,html[data-theme=dark] .dash-empty-bets,html[data-theme=dark] .dash-hot-placeholder,html[data-theme=dark] .bet-hero.card,html[data-theme=dark] .share-section.card,html[data-theme=dark] .bet-options.card,html[data-theme=dark] .bet-participants.card,html[data-theme=dark] .bet-join-section.card,html[data-theme=dark] .bet-detail-page .card{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}html[data-theme=dark] .header{background-color:var(--color-surface);border-bottom-color:var(--color-border);color:var(--color-text)}html[data-theme=dark] .bottom-nav{background-color:var(--color-surface);border-top-color:var(--color-border)}html[data-theme=dark] .nav-item{color:var(--color-text-subtle)}html[data-theme=dark] .nav-item.active{color:var(--color-primary)}html[data-theme=dark] input[type=text],html[data-theme=dark] input[type=email],html[data-theme=dark] input[type=password],html[data-theme=dark] input[type=tel],html[data-theme=dark] input[type=number],html[data-theme=dark] input[type=date],html[data-theme=dark] select,html[data-theme=dark] textarea{background-color:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border-strong)}html[data-theme=dark] .form-group label{color:var(--color-text-muted)}html[data-theme=dark] .btn-secondary{color:var(--color-text);border-color:var(--color-border-strong)}html[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:var(--color-surface-alt)}html[data-theme=dark] .auth-page{background-color:var(--color-bg)}html[data-theme=dark] .header-back{color:var(--color-text)}html[data-theme=dark] .header-back:hover{background-color:var(--color-surface-alt)}html[data-theme=dark] .theme-toggle{color:var(--color-primary)}html[data-theme=dark] .birth-date-row select{background-color:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border-strong)}html[data-theme=dark] .transaction-item{border-bottom-color:var(--color-border)}html[data-theme=dark] .pix-code{background-color:var(--color-surface-alt);color:var(--color-text)}html[data-theme=dark] .alert-error{background-color:#ef444426;border-color:#ef444466;color:#fca5a5}html[data-theme=dark] .alert-success{background-color:#22c55e26;border-color:#22c55e66;color:#86efac}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:50%;cursor:pointer;transition:background-color .15s ease;flex-shrink:0;padding:0}.theme-toggle:hover{background-color:var(--color-surface-alt)}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.header-admin-btn{margin-left:0!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Poppins,sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:var(--color-navy);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:var(--color-navy);text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-decoration:none;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-navy);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background-color:transparent;color:var(--color-navy);border-color:var(--color-gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-full{width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:600;color:var(--color-gray-700)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number]{width:100%;padding:12px 16px;font-family:Poppins,sans-serif;font-size:1rem;color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease}input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffd10d40}input::placeholder{color:var(--color-gray-400)}.card{background-color:var(--color-white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card h3{margin-bottom:16px;font-size:1.1rem}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;margin-bottom:16px}.alert-error{background-color:#fef2f2;color:var(--color-error);border:1px solid #fecaca}.alert-success{background-color:#f0fdf4;color:var(--color-success);border:1px solid #bbf7d0}.toast-container{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:420px;width:calc(100% - 32px);pointer-events:none}.toast{padding:14px 18px;border-radius:12px;font-size:.9rem;font-weight:500;font-family:Poppins,sans-serif;box-shadow:0 8px 24px #00000026;pointer-events:auto;cursor:pointer;animation:toastIn .3s ease}.toast-error{background-color:var(--color-navy);color:var(--color-white);border-left:4px solid var(--color-error)}.toast-success{background-color:var(--color-navy);color:var(--color-white);border-left:4px solid var(--color-success)}.toast-info{background-color:var(--color-navy);color:var(--color-white);border-left:4px solid var(--color-primary)}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--color-white);color:var(--color-navy);padding:16px 20px;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-gray-200)}.header-content{max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px}.logo-image{height:56px;width:auto;display:block}.main-content{flex:1;max-width:480px;width:100%;margin:0 auto;padding:16px 16px 80px}.app-footer{margin-top:40px;padding:20px 16px 12px;display:flex;flex-direction:column;align-items:center;gap:12px;border-top:1px solid var(--color-gray-100, #f3f4f6)}.app-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.app-footer-link{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--color-gray-500, #6b7280);background:var(--color-gray-50, #f9fafb);text-decoration:none;transition:background .15s ease,color .15s ease}.app-footer-link:hover,.app-footer-link:focus-visible{background:var(--color-yellow, #FFD10D);color:var(--color-navy, #001F3F);outline:none}.app-footer-help{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;color:var(--color-navy, #001F3F);background:transparent;border:1px solid var(--color-gray-200, #e5e7eb);text-decoration:none;transition:border-color .15s ease,background .15s ease}.app-footer-help:hover,.app-footer-help:focus-visible{border-color:var(--color-navy, #001F3F);background:var(--color-gray-50, #f9fafb);outline:none}.app-footer-help-icon{color:#ef4444;font-size:.85rem;line-height:1}.app-footer-brand{margin:4px 0 0;font-size:.68rem;color:var(--color-gray-400, #9ca3af);letter-spacing:.02em}html[data-theme=dark] .app-footer{border-top-color:var(--color-border, #2a3544)}html[data-theme=dark] .app-footer-link{background:#ffffff0a;color:var(--color-gray-400, #9ca3af)}html[data-theme=dark] .app-footer-link:hover,html[data-theme=dark] .app-footer-link:focus-visible{background:var(--color-yellow, #FFD10D);color:var(--color-navy, #001F3F)}html[data-theme=dark] .app-footer-help{color:var(--color-white, #ffffff);border-color:#ffffff1f}html[data-theme=dark] .app-footer-help:hover{background:#ffffff0a;border-color:var(--color-yellow, #FFD10D)}.legal-page{display:flex;flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0 auto;padding:8px 0 24px}@media (min-width: 1024px){.legal-page{padding:24px 0 40px}}.legal-hero{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:4px 4px 8px}.legal-status-pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.legal-status-draft{background:#fef3c7;color:#92400e}.legal-status-active{background:#dcfce7;color:#166534}.legal-title{margin:0;font-size:1.65rem;color:var(--color-navy, #001F3F);line-height:1.2}.legal-subtitle{margin:0;font-size:.95rem;line-height:1.5;color:var(--color-gray-600, #4b5563)}.legal-summary-card{padding:20px 20px 8px}.legal-section-title{margin:0 0 16px;font-size:1.05rem;color:var(--color-navy, #001F3F)}.legal-list{list-style:none;margin:0;padding:0}.legal-list-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--color-gray-100, #f3f4f6)}.legal-list-item:last-child{border-bottom:none}.legal-list-marker{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-navy, #001F3F);color:var(--color-yellow, #FFD10D);font-size:.8rem;font-weight:700;font-family:var(--font-family, "Poppins", sans-serif)}.legal-list-item>div{flex:1;min-width:0}.legal-list-item strong{display:block;color:var(--color-navy, #001F3F);font-size:.95rem;margin-bottom:4px}.legal-list-item p{margin:0;color:var(--color-gray-700, #374151);font-size:.88rem;line-height:1.55}.legal-highlight{color:var(--color-navy, #001F3F);background:linear-gradient(transparent 60%,#fff3b0 60%);padding:0 2px}.legal-rights-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.legal-rights-grid{grid-template-columns:repeat(2,1fr)}}.legal-right-card{padding:16px;display:flex;flex-direction:column;gap:8px}.legal-right-header{display:flex;flex-direction:column;gap:4px}.legal-right-tag{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:999px;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563);font-size:.65rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.legal-right-card h3{margin:0;font-size:1rem;color:var(--color-navy, #001F3F)}.legal-right-card p{margin:0;font-size:.85rem;line-height:1.55;color:var(--color-gray-700, #374151);flex:1}.legal-right-action{margin-top:auto;padding-top:8px;color:var(--color-navy, #001F3F);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .15s ease}.legal-right-action:hover{color:#003d7a}.legal-cta-card{padding:20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#fff8d6,#fffdf0);border:1px solid #FFE58F}@media (min-width: 560px){.legal-cta-card{flex-direction:row;align-items:center;justify-content:space-between}}.legal-cta-content h3{margin:0 0 4px;color:var(--color-navy, #001F3F);font-size:1rem}.legal-cta-content p{margin:0;color:var(--color-gray-700, #374151);font-size:.88rem}.legal-contact{padding:16px 20px}.legal-contact h3{margin:0 0 6px;color:var(--color-navy, #001F3F);font-size:.95rem}.legal-contact p{margin:0;color:var(--color-gray-700, #374151);font-size:.88rem}.legal-contact .legal-related{margin-top:8px;padding-top:12px;border-top:1px solid var(--color-gray-100, #f3f4f6);font-size:.8rem;color:var(--color-gray-500, #6b7280)}.legal-link{color:var(--color-navy, #001F3F);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .15s ease}.legal-link:hover{border-bottom-color:var(--color-yellow, #FFD10D)}.legal-footnote{margin:8px 4px 0;font-size:.78rem;line-height:1.55;color:var(--color-gray-500, #6b7280);text-align:center}html[data-theme=dark] .legal-title,html[data-theme=dark] .legal-section-title,html[data-theme=dark] .legal-list-item strong,html[data-theme=dark] .legal-right-card h3,html[data-theme=dark] .legal-cta-content h3,html[data-theme=dark] .legal-contact h3,html[data-theme=dark] .legal-right-action,html[data-theme=dark] .legal-link{color:var(--color-white, #ffffff)}html[data-theme=dark] .legal-subtitle,html[data-theme=dark] .legal-list-item p,html[data-theme=dark] .legal-right-card p,html[data-theme=dark] .legal-cta-content p,html[data-theme=dark] .legal-contact p,html[data-theme=dark] .legal-footnote{color:var(--color-gray-300, #d1d5db)}html[data-theme=dark] .legal-list-marker{background:var(--color-yellow, #FFD10D);color:var(--color-navy, #001F3F)}html[data-theme=dark] .legal-right-tag{background:#ffffff14;color:var(--color-gray-300, #d1d5db)}html[data-theme=dark] .legal-list-item{border-bottom-color:#ffffff14}html[data-theme=dark] .legal-cta-card{background:linear-gradient(135deg,#ffd10d1f,#ffd10d0a);border-color:#ffd10d4d}html[data-theme=dark] .legal-contact .legal-related{border-top-color:#ffffff14;color:var(--color-gray-400, #9ca3af)}html[data-theme=dark] .legal-status-draft{background:#fbbf2426;color:#fbbf24}html[data-theme=dark] .legal-status-active{background:#22c55e26;color:#4ade80}.form-checkbox-group{margin-top:12px}.form-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.85rem;color:var(--color-gray-700, #374151);line-height:1.4}.form-checkbox input[type=checkbox]{margin-top:2px;width:16px;height:16px;flex-shrink:0;cursor:pointer}.form-checkbox a{color:var(--color-navy, #001F3F);text-decoration:underline}.tournament-cta-card{padding:18px 20px;display:flex;flex-direction:column;gap:14px;background:linear-gradient(135deg,#fff8d6,#fffdf0);border:1px solid #FFE58F}@media (min-width: 560px){.tournament-cta-card{flex-direction:row;align-items:center;justify-content:space-between}}.tournament-cta-text strong{display:block;color:var(--color-navy, #001F3F);font-size:.95rem;margin-bottom:4px}.tournament-cta-text p{margin:0;font-size:.85rem;color:var(--color-gray-700, #374151);line-height:1.5}.tournament-cta-actions{display:flex;gap:8px;flex-wrap:wrap}.bolao-dashboard-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;text-decoration:none;color:inherit;background:linear-gradient(135deg,#001f3f,#002e5d);border:1px solid #001F3F;transition:transform .15s ease,box-shadow .15s ease}.bolao-dashboard-card:hover{transform:translateY(-1px);box-shadow:0 8px 24px #001f3f33}.bolao-dashboard-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bolao-dashboard-tag{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--color-yellow, #FFD10D);color:var(--color-navy, #001F3F);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.bolao-dashboard-title{color:var(--color-white, #ffffff);font-size:1rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bolao-dashboard-desc{margin:0;color:#fffc;font-size:.82rem;line-height:1.4}.bolao-dashboard-cta{color:var(--color-yellow, #FFD10D);font-size:1.4rem;font-weight:700}.empty-state-card{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.empty-state-card svg{flex-shrink:0}.empty-state-title{margin:0;font-size:1.05rem;color:var(--color-navy, #001F3F)}.empty-state-desc{margin:0;font-size:.88rem;color:var(--color-gray-600, #4b5563);line-height:1.5;max-width:360px}.empty-state-action{margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}html[data-theme=dark] .empty-state-title{color:var(--color-white, #ffffff)}html[data-theme=dark] .empty-state-desc{color:var(--color-gray-300, #d1d5db)}.profile-avatar-colored{position:relative;box-shadow:0 0 0 4px var(--avatar-ring, #FFD10D)}@media (prefers-reduced-motion: reduce){.confirm-overlay,.confirm-card,.toast-container,.app-footer,.legal-page,.palpite-save-bar,.bet-type-card,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skeleton{display:inline-block;background:linear-gradient(90deg,var(--color-gray-100, #f3f4f6) 0%,var(--color-gray-200, #e5e7eb) 50%,var(--color-gray-100, #f3f4f6) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-group{display:flex;flex-direction:column;gap:8px;width:100%}.skeleton-bet-card{display:flex;flex-direction:column;gap:10px;padding:16px}.skeleton-bet-card-head,.skeleton-bet-card-meta{display:flex;justify-content:space-between;align-items:center}.skeleton-list-row{display:flex;align-items:center;gap:12px;padding:10px 0}.skeleton-list-row-body{flex:1;display:flex;flex-direction:column;gap:6px}html[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--color-gray-100, #f3f4f6)}html[data-theme=dark] .skeleton{background:#ffffff0f}}.error-boundary-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--color-background, #f5f5f5)}.error-boundary-card{width:100%;max-width:480px;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.error-boundary-icon{width:56px;height:56px;border-radius:50%;background:#fee2e2;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700}.error-boundary-card h2{margin:0;font-size:1.4rem;color:var(--color-navy, #001F3F)}.error-boundary-message{margin:0;color:var(--color-gray-700, #374151);line-height:1.55}.error-boundary-details{width:100%;margin-top:4px;text-align:left;font-size:.8rem}.error-boundary-details summary{cursor:pointer;color:var(--color-gray-500, #6b7280);padding:6px 0}.error-boundary-details pre{margin:8px 0 0;padding:12px;background:var(--color-gray-50, #f9fafb);border-radius:8px;overflow:auto;max-height:240px;font-size:.75rem;line-height:1.4;color:var(--color-gray-700, #374151)}.error-boundary-actions{display:flex;gap:10px;width:100%;margin-top:8px}.error-boundary-actions .btn{flex:1}html[data-theme=dark] .error-boundary-page{background:var(--color-background, #0f1419)}.tournament-palpites-page,.tournament-ranking-page{display:flex;flex-direction:column;gap:20px;width:100%;max-width:720px;margin:0 auto}.palpite-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.champion-card{padding:20px}.champion-form-row{display:flex;gap:10px;margin-top:10px;align-items:stretch;flex-wrap:wrap}.champion-form-row .form-input{flex:1;min-width:200px}.phase-card{padding:20px}.phase-card h3{margin:0 0 12px;color:var(--color-navy, #001F3F)}.palpite-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.palpite-row{padding:12px;border:1px solid var(--color-gray-100, #f3f4f6);border-radius:10px;background:var(--color-white, #ffffff);display:flex;flex-direction:column;gap:8px}.palpite-row-locked{opacity:.65;background:var(--color-gray-50, #f9fafb)}.palpite-meta{display:flex;gap:10px;align-items:center;font-size:.78rem;color:var(--color-gray-500, #6b7280);flex-wrap:wrap}.palpite-date{font-weight:600}.palpite-points{padding:2px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-weight:700}.palpite-countdown{padding:2px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:600;font-variant-numeric:tabular-nums}.palpite-locked-badge{padding:2px 10px;border-radius:999px;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-600, #4b5563);font-weight:600}.palpite-teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.palpite-team{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-navy, #001F3F)}.palpite-team-away{justify-content:flex-end;text-align:right}.palpite-team-logo{width:28px;height:28px;object-fit:contain}.palpite-scores{display:flex;align-items:center;gap:6px}.palpite-scores-x{color:var(--color-gray-400, #9ca3af);font-weight:700}.palpite-score-input{width:48px;text-align:center;font-size:1.1rem;font-weight:700;padding:8px 4px;border:1px solid var(--color-gray-200, #e5e7eb);border-radius:8px;background:var(--color-white, #ffffff)}.palpite-score-input:disabled{background:var(--color-gray-50, #f9fafb);color:var(--color-gray-500, #6b7280)}.palpite-save-bar{position:sticky;bottom:72px;margin:12px -4px 0;padding:12px 16px;background:var(--color-white, #ffffff);border:1px solid var(--color-gray-200, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #001f3f14;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:5}.palpite-save-count{font-size:.88rem;color:var(--color-gray-700, #374151);font-weight:600}.ranking-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ranking-row{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--color-gray-50, #f9fafb)}.ranking-row.rank-1{background:#fff3b0}.ranking-row.rank-2{background:#e5e7eb}.ranking-row.rank-3{background:#fde68a}.ranking-rank{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--color-navy, #001F3F);color:var(--color-yellow, #FFD10D)}.ranking-username{font-weight:600;color:var(--color-navy, #001F3F)}.ranking-points{font-weight:700;color:var(--color-navy, #001F3F)}.bet-type-card-bolao{position:relative;background:linear-gradient(135deg,#fff8d6,#fffdf0);border:1px solid #FFE58F}.bet-type-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:999px;background:var(--color-navy, #001F3F);color:var(--color-yellow, #FFD10D);font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}html[data-theme=dark] .palpite-row{background:var(--color-surface, #1a2332);border-color:#ffffff14}html[data-theme=dark] .palpite-row-locked{background:#ffffff05}html[data-theme=dark] .palpite-team,html[data-theme=dark] .palpite-date,html[data-theme=dark] .ranking-username,html[data-theme=dark] .ranking-points{color:var(--color-white, #ffffff)}html[data-theme=dark] .palpite-score-input{background:#ffffff0a;color:var(--color-white, #ffffff);border-color:#ffffff1a}html[data-theme=dark] .ranking-row{background:#ffffff0a}html[data-theme=dark] .palpite-save-bar{background:var(--color-surface, #1a2332);border-color:#ffffff14}.admin-diag-card{padding:20px}.admin-diag-row{display:flex;flex-direction:column;gap:14px;align-items:stretch}@media (min-width: 640px){.admin-diag-row{flex-direction:row;align-items:center;justify-content:space-between}}.admin-diag-info h3{margin:0 0 4px;font-size:1rem;color:var(--color-navy, #001F3F)}.admin-diag-info p{margin:0;font-size:.85rem;color:var(--color-gray-600, #4b5563);line-height:1.45}.admin-diag-row .btn{flex-shrink:0;white-space:nowrap}.admin-diag-result{margin-top:16px;padding:12px 14px;border-radius:10px;border-left:4px solid;display:flex;flex-direction:column;gap:6px}.admin-diag-result p{margin:0;font-size:.82rem;line-height:1.5}.admin-diag-result-header{display:flex;align-items:center;gap:10px;font-size:.9rem}.admin-diag-result-icon{flex-shrink:0;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.78rem}.admin-diag-result-sent{background:#f0fdf4;border-left-color:#16a34a;color:#166534}.admin-diag-result-sent .admin-diag-result-icon{background:#16a34a;color:#fff}.admin-diag-result-unconfigured{background:#fffbeb;border-left-color:#f59e0b;color:#92400e}.admin-diag-result-unconfigured .admin-diag-result-icon{background:#f59e0b;color:#fff;font-style:italic;font-family:Georgia,serif}.admin-diag-result-failed{background:#fef2f2;border-left-color:#dc2626;color:#991b1b}.admin-diag-result-failed .admin-diag-result-icon{background:#dc2626;color:#fff}html[data-theme=dark] .admin-diag-info h3{color:var(--color-white, #ffffff)}html[data-theme=dark] .admin-diag-info p{color:var(--color-gray-300, #d1d5db)}html[data-theme=dark] .admin-diag-result-sent{background:#16a34a1f;color:#86efac}html[data-theme=dark] .admin-diag-result-unconfigured{background:#f59e0b1f;color:#fcd34d}html[data-theme=dark] .admin-diag-result-failed{background:#dc26261f;color:#fca5a5}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#001f3f8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:confirmFadeIn .18s ease}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-card{width:100%;max-width:420px;background:var(--color-white, #ffffff);border-radius:16px;padding:28px 24px 20px;box-shadow:0 20px 50px #001f3f40;display:flex;flex-direction:column;align-items:center;gap:12px;animation:confirmPop .22s cubic-bezier(.2,.8,.3,1.2)}@keyframes confirmPop{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;margin-bottom:4px}.confirm-icon-default{background:#001f3f14;color:var(--color-navy, #001F3F)}.confirm-icon-warning{background:#fef3c7;color:#b45309}.confirm-icon-danger{background:#fee2e2;color:#dc2626}.confirm-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-navy, #001F3F);text-align:center;line-height:1.3}.confirm-message{margin:0 0 8px;font-size:.9rem;line-height:1.5;color:var(--color-gray-700, #374151);text-align:center}.confirm-actions{display:flex;gap:10px;width:100%;margin-top:8px}.confirm-actions .btn{flex:1}html[data-theme=dark] .confirm-card{background:var(--color-surface, #1a2332);box-shadow:0 20px 50px #00000080}html[data-theme=dark] .confirm-title{color:var(--color-white, #ffffff)}html[data-theme=dark] .confirm-message{color:var(--color-gray-300, #d1d5db)}html[data-theme=dark] .confirm-icon-default{background:#ffffff14;color:var(--color-white, #ffffff)}html[data-theme=dark] .confirm-icon-warning{background:#fbbf242e;color:#fbbf24}html[data-theme=dark] .confirm-icon-danger{background:#ef44442e;color:#f87171}.payment-mode-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3cd;color:#664d03;border:1px solid #ffecb5;padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:600;margin-bottom:12px}.payment-mode-badge:before{content:"⚠";font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-white);border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:.65rem;color:var(--color-gray-400);text-decoration:none;transition:color .2s ease}.nav-item.active{color:var(--color-navy)}.nav-icon{font-size:1.25rem}.nav-label{font-weight:600}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:16px}.auth-container{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:32px}.auth-logo-image{max-width:220px;width:70%;height:auto;margin:0 auto 16px;display:block}.auth-title{font-size:2rem;font-weight:700;color:var(--color-navy)}.auth-subtitle{font-size:.9rem;color:var(--color-gray-500);margin-top:4px}.auth-form{background-color:var(--color-white);padding:24px;border-radius:var(--radius);box-shadow:var(--shadow-md)}.auth-form h2{text-align:center;margin-bottom:24px;font-size:1.25rem;color:var(--color-navy)}.auth-link{text-align:center;margin-top:16px;font-size:.875rem;color:var(--color-gray-500)}.auth-link a{color:var(--color-navy);font-weight:600;text-decoration:underline}.auth-link a:hover{color:var(--color-navy-light)}.birth-date-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.birth-date-row select{width:100%;padding:12px 10px;font-family:Poppins,sans-serif;font-size:.95rem;color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.birth-date-row select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffd10d40}.dashboard-page{display:flex;flex-direction:column;gap:20px;width:100%;max-width:960px;margin:0 auto}.welcome-section h1{font-size:1.5rem;font-weight:700}.welcome-section p{color:var(--color-gray-500);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-card{text-align:center;padding:16px}.stat-label{display:block;font-size:.8rem;color:var(--color-gray-500);margin-bottom:4px}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--color-navy)}.quick-actions h2{font-size:1.1rem;margin-bottom:12px}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.action-card{text-align:center;padding:24px 12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;color:var(--color-navy)}.action-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-label{font-size:.85rem;font-weight:600}.wallet-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto}.balance-card{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light) 100%);color:var(--color-white)}.balance-section{margin-bottom:12px}.balance-section:last-child{margin-bottom:0}.balance-label{display:block;font-size:.8rem;opacity:.8;margin-bottom:2px}.balance-value{display:block;font-size:2rem;font-weight:700}.balance-value-small{display:block;font-size:1rem;font-weight:600;opacity:.7}.balance-locked{padding-top:12px;border-top:1px solid rgba(255,255,255,.15)}.deposit-form{display:flex;flex-direction:column;gap:12px}.deposit-form .form-group{margin-bottom:0}.pix-payment{text-align:center}.pix-instruction{font-size:.9rem;color:var(--color-gray-600);margin-bottom:16px}.pix-qr{display:flex;justify-content:center;margin-bottom:16px}.qr-image{width:200px;height:200px;border-radius:var(--radius-sm)}.pix-code-container{display:flex;gap:8px;align-items:stretch;margin-bottom:16px}.pix-code{flex:1;padding:10px 12px;font-size:.75rem;background-color:var(--color-gray-100);border-radius:var(--radius-sm);word-break:break-all;text-align:left;display:flex;align-items:center;overflow-y:auto;max-height:80px}.btn-copy{white-space:nowrap;padding:10px 16px;font-size:.85rem}.transaction-list{display:flex;flex-direction:column}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-gray-100)}.transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column}.transaction-type{font-size:.9rem;font-weight:600}.transaction-date{font-size:.75rem;color:var(--color-gray-400)}.transaction-amount{font-weight:700;font-size:.95rem}.transaction-amount.positive{color:var(--color-success)}.transaction-amount.negative{color:var(--color-error)}.empty-state{text-align:center;color:var(--color-gray-400);padding:24px 0;font-size:.9rem}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}.not-found h1{font-size:4rem;font-weight:700;color:var(--color-navy)}.not-found p{color:var(--color-gray-500);font-size:1.1rem}@media (min-width: 768px){.main-content{max-width:900px;padding:24px 24px 80px}.auth-container{max-width:440px}.auth-form{padding:32px}.logo-image{height:64px}.auth-logo-image{max-width:260px}}@media (min-width: 1024px){.main-content{max-width:1200px;padding:32px 32px 80px}.bottom-nav{right:auto;width:100%;max-width:1200px;left:50%;transform:translate(-50%);border-radius:var(--radius) var(--radius) 0 0;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200)}}@media (min-width: 1280px){.main-content,.bottom-nav{max-width:1320px}}.page-title{font-size:1.5rem;font-weight:700;color:var(--color-navy)}.status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.status-open{background-color:#dcfce7;color:#166534}.status-disputed{background-color:#ffedd5;color:#9a3412}.status-resolved{background-color:var(--color-gray-200);color:var(--color-gray-600)}.status-cancelled{background-color:#fee2e2;color:#991b1b}.category-tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.7rem;font-weight:600;background-color:var(--color-gray-100);color:var(--color-gray-600)}.category-football{background-color:#dcfce7;color:#166534}.category-f1{background-color:#fee2e2;color:#991b1b}.category-tennis{background-color:#fef9c3;color:#854d0e}.category-bbb{background-color:#ede9fe;color:#5b21b6}.category-politics{background-color:#dbeafe;color:#1e40af}.category-custom{background-color:var(--color-gray-100);color:var(--color-gray-600)}.bets-tabs{display:flex;gap:4px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);padding:4px;margin-bottom:16px}.tab-btn{flex:1;padding:8px 12px;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;color:var(--color-gray-500);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.tab-btn:hover{color:var(--color-navy)}.tab-active{background-color:var(--color-white);color:var(--color-navy);box-shadow:var(--shadow)}.form-textarea,.form-select,.form-datetime{width:100%;padding:12px 16px;font-family:Poppins,sans-serif;font-size:1rem;color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none}.form-textarea:focus,.form-select:focus,.form-datetime:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffd10d40}.form-textarea{resize:vertical;min-height:80px}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-hint{font-size:.85rem;color:var(--color-gray-500);margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bets-list-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:960px;margin:0 auto}.bets-header{display:flex;align-items:center;justify-content:space-between}.btn-create-bet{padding:8px 16px;font-size:.85rem}.bets-grid{display:flex;flex-direction:column;gap:12px}.bets-loading{text-align:center;padding:32px 0;color:var(--color-gray-400);font-size:.9rem}.bets-empty{text-align:center;padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:16px}.bets-empty-text{color:var(--color-gray-400);font-size:.95rem}.bet-card{display:block;text-decoration:none;color:var(--color-navy);transition:transform .15s ease,box-shadow .15s ease}.bet-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.bet-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.bet-card-title{font-size:1rem;font-weight:600;margin-bottom:12px;line-height:1.3}.bet-card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border-top:1px solid var(--color-gray-100);padding-top:12px}.bet-stat{text-align:center}.bet-stat-label{display:block;font-size:.65rem;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.bet-stat-value{display:block;font-size:.85rem;font-weight:700;color:var(--color-navy)}.create-bet-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto}.create-bet-form{display:flex;flex-direction:column;gap:4px}.create-bet-form h3{margin-bottom:12px}.step-progress{display:flex;justify-content:space-between;position:relative}.step-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;position:relative}.step-circle{width:32px;height:32px;border-radius:50%;background-color:var(--color-gray-200);color:var(--color-gray-500);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;transition:all .2s ease}.step-active .step-circle{background-color:var(--color-primary);color:var(--color-navy)}.step-done .step-circle{background-color:var(--color-navy);color:var(--color-white)}.step-label{font-size:.65rem;font-weight:600;color:var(--color-gray-400);text-align:center}.step-active .step-label,.step-done .step-label{color:var(--color-navy)}.option-row{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px}.option-input-group{flex:1}.btn-remove-option{padding:10px 12px;font-size:.8rem;margin-bottom:16px;white-space:nowrap}.step-nav{display:flex;gap:12px;justify-content:flex-end}.step-nav .btn{min-width:120px}.review-section{display:flex;flex-direction:column;gap:12px}.review-item{display:flex;flex-direction:column;gap:2px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-100)}.review-item:last-child{border-bottom:none;padding-bottom:0}.review-label{font-size:.75rem;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.3px}.review-value{font-size:.95rem;font-weight:500;color:var(--color-navy)}.review-options{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.review-option-tag{display:inline-block;padding:4px 12px;background-color:var(--color-gray-100);border-radius:20px;font-size:.8rem;font-weight:500;color:var(--color-navy)}.bet-detail-page{display:flex;flex-direction:column;gap:16px}.bet-hero{position:relative}.bet-hero-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bet-hero-title{font-size:1.25rem;font-weight:700;color:var(--color-navy);margin-bottom:4px}.bet-hero-description{font-size:.9rem;color:var(--color-gray-500);margin-bottom:12px;line-height:1.4}.bet-hero-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-gray-500);margin-bottom:8px}.bet-meta-divider{color:var(--color-gray-300)}.bet-timer{display:inline-block;padding:4px 12px;background-color:var(--color-primary);color:var(--color-navy);border-radius:20px;font-size:.8rem;font-weight:700}.bet-options h3,.bet-join h3,.bet-voting h3,.bet-participants h3{margin-bottom:12px}.options-list{display:flex;flex-direction:column;gap:8px}.option-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);border:2px solid transparent;transition:border-color .2s ease}.option-selected{border-color:var(--color-primary);background-color:#fffbeb}.option-winner{border-color:var(--color-success);background-color:#f0fdf4}.option-info{display:flex;flex-direction:column;gap:2px}.option-text{font-size:.95rem;font-weight:600;color:var(--color-navy)}.option-count{font-size:.75rem;color:var(--color-gray-400)}.option-your-pick{font-size:.7rem;font-weight:700;color:var(--color-primary-hover);text-transform:uppercase;letter-spacing:.3px}.option-winner-badge{font-size:.7rem;font-weight:700;color:var(--color-success);text-transform:uppercase;letter-spacing:.3px}.bet-join{border:2px solid var(--color-primary)}.voting-options{display:flex;flex-direction:column;gap:8px}.voting-btn{text-align:left;justify-content:flex-start}.participants-list{display:flex;flex-direction:column}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--color-gray-100)}.participant-item:last-child{border-bottom:none}.participant-name{font-size:.9rem;font-weight:600;color:var(--color-navy)}.participant-amount{font-size:.9rem;font-weight:700;color:var(--color-navy)}.invite-page{min-height:100vh;background-color:var(--color-bg);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px}.invite-container{width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px}.invite-brand{text-align:center}.invite-brand-title{font-size:1.75rem;font-weight:700;color:var(--color-navy)}.invite-brand-sub{font-size:.9rem;color:var(--color-gray-500);margin-top:2px}.invite-card{display:flex;flex-direction:column;gap:8px}.invite-bet-title{font-size:1.2rem;font-weight:700;color:var(--color-navy)}.invite-bet-desc{font-size:.9rem;color:var(--color-gray-500);line-height:1.4}.invite-regulamento{margin-top:12px;padding:12px 14px;background-color:var(--color-gray-100);border-left:3px solid var(--color-yellow);border-radius:8px}.invite-regulamento-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-navy);margin-bottom:6px}.invite-regulamento-body{font-size:.92rem;color:var(--color-navy);line-height:1.5;white-space:pre-wrap;margin:0}.invite-terms{margin:12px 0;padding:12px 14px;border:1px solid var(--color-gray-200);border-radius:8px;background-color:var(--color-white)}.invite-terms-body{font-size:.85rem;color:var(--color-gray-600);line-height:1.5;margin:0 0 10px}.invite-terms-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;font-size:.9rem;color:var(--color-navy);font-weight:600}.invite-terms-check input[type=checkbox]{width:20px;height:20px;flex:0 0 auto;margin-top:2px;accent-color:var(--color-navy);cursor:pointer}.review-regulamento{white-space:pre-wrap;line-height:1.5}.invite-details{display:flex;flex-direction:column;gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid var(--color-gray-100)}.invite-detail-row{display:flex;justify-content:space-between;align-items:flex-start}.invite-detail-label{font-size:.8rem;font-weight:600;color:var(--color-gray-400)}.invite-detail-value{font-size:.85rem;font-weight:600;color:var(--color-navy);text-align:right}.invite-options-list{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.invite-error-text{font-size:.9rem;color:var(--color-gray-500);margin-bottom:16px}.invite-action{display:flex;flex-direction:column;gap:12px}.invite-action h3{margin-bottom:4px}.invite-action-text{font-size:.9rem;color:var(--color-gray-500);text-align:center}.chat-window{display:flex;flex-direction:column;background-color:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;height:400px}.chat-header-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-gray-100);flex-shrink:0}.chat-title{font-size:.95rem;font-weight:700;color:var(--color-navy)}.chat-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:10px}.chat-online{background-color:#dcfce7;color:#166534}.chat-offline{background-color:var(--color-gray-100);color:var(--color-gray-500)}.chat-messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.chat-empty{text-align:center;color:var(--color-gray-400);font-size:.85rem;padding:40px 0}.chat-message{display:flex;flex-direction:column;align-items:flex-start;max-width:80%}.chat-message-own{align-self:flex-end;align-items:flex-end}.chat-message-username{font-size:.7rem;font-weight:600;color:var(--color-gray-400);margin-bottom:2px;padding-left:8px}.chat-bubble{padding:8px 12px;border-radius:16px;background-color:var(--color-gray-100);display:inline-flex;align-items:flex-end;gap:6px;max-width:100%}.chat-message-own .chat-bubble{background-color:var(--color-primary)}.chat-bubble-text{font-size:.875rem;color:var(--color-navy);word-break:break-word}.chat-bubble-time{font-size:.6rem;color:var(--color-gray-400);white-space:nowrap;flex-shrink:0}.chat-message-own .chat-bubble-time{color:var(--color-navy);opacity:.6}.chat-message-system{text-align:center;font-size:.75rem;color:var(--color-gray-400);font-style:italic;padding:4px 0}.chat-input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-gray-100);flex-shrink:0}.chat-input{flex:1;padding:10px 14px;font-family:Poppins,sans-serif;font-size:.875rem;color:var(--color-navy);background-color:var(--color-gray-100);border:none;border-radius:20px;outline:none}.chat-input:focus{box-shadow:none;background-color:var(--color-gray-200)}.chat-send-btn{padding:8px 16px;font-size:.8rem;border-radius:20px}@media (min-width: 768px){.bets-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bet-card-stats{grid-template-columns:1fr 1fr 1fr}.step-progress{max-width:400px;margin:0 auto}.chat-window{height:500px}}@media (min-width: 1024px){.bets-grid{grid-template-columns:1fr 1fr 1fr}.bet-detail-page{max-width:700px;margin:0 auto}.invite-container{max-width:480px}}.ranking-page{display:flex;flex-direction:column;gap:16px}.ranking-tabs{display:flex;gap:4px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);padding:4px}.ranking-loading{text-align:center;padding:24px 0;color:var(--color-gray-400);font-size:.9rem}.ranking-user-card{background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-light) 100%);color:var(--color-white);display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.ranking-user-label{font-size:.85rem;opacity:.8}.ranking-user-stats{display:flex;align-items:baseline;gap:12px}.ranking-user-rank{font-size:1.75rem;font-weight:700}.ranking-user-points{font-size:.95rem;font-weight:600;opacity:.8}.podium-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;align-items:flex-end}.podium-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:var(--radius);text-align:center}.podium-gold{background-color:#fef3c7;border:2px solid #F59E0B;order:2;padding-top:24px;padding-bottom:24px}.podium-silver{background-color:#f3f4f6;border:2px solid #9CA3AF;order:1}.podium-bronze{background-color:#fed7aa;border:2px solid #EA580C;order:3}.podium-place{font-size:1.5rem;font-weight:700;color:var(--color-navy)}.podium-gold .podium-place{color:#b45309}.podium-silver .podium-place{color:#4b5563}.podium-bronze .podium-place{color:#c2410c}.podium-username{font-size:.8rem;font-weight:600;color:var(--color-navy);word-break:break-word}.podium-points{font-size:.75rem;font-weight:700;color:var(--color-gray-500)}.leaderboard-table{display:flex;flex-direction:column;padding:0;overflow:hidden}.leaderboard-row{display:flex;align-items:center;padding:12px 16px;gap:12px;border-bottom:1px solid var(--color-gray-100)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:nth-child(2n){background-color:var(--color-gray-100)}.leaderboard-row-highlight{background-color:#ffd10d26!important;border-left:3px solid var(--color-primary)}.leaderboard-rank{font-size:.9rem;font-weight:700;color:var(--color-navy);min-width:32px}.leaderboard-username{flex:1;font-size:.9rem;font-weight:500;color:var(--color-navy)}.leaderboard-points{font-size:.85rem;font-weight:700;color:var(--color-gray-600)}.badges-section{margin-top:8px}.badges-title{font-size:1.1rem;font-weight:700;color:var(--color-navy);margin-bottom:12px}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.badge-card{display:flex;align-items:center;gap:10px;padding:12px;background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:transform .15s ease}.badge-earned{border:1px solid var(--color-gray-200)}.badge-locked{opacity:.5;border:1px dashed var(--color-gray-300)}.badge-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.badge-info{display:flex;flex-direction:column;min-width:0}.badge-name{font-size:.8rem;font-weight:700;color:var(--color-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge-description{font-size:.7rem;color:var(--color-gray-500);line-height:1.3}@media (min-width: 768px){.podium-section{max-width:420px;margin:0 auto;width:100%}.badges-grid{grid-template-columns:1fr 1fr 1fr}.badge-card{padding:14px}}@media (min-width: 1024px){.ranking-page{max-width:700px;margin:0 auto}.badges-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.admin-page{display:flex;flex-direction:column;gap:20px}.admin-page-title{font-size:1.5rem;font-weight:700;color:var(--color-navy)}.admin-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-stat-card{text-align:center;padding:20px 16px}.admin-stat-label{display:block;font-size:.8rem;color:var(--color-gray-500);margin-bottom:6px;font-weight:500}.admin-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--color-navy)}.admin-quick-links h2{font-size:1.1rem;margin-bottom:12px}.admin-links-grid{display:grid;grid-template-columns:1fr;gap:12px}.admin-link-card{display:block;padding:20px;text-decoration:none;color:var(--color-navy);transition:transform .15s ease,box-shadow .15s ease}.admin-link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-link-title{display:block;font-size:1rem;font-weight:700;margin-bottom:4px}.admin-link-desc{display:block;font-size:.85rem;color:var(--color-gray-500)}.admin-search-bar{display:flex;gap:8px;align-items:stretch}.admin-search-bar input{flex:1}.admin-filter-bar{display:flex;align-items:center;gap:12px}.admin-filter-bar label{font-size:.875rem;font-weight:600;color:var(--color-gray-700);white-space:nowrap}.admin-select{padding:10px 14px;font-family:Poppins,sans-serif;font-size:.9rem;color:var(--color-navy);background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);outline:none;cursor:pointer;min-width:140px}.admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffd10d40}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:600px}.admin-table th{text-align:left;padding:12px 10px;font-weight:600;color:var(--color-gray-600);border-bottom:2px solid var(--color-gray-200);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.admin-table td{padding:12px 10px;border-bottom:1px solid var(--color-gray-100);color:var(--color-navy);vertical-align:middle}.admin-table tbody tr:nth-child(2n){background-color:var(--color-gray-100)}.admin-table tbody tr:hover{background-color:#ffd10d14}.status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.status-active,.status-open{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fef2f2;color:#991b1b}.status-locked{background-color:#fef9c3;color:#854d0e}.status-voting{background-color:#dbeafe;color:#1e40af}.status-disputed{background-color:#fef2f2;color:#991b1b}.status-resolved{background-color:#f3f4f6;color:var(--color-gray-600)}.status-cancelled{background-color:#f3f4f6;color:var(--color-gray-400)}.admin-badge{display:inline-block;padding:2px 8px;margin-left:6px;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;background-color:var(--color-navy);color:var(--color-white);vertical-align:middle}.admin-actions-cell{white-space:nowrap;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.btn-action{display:inline-block;padding:5px 12px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:opacity .15s ease;white-space:nowrap}.btn-action:hover{opacity:.85}.btn-action-primary{background-color:var(--color-primary);color:var(--color-navy)}.btn-action-danger{background-color:var(--color-error);color:var(--color-white)}.btn-action-success{background-color:var(--color-success);color:var(--color-white)}.btn-action-secondary{background-color:var(--color-gray-200);color:var(--color-gray-700)}.btn-sm{padding:8px 16px;font-size:.85rem}.admin-confirm-group{display:inline-flex;align-items:center;gap:4px}.admin-confirm-text{font-size:.75rem;font-weight:600;color:var(--color-gray-600)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:8px}.admin-page-indicator{font-size:.85rem;font-weight:600;color:var(--color-gray-600)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#001f3f99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.admin-modal-card{width:100%;max-width:420px;padding:24px}.admin-modal-card h2{font-size:1.15rem;margin-bottom:4px}.admin-modal-subtitle{font-size:.9rem;color:var(--color-gray-500);margin-bottom:20px}.admin-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.admin-radio-label{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:.9rem;cursor:pointer}.admin-radio-label input[type=radio]{width:18px;height:18px;accent-color:var(--color-navy);cursor:pointer}.admin-fee-form{display:flex;flex-direction:column;gap:20px}.admin-fee-form h3{margin-bottom:0}.admin-fee-radio-group{display:flex;flex-direction:column;gap:4px}.admin-fee-preview{padding:14px 16px;background-color:var(--color-navy);color:var(--color-white);border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;text-align:center}@media (min-width: 768px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.admin-links-grid{grid-template-columns:1fr 1fr 1fr}.admin-modal-actions{flex-direction:row}}@media (min-width: 1024px){.admin-stats-grid{grid-template-columns:repeat(5,1fr)}.admin-table{font-size:.9rem}}.profile-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:720px;margin:0 auto}.profile-header{text-align:center;padding:32px 20px}.profile-avatar{width:72px;height:72px;border-radius:50%;background-color:var(--color-navy);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 12px}.profile-name{font-size:1.4rem;font-weight:700;color:var(--color-navy)}.profile-email{font-size:.85rem;color:var(--color-gray-500);margin-top:4px}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-gray-100)}.profile-info-row:last-child{border-bottom:none}.profile-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.profile-toggle-title{font-weight:600;color:var(--color-navy);margin-bottom:2px}.profile-toggle-row input[type=checkbox]{flex:0 0 auto;width:22px;height:22px;accent-color:var(--color-navy);cursor:pointer}.profile-info-label{font-size:.9rem;color:var(--color-gray-500)}.profile-info-value{font-size:.9rem;font-weight:600;color:var(--color-navy)}.profile-admin-badge{background-color:var(--color-navy);color:var(--color-primary);padding:2px 10px;border-radius:100px;font-size:.75rem}.profile-logout-btn{color:var(--color-error);border-color:var(--color-error)}.profile-logout-btn:hover:not(:disabled){background-color:#fef2f2}.share-section h3{margin-bottom:12px}.share-buttons{display:flex;gap:10px;flex-wrap:wrap}.share-section .share-buttons>.btn{flex:1 1 calc(50% - 5px);min-width:0}.btn-whatsapp{background-color:#25d366;color:var(--color-white);border-color:#25d366;flex:1}.btn-whatsapp:hover:not(:disabled){background-color:#1da851;border-color:#1da851}.btn-whatsapp svg{flex-shrink:0}.btn-copy-link{background-color:var(--color-white);color:var(--color-navy);border-color:var(--color-gray-300);flex:1}.btn-copy-link:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.btn-copy-link svg{flex-shrink:0}.bet-card-header-right{display:flex;align-items:center;gap:8px}.btn-share-card{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:1.5px solid var(--color-gray-200);border-radius:50%;cursor:pointer;color:var(--color-gray-400);transition:all .2s ease;flex-shrink:0}.btn-share-card:hover{color:#25d366;border-color:#25d366;background-color:#25d36614}.btn-share-card svg{display:block}.header-back{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:none;color:var(--color-navy);cursor:pointer;border-radius:50%;margin-right:4px;transition:background-color .15s ease;flex-shrink:0}.header-back:hover{background-color:var(--color-gray-100)}.header-back:active{background-color:var(--color-gray-200)}.admin-users-list{display:flex;flex-direction:column;gap:12px}.admin-user-card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.admin-user-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-100)}.admin-user-identity{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-user-name{font-size:1rem;font-weight:700;color:var(--color-navy)}.admin-user-info{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.admin-user-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem}.admin-user-label{color:var(--color-gray-500);font-weight:500;flex-shrink:0}.admin-user-value{color:var(--color-navy);font-weight:500;text-align:right;word-break:break-all}.admin-user-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-user-actions .btn-action,.admin-user-actions .admin-confirm-group{flex:1;min-width:max-content}@media (min-width: 768px){.admin-users-list{gap:14px}.admin-user-card{padding:18px 20px}}.header-content{position:relative}.header-admin-btn{margin-left:auto;padding:6px 14px;background-color:var(--color-navy);color:var(--color-primary);border:none;border-radius:100px;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background-color .15s ease;flex-shrink:0}.header-admin-btn:hover{background-color:var(--color-navy-light)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] h4,html[data-theme=dark] h5,html[data-theme=dark] h6{color:var(--color-text)}html[data-theme=dark] a{color:var(--color-primary)}html[data-theme=dark] .stat-label,html[data-theme=dark] .stat-mini-label,html[data-theme=dark] .dash-stat-label,html[data-theme=dark] .profile-info-label,html[data-theme=dark] .admin-user-label,html[data-theme=dark] .transaction-date,html[data-theme=dark] .balance-label,html[data-theme=dark] .dash-balance-label,html[data-theme=dark] .empty-bets-subtitle,html[data-theme=dark] .auth-subtitle,html[data-theme=dark] .welcome-section p,html[data-theme=dark] .pix-instruction,html[data-theme=dark] .bet-meta-item,html[data-theme=dark] .bet-meta-divider,html[data-theme=dark] .bet-card-meta,html[data-theme=dark] .option-count,html[data-theme=dark] .empty-state,html[data-theme=dark] .dash-empty-subtitle,html[data-theme=dark] .dash-section-link,html[data-theme=dark] .section-link,html[data-theme=dark] .admin-page-indicator,html[data-theme=dark] .admin-confirm-text{color:var(--color-text-muted)}html[data-theme=dark] .stat-value,html[data-theme=dark] .stat-mini-value,html[data-theme=dark] .dash-stat-value,html[data-theme=dark] .dash-balance-value,html[data-theme=dark] .balance-value,html[data-theme=dark] .profile-info-value,html[data-theme=dark] .profile-name,html[data-theme=dark] .welcome-section h1,html[data-theme=dark] .hero-name,html[data-theme=dark] .cta-title,html[data-theme=dark] .admin-user-name,html[data-theme=dark] .admin-user-value,html[data-theme=dark] .bet-hero-title,html[data-theme=dark] .bet-card-title,html[data-theme=dark] .participant-name,html[data-theme=dark] .transaction-type,html[data-theme=dark] .option-text,html[data-theme=dark] .empty-bets-title,html[data-theme=dark] .dash-empty-title,html[data-theme=dark] .section-title,html[data-theme=dark] .dash-section-title,html[data-theme=dark] .admin-page-title,html[data-theme=dark] .logo-text,html[data-theme=dark] .auth-title{color:var(--color-text)}html[data-theme=dark] .profile-avatar{background-color:var(--color-primary);color:var(--color-navy)}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .empty-bets-subtitle+.btn{color:var(--color-text)}html[data-theme=dark] .option-item,html[data-theme=dark] .participant-item{border-color:var(--color-border)}html[data-theme=dark] .transaction-amount.positive{color:#4ade80}html[data-theme=dark] .transaction-amount.negative{color:#f87171}html[data-theme=dark] .category-tag{background-color:var(--color-surface-alt);color:var(--color-text)}html[data-theme=dark] .auth-logo img,html[data-theme=dark] .logo-image{filter:none}html[data-theme=dark] .featured-placeholder,html[data-theme=dark] .dash-hot-placeholder{border-color:var(--color-border);color:var(--color-text-subtle)}html[data-theme=dark] .admin-table th{background-color:var(--color-surface-alt);color:var(--color-text)}html[data-theme=dark] .admin-table td{color:var(--color-text);border-bottom-color:var(--color-border)}html[data-theme=dark] .admin-stat-label{color:var(--color-text-muted)}html[data-theme=dark] .admin-stat-value,html[data-theme=dark] .admin-quick-link-title,html[data-theme=dark] .admin-quick-link-desc{color:var(--color-text)}html[data-theme=dark] .admin-quick-link-desc{color:var(--color-text-muted)}html[data-theme=dark] .btn-primary,html[data-theme=dark] a.btn-primary,html[data-theme=dark] .dash-hero-action,html[data-theme=dark] .dash-empty-cta,html[data-theme=dark] .action-card,html[data-theme=dark] a.action-card,html[data-theme=dark] a.action-card *{color:var(--color-navy)}html[data-theme=dark] .btn-whatsapp,html[data-theme=dark] a.btn-whatsapp{color:var(--color-white)}html[data-theme=dark] .action-card,html[data-theme=dark] a.action-card,html[data-theme=dark] a.action-card *,html[data-theme=dark] .action-label{color:var(--color-text)!important}html[data-theme=dark] .action-card:hover{background-color:var(--color-surface-alt)}.input-with-prefix{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:14px;color:var(--color-gray-500);font-weight:600;font-size:1rem;pointer-events:none}.input-with-prefix input{padding-left:44px}.form-hint{display:block;margin-top:6px;font-size:.8rem;color:var(--color-gray-500)}html[data-theme=dark] .input-prefix,html[data-theme=dark] .form-hint{color:var(--color-text-muted)}.btn-danger{background-color:transparent;color:var(--color-error);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background-color:#fef2f2}html[data-theme=dark] .btn-danger{color:#fca5a5;border-color:#f87171}html[data-theme=dark] .btn-danger:hover:not(:disabled){background-color:#ef44441a}.share-divider{height:1px;background-color:var(--color-border);margin:16px 0}.alert-info{background-color:var(--color-surface-alt);color:var(--color-text);border:1px solid var(--color-border, var(--color-gray-200))}html[data-theme=dark] .alert-info{background-color:var(--color-surface-alt);color:var(--color-text)}.form-readonly{padding:10px 12px;background-color:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;font-weight:500}.bet-type-selector{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.bet-type-selector{grid-template-columns:1fr 1fr}}.bet-type-card{text-align:left;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .1s ease;background-color:var(--color-surface);color:var(--color-text);display:flex;flex-direction:column;gap:8px;padding:20px;font-family:inherit}.bet-type-card:hover{border-color:var(--color-primary);transform:translateY(-1px)}.bet-type-card:active{transform:translateY(0)}.bet-type-card h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text)}.bet-type-card p{margin:0;font-size:.85rem;color:var(--color-text-muted);line-height:1.4}.bet-type-icon{font-size:1.75rem;line-height:1}.sport-league-list{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}@media (min-width: 600px){.sport-league-list{grid-template-columns:1fr 1fr}}.sport-league-card{padding:12px 14px;border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .15s ease,background-color .15s ease}.sport-league-card:hover{border-color:var(--color-primary)}.sport-league-card-active{border-color:var(--color-primary);background-color:#ffd10d1a}.sport-league-name{color:var(--color-text)}.sport-fixture-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sport-fixture-card{padding:12px 14px;border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease,background-color .15s ease}.sport-fixture-card:hover{border-color:var(--color-primary)}.sport-fixture-card-active{border-color:var(--color-primary);background-color:#ffd10d1a}.sport-fixture-teams{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;font-size:.9rem}.sport-fixture-team{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.sport-fixture-team:last-child{justify-content:flex-end;text-align:right}.sport-fixture-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sport-fixture-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.sport-fixture-vs{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.sport-fixture-date{font-size:.8rem;color:var(--color-text-muted)}.sport-template-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sport-template-card{padding:12px 14px;border:2px solid var(--color-gray-200);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;font-family:inherit;display:flex;flex-direction:column;gap:4px;transition:border-color .15s ease,background-color .15s ease}.sport-template-card:hover{border-color:var(--color-primary)}.sport-template-card-active{border-color:var(--color-primary);background-color:#ffd10d1a}.sport-template-card h4{margin:0;font-size:.95rem;font-weight:700;color:var(--color-text)}.sport-template-card p{margin:0;font-size:.8rem;color:var(--color-text-muted)}.sport-options-preview{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-gray-100);display:flex;flex-direction:column;gap:6px}.leagues-list-page,.league-detail-page{display:flex;flex-direction:column;gap:16px;width:100%;max-width:960px;margin:0 auto}.league-header-actions{display:flex;flex-wrap:wrap;gap:8px}.leagues-grid{display:grid;grid-template-columns:1fr;gap:12px}.league-card{display:flex;flex-direction:column;gap:8px;padding:16px;text-decoration:none;color:var(--color-text);transition:transform .15s ease,box-shadow .15s ease}.league-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #001f3f14}.league-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.league-card-title{font-size:1.05rem;font-weight:600;margin:0;color:var(--color-text)}.league-card-count{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.league-card-desc{font-size:.9rem;color:var(--color-text-muted);margin:0}.league-card-footer{display:flex;align-items:center;gap:6px;padding-top:8px;border-top:1px solid var(--color-border);font-size:.85rem}.league-card-code-label{color:var(--color-text-muted);font-size:.8rem}.league-invite-code{font-family:Courier New,Courier,monospace;font-weight:600;letter-spacing:.02em;background-color:var(--color-surface-alt);color:var(--color-text);padding:2px 8px;border-radius:var(--radius-sm, 6px);font-size:.9rem}.league-code-input{font-family:Courier New,Courier,monospace;letter-spacing:.02em;text-align:center}.league-detail-header{display:flex;flex-direction:column;gap:12px}.league-back-link{display:inline-block;font-size:.85rem;color:var(--color-text-muted);text-decoration:none;margin-bottom:6px}.league-detail-desc{color:var(--color-text-muted);font-size:.95rem;margin-top:4px}.league-detail-code{display:flex;flex-direction:column;gap:4px;padding:12px;background-color:var(--color-surface-alt);border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border)}.league-invite-code-row{display:flex;align-items:center;gap:8px}.btn-copy-code{padding:6px 12px;font-size:.8rem}.league-tabs{margin-top:4px}.league-members-list{display:flex;flex-direction:column;gap:8px}.league-member-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.league-member-name{font-weight:500;color:var(--color-text)}.league-owner-badge{display:inline-block;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;background-color:var(--color-navy);color:var(--color-white);border-radius:var(--radius-sm, 6px)}.league-ranking-list .card{padding:0;overflow:hidden}.league-ranking-table{width:100%;border-collapse:collapse;font-size:.9rem}.league-ranking-table th,.league-ranking-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.league-ranking-table th{background-color:var(--color-surface-alt);color:var(--color-text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.league-ranking-table tr:last-child td{border-bottom:none}.league-detail-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border)}.league-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#001f3f99;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.league-modal-card{width:100%;max-width:420px;padding:24px}.league-modal-card h2{font-size:1.15rem;margin-bottom:4px}.league-modal-subtitle{font-size:.9rem;color:var(--color-text-muted);margin-bottom:20px}.league-form{display:flex;flex-direction:column;gap:16px}.league-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}@media (min-width: 600px){.leagues-grid{grid-template-columns:repeat(2,1fr)}.league-detail-header{flex-direction:row;justify-content:space-between;align-items:flex-start}.league-detail-code{min-width:240px}.league-detail-actions,.league-modal-actions{flex-direction:row;justify-content:flex-end}}@media (min-width: 960px){.leagues-grid{grid-template-columns:repeat(3,1fr)}}