.navbar{position:sticky;top:0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.dark .navbar{background:#111827e6;border-bottom-color:#ffffff1a}.navbar-content{display:flex;align-items:center;justify-content:space-between;height:4rem;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.navbar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:var(--transition-all)}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:var(--transition-all)}.navbar-logo:hover .navbar-logo-icon{transform:rotate(5deg);box-shadow:var(--shadow-xl)}.navbar-logo-initials{color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);text-shadow:0 1px 2px rgba(0,0,0,.2)}.navbar-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:var(--transition-colors)}.navbar-logo:hover .navbar-logo-text{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-links{display:none;align-items:center;gap:var(--space-8)}@media(min-width:768px){.navbar-links{display:flex}}.navbar-link{position:relative;color:var(--gray-700);font-weight:var(--font-weight-medium);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);transition:var(--transition-all)}.dark .navbar-link{color:var(--gray-300)}.navbar-link:hover{color:var(--primary-600);background:var(--primary-50)}.dark .navbar-link:hover{background:var(--primary-950)}.navbar-link-admin{color:var(--warning-600)!important}.navbar-link-admin:hover{background:var(--warning-50);color:var(--warning-700)!important}.dark .navbar-link-admin:hover{background:var(--warning-950)}.navbar-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full);transition:var(--transition-all);transform:translate(-50%)}.navbar-link:hover:after{width:80%}.navbar-actions,.navbar-user-section{display:flex;align-items:center;gap:var(--space-4)}.navbar-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--transition-all)}.dark .navbar-user-info{background:#ffffff0d;border-color:#ffffff1a}.navbar-user-info:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.navbar-user-avatar{width:2rem;height:2rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.navbar-user-initial{color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-shadow:0 1px 2px rgba(0,0,0,.2)}.navbar-user-details{display:flex;flex-direction:column;gap:2px}.navbar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .navbar-user-name{color:var(--gray-100)}.navbar-user-role{font-size:10px;color:var(--gray-500);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.navbar-user-role:before{content:"";display:inline-block;width:6px;height:6px;background:var(--primary-500);border-radius:50%;margin-right:var(--space-1)}.navbar-user-role[data-role=admin]:before{background:var(--warning-500)}.navbar-user-role[data-role=moderator]:before{background:var(--secondary-500)}.navbar-auth-buttons{display:flex;align-items:center;gap:var(--space-3)}.navbar-btn-icon{width:1rem;height:1rem}.navbar-btn-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.navbar-mobile-toggle{display:block;padding:var(--space-2);background:none;border:none;color:var(--gray-700);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-colors)}.navbar-mobile-toggle:hover{background:var(--gray-100);color:var(--gray-900)}.dark .navbar-mobile-toggle{color:var(--gray-300)}.dark .navbar-mobile-toggle:hover{background:var(--gray-800);color:var(--gray-100)}@media(min-width:768px){.navbar-mobile-toggle{display:none}}.navbar-mobile-toggle-icon{width:1.5rem;height:1.5rem}.navbar-mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition-all)}.dark .navbar-mobile-menu{background:#111827f2;border-bottom-color:#ffffff1a}.navbar-mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-mobile-links{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.navbar-mobile-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--gray-700);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-all)}.dark .navbar-mobile-link{color:var(--gray-300)}.navbar-mobile-link:hover{background:var(--gray-100);color:var(--gray-900);transform:translate(4px)}.dark .navbar-mobile-link:hover{background:var(--gray-800);color:var(--gray-100)}.navbar-mobile-link-icon{width:1.25rem;height:1.25rem;color:var(--gray-500)}.navbar-mobile-link:hover .navbar-mobile-link-icon{color:var(--primary-500)}.navbar-theme-toggle{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-all)}.dark .navbar-theme-toggle{background:var(--gray-800);border-color:var(--gray-700)}.navbar-theme-toggle:hover{background:var(--gray-200);transform:rotate(12deg)}.dark .navbar-theme-toggle:hover{background:var(--gray-700)}.navbar-theme-icon{width:1.25rem;height:1.25rem;transition:var(--transition-colors)}.navbar-theme-icon.sun{color:#fbbf24}.navbar-theme-icon.moon{color:#60a5fa}@keyframes navbar-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-enter{animation:navbar-slide-down .3s ease-out}@media(max-width:767px){.navbar-content{height:3.5rem}.navbar-logo-text,.navbar-user-info,.navbar-auth-buttons .navbar-btn-text{display:none}}@media(prefers-reduced-motion:reduce){.navbar-logo-icon,.navbar-user-info,.navbar-theme-toggle,.navbar-link:after,.navbar-mobile-link{transition:none!important}.navbar-enter{animation:none}}.navbar-link:focus,.navbar-logo:focus,.navbar-theme-toggle:focus,.navbar-mobile-toggle:focus{outline:2px solid var(--primary-500);outline-offset:2px}.dark .navbar-link:focus,.dark .navbar-logo:focus,.dark .navbar-theme-toggle:focus,.dark .navbar-mobile-toggle:focus{outline-color:var(--primary-400)}.navbar-loading{opacity:.7;pointer-events:none}.navbar-error{border-bottom-color:var(--danger-500)}.navbar-success{border-bottom-color:var(--success-500)}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;transition:var(--transition-colors);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--gray-700);text-decoration:none;font-weight:var(--font-weight-medium)}.dark .navbar-dropdown-toggle{color:var(--gray-300)}.navbar-dropdown-toggle:hover{color:var(--primary-600);background:var(--primary-50)}.dark .navbar-dropdown-toggle:hover{background:var(--primary-950)}.navbar-dropdown-toggle.active{color:var(--primary-600);background:var(--primary-50)}.dark .navbar-dropdown-toggle.active{background:var(--primary-950)}.navbar-dropdown-icon{width:1rem;height:1rem;transition:transform .2s ease}.navbar-dropdown-toggle.active .navbar-dropdown-icon{transform:rotate(180deg)}.navbar-dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:navbar-dropdown-fade-in .2s ease-out}.dark .navbar-dropdown-menu{background:#111827f2;border-color:#ffffff1a}@keyframes navbar-dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--gray-700);text-decoration:none;transition:var(--transition-all)}.dark .navbar-dropdown-item{color:var(--gray-300)}.navbar-dropdown-item:hover{background:var(--primary-50);color:var(--primary-700);transform:translate(4px)}.dark .navbar-dropdown-item:hover{background:var(--primary-950);color:var(--primary-300)}.navbar-dropdown-item-icon{width:1rem;height:1rem;color:var(--gray-500)}.navbar-dropdown-item:hover .navbar-dropdown-item-icon{color:var(--primary-500)}.navbar-link-outcome{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff!important;box-shadow:var(--shadow-sm)}.navbar-link-outcome:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-link-top-picks{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff!important;box-shadow:var(--shadow-sm)}.navbar-link-top-picks:hover{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-link-vip{background:linear-gradient(135deg,var(--purple-500),var(--purple-600));color:#fff!important;box-shadow:var(--shadow-sm)}.navbar-link-vip:hover{background:linear-gradient(135deg,var(--purple-600),var(--purple-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.navbar-mobile-submenu{margin-top:var(--space-2)}.navbar-mobile-submenu-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.dark .navbar-mobile-submenu-header{color:var(--gray-400)}.navbar-mobile-submenu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-left:var(--space-8);color:var(--gray-600);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);transition:var(--transition-all)}.dark .navbar-mobile-submenu-item{color:var(--gray-400)}.navbar-mobile-submenu-item:hover{background:var(--gray-100);color:var(--gray-900);transform:translate(4px)}.dark .navbar-mobile-submenu-item:hover{background:var(--gray-800);color:var(--gray-100)}@media(max-width:1024px){.navbar-links{gap:var(--space-4)}.navbar-link{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}}@media(max-width:768px){.navbar-content{padding:0 var(--space-3)}.navbar-links{gap:var(--space-2)}}.navbar-content{max-width:100%;width:100%;padding:0 max(1rem,env(safe-area-inset-left))}@media(min-width:768px){.navbar-content{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}}@media(min-width:1024px){.navbar-content{max-width:1400px}}.navbar-dropdown-menu{z-index:1000;position:fixed;top:100%;left:0;right:0;max-height:80vh;overflow-y:auto}@media(min-width:768px){.navbar-dropdown-menu{position:absolute;top:100%;left:auto;right:auto;max-height:70vh}}.navbar-dropdown-menu-wide{min-width:320px;max-width:90vw;padding:var(--space-4)}@media(min-width:768px){.navbar-dropdown-menu-wide{min-width:600px;max-width:800px;padding:var(--space-4)}}.navbar-submenu{margin-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:var(--space-3);background:#ffffff05;border-radius:var(--radius-lg);padding:var(--space-3)}.navbar-submenu:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.navbar-submenu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:#ffffff1a;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);margin-bottom:var(--space-2);border:1px solid rgba(255,255,255,.1)}.navbar-submenu-header:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.navbar-submenu-title{font-weight:var(--font-weight-bold);color:var(--gray-900);font-size:var(--font-size-base);text-shadow:none}.dark .navbar-submenu-title{color:var(--gray-100);text-shadow:0 1px 2px rgba(0,0,0,.3)}.navbar-submenu-toggle{width:1.25rem;height:1.25rem;color:var(--gray-200);transition:transform .3s ease,color .2s ease;flex-shrink:0}.navbar-submenu-header:hover .navbar-submenu-toggle{color:var(--primary-300)}.navbar-submenu-toggle.rotated{transform:rotate(180deg)}.navbar-submenu-items{display:grid;grid-template-columns:1fr;gap:var(--space-2);animation:navbar-submenu-fade-in .3s ease-out}@media(min-width:480px){.navbar-submenu-items{grid-template-columns:1fr 1fr;gap:var(--space-2)}}@keyframes navbar-submenu-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.navbar-link-vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937!important;font-weight:var(--font-weight-bold);box-shadow:0 4px 14px #f59e0b4d;border:2px solid rgba(245,158,11,.5);position:relative;overflow:hidden}.navbar-link-vip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.navbar-link-vip:hover:before{left:100%}.navbar-link-vip:hover{background:linear-gradient(135deg,#f59e0b,#d97706);transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}@media(max-width:640px){.navbar-content{height:3rem;padding:0 var(--space-2)}.navbar-logo-icon{width:2rem;height:2rem}.navbar-logo-text{font-size:var(--font-size-lg)}.navbar-mobile-links{padding:var(--space-3)}.navbar-mobile-link{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}.navbar-mobile-menu{position:fixed;top:100%;left:0;width:70%;max-width:280px;height:calc(100vh - 4rem);background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,0,0,.1);box-shadow:var(--shadow-xl);transform:translate(-100%);opacity:0;visibility:hidden;transition:var(--transition-all);z-index:1000}.dark .navbar-mobile-menu{background:#111827fa;border-right-color:#ffffff1a}.navbar-mobile-menu.open{transform:translate(0);opacity:1;visibility:visible}.navbar-mobile-links{padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);height:100%;overflow-y:auto}.navbar-mobile-submenu-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);color:var(--gray-700);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.dark .navbar-mobile-submenu-header{color:var(--gray-300);background:#ffffff0d;border-color:#ffffff1a}.navbar-mobile-submenu-header:hover{background:#0000001a;transform:translateY(-1px)}.dark .navbar-mobile-submenu-header:hover{background:#ffffff1a}.navbar-mobile-submenu-toggle{width:1rem;height:1rem;color:var(--gray-500);transition:transform .3s ease}.navbar-mobile-submenu-toggle.rotated{transform:rotate(180deg)}.navbar-mobile-submenu-items{margin-top:var(--space-2);margin-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);animation:navbar-submenu-fade-in .3s ease-out}.navbar-logout-icon-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--danger-500);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.navbar-logout-icon-btn:hover{background:var(--danger-600);transform:scale(1.1);box-shadow:var(--shadow-md)}.navbar-logout-icon{width:1.25rem;height:1.25rem}.navbar-mobile-vip{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;color:#1f2937!important;font-weight:var(--font-weight-bold);border:2px solid rgba(245,158,11,.5);position:relative;overflow:hidden}.navbar-mobile-vip .navbar-mobile-link-icon{color:#1f2937!important}.navbar-mobile-vip:hover{background:linear-gradient(135deg,#f59e0b,#d97706)!important;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b4d}.home-hero{position:relative;padding:var(--space-20) var(--space-8);background:url(/assets/hero-image-light-Cdig9cDV.png) center/cover no-repeat;overflow:hidden}.dark .home-hero{background:url(/assets/hero-image-CtwrbMvf.png) center/cover no-repeat}.home-hero:before{content:"";position:absolute;inset:0;background:#0006;pointer-events:none}.dark .home-hero:before{background:#0009}.home-hero-content{position:relative;max-width:72rem;margin:0 auto;text-align:center}.home-logo-container{display:flex;justify-content:center;margin-bottom:var(--space-8)}.home-logo{width:5rem;height:5rem;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));box-shadow:var(--shadow-2xl);transition:var(--transition-all)}.home-logo:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.home-logo-text{color:#fff;font-weight:700;font-size:var(--font-size-2xl)}.home-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em;transition:var(--transition-colors)}@media(min-width:768px){.home-title{font-size:var(--font-size-7xl)}}.home-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--space-8);color:#fff;font-weight:700;text-shadow:0 3px 6px rgba(0,0,0,.7),0 1px 2px rgba(0,0,0,.5);letter-spacing:-.01em}@media(min-width:768px){.home-subtitle{font-size:var(--font-size-3xl)}}.home-description{font-size:var(--font-size-lg);margin-bottom:var(--space-12);color:#fff;max-width:48rem;margin-left:auto;margin-right:auto;line-height:1.7;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.4)}@media(min-width:768px){.home-description{font-size:var(--font-size-xl)}}.home-cta-buttons{display:flex;flex-direction:column;gap:var(--space-6);justify-content:center;align-items:center}@media(min-width:640px){.home-cta-buttons{flex-direction:row}}.home-cta-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-10);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition-all)}.home-cta-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl);background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.home-cta-icon{width:1.5rem;height:1.5rem}.home-cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-5) var(--space-10);background:var(--gray-100);color:var(--gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-decoration:none;border-radius:var(--radius-xl);border:2px solid var(--gray-300);transition:var(--transition-all)}.dark .home-cta-secondary{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.home-cta-secondary:hover{background:var(--gray-200);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dark .home-cta-secondary:hover{background:var(--gray-700);border-color:var(--gray-600)}.home-stats-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-16);max-width:32rem;margin-left:auto;margin-right:auto}.home-stat-item{text-align:center;padding:var(--space-5);background:#fffffff2;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,.3);transition:var(--transition-all);box-shadow:0 8px 25px #0000004d}.dark .home-stat-item{background:#1f2937f2;border-color:#fff3}.home-stat-item:hover{transform:translateY(-3px);box-shadow:0 12px 35px #0006;background:#fff;border-color:#fff6}.dark .home-stat-item:hover{background:#1f2937;border-color:#ffffff4d}.home-stat-number{font-size:var(--font-size-3xl);font-weight:900;margin-bottom:var(--space-1);display:block;color:var(--gray-900);text-shadow:0 2px 4px rgba(0,0,0,.1)}.dark .home-stat-number{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-stat-number:nth-child(1){color:var(--primary-700)}.home-stat-number:nth-child(2){color:var(--secondary-700)}.home-stat-number:nth-child(3){color:var(--accent-700)}.home-stat-label{font-size:var(--font-size-base);color:var(--gray-700);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.dark .home-stat-label{color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.home-features{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-8);margin:var(--space-20) var(--space-8);padding:0 var(--space-4)}@media(min-width:768px){.home-features{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-feature-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.dark .home-feature-card{background:var(--gray-900);border-color:var(--gray-800)}.home-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.dark .home-feature-card:hover{border-color:var(--primary-800)}.home-feature-icon{display:flex;justify-content:center;margin-bottom:var(--space-4)}.home-feature-icon-svg{width:3rem;height:3rem;color:var(--primary-500);transition:var(--transition-colors)}.home-feature-card:hover .home-feature-icon-svg{color:var(--primary-600)}.home-feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3);color:var(--gray-900)}.dark .home-feature-title{color:var(--gray-100)}.home-feature-description{color:var(--gray-600);font-size:var(--font-size-base);line-height:1.6}.dark .home-feature-description{color:var(--gray-400)}.home-matches-section{margin:var(--space-20) var(--space-8);padding:0 var(--space-4)}.home-matches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.home-matches-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--gray-900)}.dark .home-matches-title{color:var(--gray-100)}.home-view-all{font-size:var(--font-size-xl);font-weight:500;color:var(--primary-500);text-decoration:none;transition:var(--transition-colors);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.home-view-all:hover{color:var(--primary-600);background:var(--primary-50)}.dark .home-view-all:hover{background:var(--primary-950)}.home-matches-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.home-matches-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.home-matches-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-match-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-2);transition:var(--transition-all);box-shadow:var(--shadow-sm);position:relative;height:auto;min-height:180px}.dark .home-match-card{background:var(--gray-900);border-color:var(--gray-800)}.home-match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.dark .home-match-card:hover{border-color:var(--primary-800)}.home-match-value{border:2px solid var(--warning-500);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);box-shadow:0 0 0 1px var(--warning-500),var(--shadow-md)}.home-match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.home-match-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500)}.home-match-icon{width:1rem;height:1rem;color:var(--gray-400)}.home-value-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.home-value-icon{width:1rem;height:1rem}.home-match-info{text-align:center;margin-bottom:var(--space-6)}.home-match-teams{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--gray-900)}.dark .home-match-teams{color:var(--gray-100)}.home-match-league{color:var(--gray-500);font-size:var(--font-size-base)}.home-prediction-section{margin-bottom:var(--space-4)}.home-prediction-display{text-align:center;margin-bottom:var(--space-3)}.home-prediction-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-1)}.home-prediction-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--success-500);display:block}.home-prediction-confidence{font-size:var(--font-size-sm);color:var(--gray-500)}.home-prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.home-prediction-btn{padding:var(--space-3);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--gray-300);background:var(--gray-50);color:var(--gray-700);transition:var(--transition-all);font-size:var(--font-size-sm)}.dark .home-prediction-btn{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-300)}.home-prediction-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.dark .home-prediction-btn:hover{background:var(--primary-950);color:var(--primary-300)}.home-prediction-active{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-color:var(--success-500);box-shadow:var(--shadow-sm)}.home-prediction-btn-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);display:block}.home-prediction-btn-confidence{font-size:var(--font-size-lg);font-weight:700}.home-odds-info{text-align:center;font-size:var(--font-size-sm);margin-bottom:var(--space-4);color:var(--gray-500)}.home-odds-text{color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .home-odds-text{color:var(--gray-400)}.home-bet-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow)}.home-bet-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600))}.home-bet-icon{width:1.25rem;height:1.25rem}.home-stats-section{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border:1px solid var(--primary-200);border-radius:var(--radius-xl);padding:var(--space-8);margin:var(--space-20) 0;box-shadow:var(--shadow-lg)}.dark .home-stats-section{background:linear-gradient(135deg,var(--primary-950),var(--secondary-950));border-color:var(--primary-800)}.home-stats-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-6);text-align:center;color:var(--gray-900)}.dark .home-stats-title{color:var(--gray-100)}.home-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}@media(min-width:768px){.home-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-stat-card{text-align:center;padding:var(--space-4);background:#fffc;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:var(--transition-all)}.dark .home-stat-card{background:#1f2937cc;border-color:#ffffff1a}.home-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-stat-card:nth-child(1){background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-color:var(--primary-300)}.dark .home-stat-card:nth-child(1){background:linear-gradient(135deg,var(--primary-900),var(--primary-800));border-color:var(--primary-700)}.home-stat-card:nth-child(2){background:linear-gradient(135deg,var(--secondary-100),var(--secondary-200));border-color:var(--secondary-300)}.dark .home-stat-card:nth-child(2){background:linear-gradient(135deg,var(--secondary-900),var(--secondary-800));border-color:var(--secondary-700)}.home-stat-card:nth-child(3){background:linear-gradient(135deg,var(--accent-100),var(--accent-200));border-color:var(--accent-300)}.dark .home-stat-card:nth-child(3){background:linear-gradient(135deg,var(--accent-900),var(--accent-800));border-color:var(--accent-700)}.home-stat-card:nth-child(4){background:linear-gradient(135deg,var(--warning-100),var(--warning-200));border-color:var(--warning-300)}.dark .home-stat-card:nth-child(4){background:linear-gradient(135deg,var(--warning-900),var(--warning-800));border-color:var(--warning-700)}.home-stat-value{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-1);display:block;color:var(--gray-900)}.dark .home-stat-value{color:var(--gray-100)}.home-stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .home-stat-label{color:var(--gray-400)}.home-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.home-loading-spinner{width:3rem;height:3rem;border:3px solid var(--gray-300);border-top:3px solid var(--primary-500);border-radius:50%;animation:var(--animation-spin)}.dark .home-loading-spinner{border-color:var(--gray-700);border-top-color:var(--primary-400)}.home-loading-text{margin-left:var(--space-4);color:var(--gray-600)}.dark .home-loading-text{color:var(--gray-400)}.home-error{text-align:center;padding:var(--space-20)}.home-error-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);color:var(--danger-500)}.home-error-title{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-2)}.dark .home-error-title{color:var(--gray-100)}.home-error-message{color:var(--gray-600);margin-bottom:var(--space-6)}.dark .home-error-message{color:var(--gray-400)}.home-error-button{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--primary-500);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.home-error-button:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:640px){.home-hero{padding:var(--space-8) var(--space-4)}.home-title{font-size:var(--font-size-3xl)}.home-subtitle{font-size:var(--font-size-lg)}.home-description{font-size:var(--font-size-sm);margin-bottom:var(--space-8)}.home-cta-primary,.home-cta-secondary{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}.home-stats-bar{grid-template-columns:1fr;gap:var(--space-3);margin-top:var(--space-12)}.home-stat-item{padding:var(--space-4)}.home-features{gap:var(--space-4);margin:var(--space-12) var(--space-4)}.home-feature-card{padding:var(--space-4)}.home-feature-icon-svg{width:2.5rem;height:2.5rem}.home-feature-title{font-size:var(--font-size-lg)}.home-matches-section{margin:var(--space-12) var(--space-4)}.home-matches-title{font-size:var(--font-size-2xl)}.home-match-card{padding:var(--space-1)}.home-match-teams{font-size:var(--font-size-base)}.home-prediction-value{font-size:var(--font-size-2xl)}}.home-empty-state{text-align:center;padding:var(--space-12);background:var(--gray-50);border:2px dashed var(--gray-200);border-radius:var(--radius-xl)}.dark .home-empty-state{background:var(--gray-900);border-color:var(--gray-700)}.home-empty-icon{font-size:3rem;margin-bottom:var(--space-4)}.home-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .home-empty-title{color:var(--gray-100)}.home-empty-description{color:var(--gray-600);font-size:var(--font-size-base)}.dark .home-empty-description{color:var(--gray-400)}.home-outcome-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;gap:var(--space-1)}.home-outcome-badge.correct{background:#10b9811a;color:var(--success-500);border:1px solid rgba(16,185,129,.2)}.home-outcome-badge.incorrect{background:#ef44441a;color:var(--danger-500);border:1px solid rgba(239,68,68,.2)}.home-vip-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.home-vip-icon{width:1rem;height:1rem}.home-converter-section{margin:var(--space-16) var(--space-8);padding:0 var(--space-4)}.home-converter-container{max-width:1000px;margin:0 auto}.home-converter-header{text-align:center;margin-bottom:var(--space-6)}.home-converter-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .home-converter-title{color:var(--gray-100)}.home-converter-icon{margin-right:var(--space-2);color:var(--primary-500)}.home-converter-subtitle{font-size:var(--font-size-base);color:var(--gray-600)}.dark .home-converter-subtitle{color:var(--gray-400)}.home-mini-converter{background:linear-gradient(135deg,var(--warning-50),var(--warning-100));border:2px solid var(--warning-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.dark .home-mini-converter{background:linear-gradient(135deg,var(--warning-950),var(--warning-900));border-color:var(--warning-800)}.mini-converter-form{max-width:600px;margin:0 auto}.mini-converter-inputs{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}@media(max-width:640px){.mini-converter-inputs{flex-direction:column;gap:var(--space-2)}.mini-converter-arrow{display:none}}.mini-converter-select{padding:var(--space-2) var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);color:var(--gray-900);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all);min-width:120px}.dark .mini-converter-select{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.mini-converter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .mini-converter-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.mini-converter-arrow{color:var(--primary-500);font-size:1.25rem}.mini-converter-code{padding:var(--space-2) var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);color:var(--gray-900);font-size:var(--font-size-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-medium);transition:var(--transition-all);min-width:140px;text-transform:uppercase}.dark .mini-converter-code{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.mini-converter-code:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .mini-converter-code:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.mini-converter-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.mini-converter-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.mini-converter-btn:disabled{opacity:.6;cursor:not-allowed}.mini-btn-icon{width:1.25rem;height:1.25rem}.mini-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:var(--animation-spin)}.mini-converter-error{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--danger-50);border:1px solid var(--danger-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.dark .mini-converter-error{background:var(--danger-950);border-color:var(--danger-800)}.error-icon{width:1.25rem;height:1.25rem;color:var(--danger-500);flex-shrink:0;margin-top:2px}.error-text{font-size:var(--font-size-sm);color:var(--danger-700);line-height:1.5}.dark .error-text{color:var(--danger-300)}.error-upgrade-link{color:var(--primary-600);font-weight:var(--font-weight-semibold);text-decoration:underline;margin-left:var(--space-1)}.error-upgrade-link:hover{color:var(--primary-700)}.mini-converter-result{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--success-50),var(--success-100));border:2px solid var(--success-200);border-radius:var(--radius-lg)}.dark .mini-converter-result{background:linear-gradient(135deg,var(--success-950),var(--success-900));border-color:var(--success-800)}.result-code{padding:var(--space-2) var(--space-4);background:var(--success-100);color:var(--success-800);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-all);border:2px solid var(--success-300)}.dark .result-code{background:var(--success-900);color:var(--success-200);border-color:var(--success-700)}.result-code:hover{background:var(--success-200);border-color:var(--success-400)}.dark .result-code:hover{background:var(--success-800);border-color:var(--success-600)}.result-vip-icon{width:1.5rem;height:1.5rem;color:var(--warning-500)}.predictions-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.predictions-header{text-align:center;margin-bottom:var(--space-8)}.predictions-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600),var(--accent-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .predictions-title{color:var(--gray-100)}.predictions-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:48rem;margin:0 auto var(--space-8);line-height:1.7}.dark .predictions-subtitle{color:var(--gray-400)}.predictions-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-8);justify-content:center}.predictions-filter-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);font-weight:var(--font-weight-medium);transition:var(--transition-all);border:2px solid transparent;cursor:pointer}.predictions-filter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.predictions-filter-btn.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-color:var(--primary-500)}.predictions-league-select{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--gray-300);background:var(--gray-50);color:var(--gray-900);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:var(--transition-all);cursor:pointer;min-width:250px;max-width:300px}.dark .predictions-league-select{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.predictions-league-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .predictions-league-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.predictions-league-select:hover{border-color:var(--primary-300)}.predictions-league-select option{background:var(--gray-50);color:var(--gray-900);padding:var(--space-2)}.dark .predictions-league-select option{background:var(--gray-900);color:var(--gray-100)}.predictions-date-select{padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--gray-300);background:var(--gray-50);color:var(--gray-900);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:var(--transition-all);cursor:pointer;min-width:200px}.dark .predictions-date-select{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.predictions-date-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .predictions-date-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.predictions-date-select:hover{border-color:var(--primary-300)}.predictions-filter-btn:not(.active){background:var(--gray-100);color:var(--gray-900);border-color:var(--gray-300)}.dark .predictions-filter-btn:not(.active){background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.value-bet-btn{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-color:var(--warning-500)}.value-bet-btn:hover{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.predictions-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.predictions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.predictions-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}.predictions-no-matches{text-align:center;padding:var(--space-20);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dark .predictions-no-matches{background:var(--gray-900);border-color:var(--gray-700)}.predictions-no-matches-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.predictions-no-matches-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .predictions-no-matches-title{color:var(--gray-100)}.predictions-no-matches-subtitle{color:var(--gray-600);font-size:var(--font-size-base)}.dark .predictions-no-matches-subtitle{color:var(--gray-400)}.predictions-match-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-2);transition:var(--transition-all);box-shadow:var(--shadow-sm);height:auto;min-height:180px}.dark .predictions-match-card{background:var(--gray-900);border-color:var(--gray-700)}.predictions-match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.dark .predictions-match-card:hover{border-color:var(--primary-800)}.predictions-match-value{border-color:var(--warning-500);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);box-shadow:0 0 0 1px var(--warning-500),var(--shadow-md)}.predictions-match-value:hover{border-color:var(--warning-600)}.predictions-match-content{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:1024px){.predictions-match-content{flex-direction:row;align-items:center;justify-content:space-between}}.predictions-match-info{flex:1}.predictions-match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.predictions-match-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500);flex-wrap:wrap}.predictions-match-meta-item{display:flex;align-items:center;gap:var(--space-1)}.predictions-match-icon{width:1rem;height:1rem;color:var(--gray-400)}.predictions-value-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.predictions-value-icon{width:1rem;height:1rem}.predictions-match-teams{text-align:center;margin-bottom:var(--space-2)}@media(min-width:1024px){.predictions-match-teams{text-align:left}}.predictions-match-teams-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:2px}.dark .predictions-match-teams-title{color:var(--gray-100)}.predictions-match-league{color:var(--gray-500);font-size:var(--font-size-sm)}.predictions-strengths{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}@media(min-width:1024px){.predictions-strengths{justify-content:flex-start}}.predictions-strength-item{text-align:center}.predictions-strength-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-1)}.predictions-strength-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.predictions-strength-value.home{color:var(--success-500)}.predictions-strength-value.away{color:var(--primary-500)}.predictions-odds-section{text-align:center;margin-bottom:var(--space-4)}@media(min-width:1024px){.predictions-odds-section{text-align:left}}.predictions-odds-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-1)}.predictions-odds-bookmaker{color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .predictions-odds-bookmaker{color:var(--gray-400)}.predictions-odds-values{display:flex;justify-content:center;gap:var(--space-4);font-size:var(--font-size-sm);margin-top:var(--space-1)}@media(min-width:1024px){.predictions-odds-values{justify-content:flex-start}}.predictions-odds-item{display:flex;align-items:center;gap:var(--space-1)}.predictions-odds-item.home .predictions-odds-value{color:var(--success-500)}.predictions-odds-item.draw .predictions-odds-value{color:var(--warning-500)}.predictions-odds-item.away .predictions-odds-value{color:var(--primary-500)}.predictions-prediction-section{width:100%;display:flex;justify-content:center}@media(min-width:1024px){.predictions-prediction-section{width:20rem}}.predictions-all-predictions{display:flex;flex-direction:row;gap:var(--space-3);flex-wrap:wrap;justify-content:center;align-items:flex-start;width:100%}.predictions-single-prediction{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-2);min-width:140px;max-width:160px;flex:1;padding:var(--space-2);background:#ffffff0d;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1)}.dark .predictions-single-prediction{background:#0000000d;border-color:#ffffff0d}.predictions-prediction-display{text-align:center;margin-bottom:var(--space-2)}.predictions-prediction-label{font-size:var(--font-size-xs);color:var(--gray-500);margin-bottom:2px}.predictions-prediction-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--success-500);margin-bottom:2px;display:block}.predictions-prediction-confidence{font-size:var(--font-size-xs);color:var(--gray-500)}@media(max-width:640px){.predictions-match-card{padding:var(--space-3);min-height:auto;max-height:200px}.predictions-match-teams-title{font-size:var(--font-size-sm)}.predictions-match-league{font-size:var(--font-size-xs)}.predictions-strengths,.predictions-odds-section,.predictions-prediction-confidence{display:none}.predictions-all-predictions{justify-content:center;gap:var(--space-2)}.predictions-single-prediction{min-width:120px;max-width:140px;padding:var(--space-2)}.predictions-prediction-value{font-size:var(--font-size-lg)}.predictions-prediction-label{font-size:10px}}.predictions-prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.predictions-prediction-btn{padding:var(--space-3);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--gray-300);background:var(--gray-50);color:var(--gray-700);transition:var(--transition-all);font-size:var(--font-size-sm)}.dark .predictions-prediction-btn{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-300)}.predictions-prediction-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.dark .predictions-prediction-btn:hover{background:var(--primary-950);color:var(--primary-300)}.predictions-prediction-active{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-color:var(--success-500);box-shadow:var(--shadow-sm)}.predictions-prediction-btn-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);display:block}.predictions-prediction-btn-confidence{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.predictions-bet-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--success-500),var(--primary-500));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow)}.predictions-bet-button:hover{background:linear-gradient(135deg,var(--success-600),var(--primary-600));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.predictions-bet-icon{width:1.25rem;height:1.25rem}.predictions-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.predictions-modal{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);max-width:28rem;width:100%;box-shadow:var(--shadow-2xl);animation:predictions-modal-appear .3s ease-out}.dark .predictions-modal{background:var(--gray-900);border-color:var(--gray-700)}@keyframes predictions-modal-appear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.predictions-modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4)}.dark .predictions-modal-title{color:var(--gray-100)}.predictions-modal-field{margin-bottom:var(--space-4)}.predictions-modal-label{display:block;font-size:var(--font-size-sm);color:var(--gray-600);margin-bottom:var(--space-1);font-weight:var(--font-weight-medium)}.dark .predictions-modal-label{color:var(--gray-400)}.predictions-modal-value{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .predictions-modal-value{color:var(--gray-100)}.predictions-modal-value.prediction{color:var(--success-500)}.predictions-modal-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-colors)}.dark .predictions-modal-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.predictions-modal-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .predictions-modal-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.predictions-modal-input::placeholder{color:var(--gray-500)}.dark .predictions-modal-input::placeholder{color:var(--gray-400)}.predictions-modal-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.predictions-modal-confirm{flex:1;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.predictions-modal-confirm:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.predictions-modal-cancel{flex:1;padding:var(--space-3) var(--space-4);background:var(--gray-200);color:var(--gray-900);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.dark .predictions-modal-cancel{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.predictions-modal-cancel:hover{background:var(--gray-300);border-color:var(--gray-400)}.dark .predictions-modal-cancel:hover{background:var(--gray-700);border-color:var(--gray-600)}.predictions-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.predictions-loading-spinner{width:3rem;height:3rem;border:3px solid var(--gray-300);border-top:3px solid var(--primary-500);border-radius:50%;animation:var(--animation-spin)}.dark .predictions-loading-spinner{border-color:var(--gray-700);border-top-color:var(--primary-400)}.predictions-loading-text{margin-left:var(--space-4);color:var(--gray-600);font-size:var(--font-size-lg)}.dark .predictions-loading-text{color:var(--gray-400)}.predictions-error{text-align:center;padding:var(--space-20)}.predictions-error-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);color:var(--danger-500)}.predictions-error-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .predictions-error-title{color:var(--gray-100)}.predictions-error-message{color:var(--gray-600);margin-bottom:var(--space-6)}.dark .predictions-error-message{color:var(--gray-400)}.predictions-error-button{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--primary-500);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.predictions-error-button:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.predictions-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:768px){.predictions-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.predictions-stat-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.dark .predictions-stat-card{background:var(--gray-900);border-color:var(--gray-800)}.predictions-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.predictions-stat-card:nth-child(1){border-color:var(--primary-200);background:linear-gradient(135deg,var(--primary-50),var(--primary-100))}.dark .predictions-stat-card:nth-child(1){border-color:var(--primary-800);background:linear-gradient(135deg,var(--primary-950),var(--primary-900))}.predictions-stat-card:nth-child(2){border-color:var(--success-200);background:linear-gradient(135deg,var(--success-50),var(--success-100))}.dark .predictions-stat-card:nth-child(2){border-color:var(--success-800);background:linear-gradient(135deg,var(--success-950),var(--success-900))}.predictions-stat-card:nth-child(3){border-color:var(--danger-200);background:linear-gradient(135deg,var(--danger-50),var(--danger-100))}.dark .predictions-stat-card:nth-child(3){border-color:var(--danger-800);background:linear-gradient(135deg,var(--danger-950),var(--danger-900))}.predictions-stat-card:nth-child(4){border-color:var(--gray-200);background:linear-gradient(135deg,var(--gray-50),var(--gray-100))}.dark .predictions-stat-card:nth-child(4){border-color:var(--gray-800);background:linear-gradient(135deg,var(--gray-900),var(--gray-800))}.predictions-stat-icon{display:flex;justify-content:center;margin-bottom:var(--space-2)}.predictions-stat-icon-svg{width:2rem;height:2rem;color:var(--gray-600)}.predictions-stat-card:nth-child(1) .predictions-stat-icon-svg{color:var(--primary-600)}.predictions-stat-card:nth-child(2) .predictions-stat-icon-svg{color:var(--success-600)}.predictions-stat-card:nth-child(3) .predictions-stat-icon-svg{color:var(--danger-600)}.predictions-stat-card:nth-child(4) .predictions-stat-icon-svg{color:var(--gray-600)}.dark .predictions-stat-card:nth-child(4) .predictions-stat-icon-svg{color:var(--gray-400)}.predictions-stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.predictions-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900)}.dark .predictions-stat-value{color:var(--gray-100)}.predictions-stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .predictions-stat-label{color:var(--gray-400)}.predictions-title-section{text-align:center;margin-bottom:var(--space-8)}.predictions-title-icon{width:2rem;height:2rem;margin-right:var(--space-2);color:var(--primary-500)}@media(max-width:640px){.predictions-container{padding:var(--space-2) var(--space-1);overflow-x:hidden;max-width:100vw}.predictions-header{margin-bottom:var(--space-2)}.predictions-title{font-size:var(--font-size-xl)}.predictions-subtitle{font-size:var(--font-size-xs)}.predictions-filters{gap:var(--space-1);margin-bottom:var(--space-2)}.predictions-filter-btn{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.predictions-match-card{padding:var(--space-1);min-height:auto;max-height:160px}.predictions-match-content{gap:var(--space-1)}.predictions-match-header,.predictions-match-teams{margin-bottom:2px}.predictions-match-teams-title{font-size:var(--font-size-sm)}.predictions-match-league{font-size:var(--font-size-xs)}.predictions-odds-section{margin-bottom:var(--space-1)}.predictions-prediction-section{width:100%}.predictions-prediction-display{margin-bottom:2px}.predictions-prediction-grid{grid-template-columns:repeat(2,1fr);gap:2px;margin-bottom:var(--space-1)}.predictions-single-prediction{min-width:80px;max-width:120px;padding:var(--space-1)}.predictions-prediction-btn{padding:var(--space-1);font-size:9px}.predictions-prediction-btn-label{font-size:9px;margin-bottom:1px}.predictions-prediction-btn-confidence,.predictions-prediction-confidence{display:none}.predictions-modal{padding:var(--space-4);margin:var(--space-2)}.predictions-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.predictions-stat-card{padding:var(--space-2)}.predictions-stat-value{font-size:var(--font-size-lg)}.predictions-stat-icon-svg{width:1.25rem;height:1.25rem}.predictions-outcome-item{padding:var(--space-2)}.predictions-outcomes-list{gap:var(--space-1)}}@media(prefers-reduced-motion:reduce){.predictions-match-card,.predictions-filter-btn,.predictions-prediction-btn,.predictions-bet-button,.predictions-modal-confirm,.predictions-modal-cancel,.predictions-error-button{animation:none!important;transition:none!important}.predictions-modal{animation:none}}.predictions-filter-btn:focus,.predictions-prediction-btn:focus,.predictions-bet-button:focus,.predictions-modal-input:focus,.predictions-modal-confirm:focus,.predictions-modal-cancel:focus{outline:2px solid var(--primary-500);outline-offset:2px}.dark .predictions-filter-btn:focus,.dark .predictions-prediction-btn:focus,.dark .predictions-bet-button:focus,.dark .predictions-modal-input:focus,.dark .predictions-modal-confirm:focus,.dark .predictions-modal-cancel:focus{outline-color:var(--primary-400)}.predictions-empty{text-align:center;padding:var(--space-20)}.predictions-empty-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);color:var(--gray-400)}.predictions-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .predictions-empty-title{color:var(--gray-100)}.predictions-empty-message{color:var(--gray-600);margin-bottom:var(--space-6)}.dark .predictions-empty-message{color:var(--gray-400)}.predictions-empty-button{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--primary-500);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.predictions-empty-button:hover{background:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.predictions-match-card.correct{border-color:var(--success-200);background:linear-gradient(135deg,#10b9810d,#10b98105)}.dark .predictions-match-card.correct{border-color:var(--success-800);background:linear-gradient(135deg,#10b9810d,#10b98105)}.predictions-match-card.incorrect{border-color:var(--danger-200);background:linear-gradient(135deg,#ef44440d,#ef444405)}.dark .predictions-match-card.incorrect{border-color:var(--danger-800);background:linear-gradient(135deg,#ef44440d,#ef444405)}.outcomes-date-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dark .outcomes-date-nav{background:var(--gray-900)}.outcomes-date-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:2px solid var(--gray-300);background:var(--gray-50);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.dark .outcomes-date-btn{background:var(--gray-900);border-color:var(--gray-700)}.outcomes-date-btn:hover:not(:disabled){border-color:var(--primary-400);background:var(--primary-50)}.dark .outcomes-date-btn:hover:not(:disabled){background:var(--primary-950)}.outcomes-date-btn:disabled{opacity:.5;cursor:not-allowed}.outcomes-date-icon{width:1.25rem;height:1.25rem;color:var(--gray-600)}.dark .outcomes-date-icon{color:var(--gray-400)}.outcomes-date-btn:hover:not(:disabled) .outcomes-date-icon{color:var(--primary-500)}.outcomes-date-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--gray-100);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);color:var(--gray-900);min-width:250px;justify-content:center}.dark .outcomes-date-display{background:var(--gray-800);color:var(--gray-100)}.outcomes-date-reset{padding:var(--space-2) var(--space-4);background:var(--primary-500);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.outcomes-date-reset:hover{background:var(--primary-600);transform:translateY(-1px)}.outcomes-sections{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);justify-content:center}.outcomes-section-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gray-100);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);color:var(--gray-700);cursor:pointer;transition:var(--transition-all);position:relative}.dark .outcomes-section-tab{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}.outcomes-section-tab:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.dark .outcomes-section-tab:hover{background:var(--primary-950);color:var(--primary-300)}.outcomes-section-tab.active{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.outcomes-section-tab-icon{width:1rem;height:1rem}.outcomes-section-count{background:var(--gray-200);color:var(--gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-left:var(--space-1)}.dark .outcomes-section-count{background:var(--gray-700);color:var(--gray-300)}.outcomes-section-tab.active .outcomes-section-count{background:#fff3;color:#fff}.outcomes-section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dark .outcomes-section-header{background:linear-gradient(135deg,var(--gray-900),var(--gray-800))}.outcomes-section-icon{width:2rem;height:2rem;color:var(--primary-500)}.outcomes-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin:0}.dark .outcomes-section-title{color:var(--gray-100)}.outcomes-section-count-badge{background:var(--primary-500);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.predictions-match-score{margin-top:var(--space-2)}.predictions-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);background:var(--gray-100);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg)}.dark .predictions-score{color:var(--gray-100);background:var(--gray-800)}.predictions-outcomes-list{display:flex;flex-direction:column;gap:var(--space-3)}.predictions-outcome-item{padding:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);transition:var(--transition-all)}.dark .predictions-outcome-item{background:var(--gray-900);border-color:var(--gray-700)}.predictions-outcome-item:hover{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.predictions-outcome-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.predictions-outcome-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);background:var(--gray-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.dark .predictions-outcome-type{color:var(--gray-300);background:var(--gray-800)}.predictions-outcome-details{display:flex;flex-direction:column;gap:var(--space-1)}.predictions-outcome-prediction{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.predictions-outcome-label{color:var(--gray-500);font-weight:var(--font-weight-medium)}.predictions-outcome-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.predictions-outcome-badge.correct{background:#10b9811a;color:var(--success-500);border:1px solid rgba(16,185,129,.2)}.predictions-outcome-badge.incorrect{background:#ef44441a;color:var(--danger-500);border:1px solid rgba(239,68,68,.2)}.predictions-outcome-icon{width:1rem;height:1rem}.predictions-prediction-value{color:var(--success-500);font-weight:var(--font-weight-bold)}.predictions-actual-value{color:var(--primary-500);font-weight:var(--font-weight-bold)}.vip-crown-icon{margin-left:var(--space-2);color:var(--warning-500)}.vip-notice-card{background:linear-gradient(135deg,var(--warning-50),var(--warning-100));border:2px solid var(--warning-200);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm)}.dark .vip-notice-card{background:linear-gradient(135deg,var(--warning-950),var(--warning-900));border-color:var(--warning-800)}.vip-notice-icon{width:2rem;height:2rem;color:var(--warning-500)}.vip-notice-content h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .vip-notice-content h3{color:var(--gray-100)}.vip-notice-text{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .vip-notice-text{color:var(--gray-400)}.converter-container{max-width:800px;margin:0 auto}.converter-form{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.dark .converter-form{background:var(--gray-900);border-color:var(--gray-700)}.converter-form-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:end;margin-bottom:var(--space-6)}@media(max-width:768px){.converter-form-grid{grid-template-columns:1fr;gap:var(--space-3)}.converter-arrow{display:none}}.converter-field{display:flex;flex-direction:column;gap:var(--space-2)}.converter-field-full{grid-column:1 / -1}.converter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.dark .converter-label{color:var(--gray-300)}.converter-select,.converter-input{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--gray-50);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all)}.dark .converter-select,.dark .converter-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.converter-select:focus,.converter-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .converter-select:focus,.dark .converter-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.converter-arrow{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.converter-arrow-icon{width:2rem;height:2rem;color:var(--primary-500)}.converter-help{font-size:var(--font-size-xs);color:var(--gray-500)}.dark .converter-help{color:var(--gray-400)}.converter-actions{display:flex;gap:var(--space-3);justify-content:center}@media(max-width:640px){.converter-actions{flex-direction:column}}.converter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.converter-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.converter-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:1.25rem;height:1.25rem}.btn-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:var(--animation-spin)}.converter-reset-btn{padding:var(--space-3) var(--space-6);background:var(--gray-200);color:var(--gray-900);border:2px solid var(--gray-300);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.dark .converter-reset-btn{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.converter-reset-btn:hover{background:var(--gray-300);border-color:var(--gray-400)}.dark .converter-reset-btn:hover{background:var(--gray-700);border-color:var(--gray-600)}.conversion-result{background:linear-gradient(135deg,var(--success-50),var(--success-100));border:2px solid var(--success-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.dark .conversion-result{background:linear-gradient(135deg,var(--success-950),var(--success-900));border-color:var(--success-800)}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.result-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900)}.dark .result-title{color:var(--gray-100)}.result-badge{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.result-details{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}@media(max-width:768px){.result-details{flex-direction:column;gap:var(--space-3)}}.result-item{flex:1;text-align:center}.result-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.dark .result-label{color:var(--gray-400)}.result-value{font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .result-value{color:var(--gray-100)}.result-code{display:inline-block;background:var(--gray-100);color:var(--gray-900);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);border:2px solid var(--gray-200);cursor:pointer;transition:var(--transition-all)}.dark .result-code{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.result-code:hover{background:var(--gray-200);border-color:var(--gray-300)}.dark .result-code:hover{background:var(--gray-700);border-color:var(--gray-600)}.result-code-converted{background:var(--success-100);color:var(--success-800);border-color:var(--success-300)}.dark .result-code-converted{background:var(--success-900);color:var(--success-200);border-color:var(--success-700)}.result-arrow{color:var(--primary-500);font-size:1.5rem}.result-actions{display:flex;justify-content:center;margin-bottom:var(--space-4)}.copy-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.copy-btn:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.result-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:var(--warning-50);border:1px solid var(--warning-200);border-radius:var(--radius-lg)}.dark .result-notice{background:var(--warning-950);border-color:var(--warning-800)}.notice-icon{width:1.25rem;height:1.25rem;color:var(--warning-500);flex-shrink:0;margin-top:2px}.notice-text{font-size:var(--font-size-sm);color:var(--gray-700);line-height:1.5}.dark .notice-text{color:var(--gray-300)}.supported-bookmakers{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .supported-bookmakers{background:var(--gray-900);border-color:var(--gray-700)}.bookmakers-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4);text-align:center}.dark .bookmakers-title{color:var(--gray-100)}.bookmakers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.bookmaker-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);transition:var(--transition-all)}.dark .bookmaker-item{background:var(--gray-800)}.bookmaker-item:hover{background:var(--gray-200);transform:translateY(-1px)}.dark .bookmaker-item:hover{background:var(--gray-700)}.bookmaker-name{font-weight:var(--font-weight-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .bookmaker-name{color:var(--gray-100)}.bookmaker-country{font-size:var(--font-size-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.dark .bookmaker-country{color:var(--gray-400)}.profile-container{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.profile-header{text-align:center;margin-bottom:var(--space-8)}.profile-avatar{display:flex;justify-content:center;margin-bottom:var(--space-4)}.profile-avatar-icon{width:5rem;height:5rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-2xl);transition:var(--transition-all)}.profile-avatar-icon:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.profile-name{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .profile-name{color:var(--gray-100)}.profile-email{color:var(--gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.dark .profile-email{color:var(--gray-400)}.profile-member-since{font-size:var(--font-size-sm);color:var(--gray-500);margin-top:var(--space-1)}.dark .profile-member-since{color:var(--gray-400)}.profile-content{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:1024px){.profile-content{grid-template-columns:1fr 1fr}}.profile-section{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.dark .profile-section{background:var(--gray-900);border-color:var(--gray-700)}.profile-section:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.profile-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.profile-section-icon{width:1.5rem;height:1.5rem;color:var(--primary-500)}.profile-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .profile-section-title{color:var(--gray-100)}.profile-add-favorite{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.profile-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-colors)}.dark .profile-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.profile-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .profile-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.profile-input::placeholder{color:var(--gray-500)}.dark .profile-input::placeholder{color:var(--gray-400)}.profile-add-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow)}.profile-add-btn:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-favorites-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-favorite-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition-all)}.dark .profile-favorite-item{background:var(--gray-800);border-color:var(--gray-700)}.profile-favorite-item:hover{background:var(--gray-200);border-color:var(--gray-300)}.dark .profile-favorite-item:hover{background:var(--gray-700);border-color:var(--gray-600)}.profile-favorite-name{font-weight:var(--font-weight-medium);color:var(--gray-900)}.dark .profile-favorite-name{color:var(--gray-100)}.profile-remove-btn{background:none;border:none;color:var(--danger-500);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.profile-remove-btn:hover{background:#ef44441a;transform:scale(1.1)}.profile-remove-icon{width:1rem;height:1rem}.profile-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.profile-loading-text{color:var(--gray-600);font-size:var(--font-size-lg)}.dark .profile-loading-text{color:var(--gray-400)}.profile-empty{text-align:center;padding:var(--space-12)}.profile-empty-text{color:var(--gray-500);font-size:var(--font-size-base);margin-bottom:var(--space-4)}.dark .profile-empty-text{color:var(--gray-400)}.profile-start-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:var(--transition-all);box-shadow:var(--shadow)}.profile-start-btn:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.profile-btn-icon{width:1.25rem;height:1.25rem}.profile-bets-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:32rem;overflow-y:auto}.profile-bet-item{padding:var(--space-4);background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition-all)}.dark .profile-bet-item{background:var(--gray-800);border-color:var(--gray-700)}.profile-bet-item:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-1px)}.dark .profile-bet-item:hover{background:var(--gray-700);border-color:var(--gray-600)}.profile-bet-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.profile-bet-info{display:flex;flex-direction:column;gap:2px}.profile-bet-id{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--gray-900)}.dark .profile-bet-id{color:var(--gray-100)}.profile-bet-date{font-size:var(--font-size-xs);color:var(--gray-500)}.profile-bet-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.profile-bet-win{background:#10b9811a;color:var(--success-500);border:1px solid rgba(16,185,129,.2)}.profile-bet-loss{background:#ef44441a;color:var(--danger-500);border:1px solid rgba(239,68,68,.2)}.profile-bet-pending{background:#f59e0b1a;color:var(--warning-500);border:1px solid rgba(245,158,11,.2)}.profile-bet-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-2)}.profile-bet-detail{display:flex;flex-direction:column}.profile-bet-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-1)}.profile-bet-value{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .profile-bet-value{color:var(--gray-100)}.profile-bet-profit{font-size:var(--font-size-sm);color:var(--success-500);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);background:#10b9811a;border-radius:var(--radius);display:inline-block}.profile-view-all{text-align:center;padding-top:var(--space-2)}.profile-view-all-link{color:var(--primary-500);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-colors)}.profile-view-all-link:hover{color:var(--primary-600);text-decoration:underline}.profile-stats{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .profile-stats{background:var(--gray-900);border-color:var(--gray-700)}.profile-stats-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);text-align:center;color:var(--gray-900)}.dark .profile-stats-title{color:var(--gray-100)}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(min-width:768px){.profile-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.profile-stat-item{text-align:center;padding:var(--space-4);background:#fffc;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:var(--transition-all)}.dark .profile-stat-item{background:#1f2937cc;border-color:#ffffff1a}.profile-stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-stat-item:nth-child(1){background:linear-gradient(135deg,var(--primary-100),var(--primary-200));border-color:var(--primary-300)}.dark .profile-stat-item:nth-child(1){background:linear-gradient(135deg,var(--primary-900),var(--primary-800));border-color:var(--primary-700)}.profile-stat-item:nth-child(2){background:linear-gradient(135deg,var(--success-100),var(--success-200));border-color:var(--success-300)}.dark .profile-stat-item:nth-child(2){background:linear-gradient(135deg,var(--success-900),var(--success-800));border-color:var(--success-700)}.profile-stat-item:nth-child(3){background:linear-gradient(135deg,var(--danger-100),var(--danger-200));border-color:var(--danger-300)}.dark .profile-stat-item:nth-child(3){background:linear-gradient(135deg,var(--danger-900),var(--danger-800));border-color:var(--danger-700)}.profile-stat-item:nth-child(4){background:linear-gradient(135deg,var(--warning-100),var(--warning-200));border-color:var(--warning-300)}.dark .profile-stat-item:nth-child(4){background:linear-gradient(135deg,var(--warning-900),var(--warning-800));border-color:var(--warning-700)}.profile-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);display:block;color:var(--gray-900)}.dark .profile-stat-value{color:var(--gray-100)}.profile-stat-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .profile-stat-label{color:var(--gray-400)}@media(max-width:768px){.profile-container{padding:var(--space-4) var(--space-2)}.profile-name{font-size:var(--font-size-2xl)}.profile-content{gap:var(--space-6)}.profile-section,.profile-stats{padding:var(--space-4)}.profile-stats-grid{gap:var(--space-3)}.profile-stat-item{padding:var(--space-3)}.profile-stat-value{font-size:var(--font-size-2xl)}}@media(prefers-reduced-motion:reduce){.profile-section,.profile-favorite-item,.profile-bet-item,.profile-stat-item,.profile-add-btn,.profile-start-btn,.profile-remove-btn,.profile-view-all-link{transition:none!important}.profile-loading-spinner{animation:none}}.profile-input:focus,.profile-add-btn:focus,.profile-remove-btn:focus,.profile-start-btn:focus,.profile-view-all-link:focus{outline:2px solid var(--primary-500);outline-offset:2px}.dark .profile-input:focus,.dark .profile-add-btn:focus,.dark .profile-remove-btn:focus,.dark .profile-start-btn:focus,.dark .profile-view-all-link:focus{outline-color:var(--primary-400)}.vip-container{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-4)}.vip-header{text-align:center;margin-bottom:var(--space-12)}.vip-header-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.vip-header-icon{width:4rem;height:4rem;color:var(--warning-500);margin-bottom:var(--space-2)}.vip-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--warning-600),var(--warning-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .vip-title{color:var(--gray-100)}.vip-subtitle{font-size:var(--font-size-lg);color:var(--gray-600);max-width:48rem;line-height:1.6}.dark .vip-subtitle{color:var(--gray-400)}.vip-expiry{font-size:var(--font-size-sm);color:var(--warning-600);font-weight:var(--font-weight-medium);margin-top:var(--space-2)}.vip-features{margin-bottom:var(--space-12)}.vip-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.vip-feature-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.dark .vip-feature-card{background:var(--gray-900);border-color:var(--gray-700)}.vip-feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--warning-300)}.vip-feature-icon{width:3rem;height:3rem;color:var(--warning-500);margin-bottom:var(--space-4)}.vip-feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.dark .vip-feature-title{color:var(--gray-100)}.vip-feature-description{color:var(--gray-600);line-height:1.6}.dark .vip-feature-description{color:var(--gray-400)}.vip-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12)}@media(min-width:640px){.vip-actions{flex-direction:row;justify-content:center}}.vip-action-btn{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);text-decoration:none;transition:var(--transition-all);box-shadow:var(--shadow)}.vip-action-btn.primary{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff}.vip-action-btn.primary:hover{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.vip-action-btn.secondary{background:var(--gray-100);color:var(--gray-900);border:2px solid var(--gray-300)}.dark .vip-action-btn.secondary{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.vip-action-btn.secondary:hover{background:var(--gray-200);border-color:var(--gray-400);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dark .vip-action-btn.secondary:hover{background:var(--gray-700);border-color:var(--gray-600)}.vip-action-icon{width:1.25rem;height:1.25rem}.vip-pricing{margin-bottom:var(--space-16)}.vip-pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.vip-pricing-card{background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border:2px solid var(--warning-300);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;transition:var(--transition-all)}.vip-pricing-card.selected{border-color:var(--warning-500);box-shadow:0 0 0 3px var(--warning-100);transform:scale(1.02)}.dark .vip-pricing-card{background:linear-gradient(135deg,var(--gray-900),var(--gray-800));border-color:var(--warning-600)}.vip-pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--warning-400),var(--warning-600),var(--warning-400))}.vip-pricing-header{text-align:center;margin-bottom:var(--space-6)}.vip-pricing-icon{width:3rem;height:3rem;color:var(--warning-500);margin-bottom:var(--space-3)}.vip-pricing-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4)}.dark .vip-pricing-title{color:var(--gray-100)}.vip-pricing-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.vip-price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--warning-600)}.vip-price-period{font-size:var(--font-size-lg);color:var(--gray-500);font-weight:var(--font-weight-medium)}.vip-price-save{font-size:var(--font-size-sm);color:var(--success-600);font-weight:var(--font-weight-semibold);background:var(--success-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.vip-pricing-features{margin-bottom:var(--space-8)}.vip-feature-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--font-size-base);color:var(--gray-700)}.dark .vip-feature-item{color:var(--gray-300)}.vip-feature-check{width:1.25rem;height:1.25rem;color:var(--success-500);flex-shrink:0}.vip-plan-select-btn{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-300);background:var(--gray-50);color:var(--gray-700);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.dark .vip-plan-select-btn{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-300)}.vip-plan-select-btn:hover{border-color:var(--warning-400);background:var(--warning-50);color:var(--warning-700)}.dark .vip-plan-select-btn:hover{background:var(--warning-950);color:var(--warning-300)}.vip-plan-select-btn.active{background:var(--warning-500);border-color:var(--warning-500);color:#fff}.vip-pricing-benefits{margin-bottom:var(--space-8)}.vip-benefits-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-4);text-align:center}.dark .vip-benefits-title{color:var(--gray-100)}.vip-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.vip-benefit{text-align:center;padding:var(--space-3);background:#ffffff80;border-radius:var(--radius-lg);border:1px solid rgba(245,158,11,.2)}.dark .vip-benefit{background:#ffffff0d}.vip-benefit-stat{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--warning-600);display:block;margin-bottom:var(--space-1)}.vip-benefit-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .vip-benefit-label{color:var(--gray-400)}.vip-subscribe-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-lg);margin-bottom:var(--space-4)}.vip-subscribe-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-2px);box-shadow:var(--shadow-xl)}.vip-subscribe-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.vip-subscribe-icon{width:1.5rem;height:1.5rem}.vip-loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:var(--animation-spin)}.vip-security-note{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-500);text-align:center}.vip-security-icon{width:1rem;height:1rem;color:var(--success-500)}.vip-testimonials{margin-top:var(--space-16)}.vip-testimonials-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--gray-900);text-align:center;margin-bottom:var(--space-8)}.dark .vip-testimonials-title{color:var(--gray-100)}.vip-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.vip-testimonial{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .vip-testimonial{background:var(--gray-900);border-color:var(--gray-700)}.vip-testimonial-content{font-size:var(--font-size-base);color:var(--gray-700);line-height:1.6;margin-bottom:var(--space-4);font-style:italic}.dark .vip-testimonial-content{color:var(--gray-300)}.vip-testimonial-author{display:flex;align-items:center;justify-content:space-between}.vip-author-name{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .vip-author-name{color:var(--gray-100)}.vip-author-badge{font-size:var(--font-size-xs);background:var(--warning-500);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}@media(max-width:640px){.vip-container{padding:var(--space-4) var(--space-2)}.vip-header{margin-bottom:var(--space-8)}.vip-title{font-size:var(--font-size-3xl)}.vip-subtitle{font-size:var(--font-size-base)}.vip-pricing-card{padding:var(--space-6)}.vip-feature-grid{grid-template-columns:1fr;gap:var(--space-4)}.vip-feature-card{padding:var(--space-4)}.vip-actions{gap:var(--space-3)}.vip-action-btn{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.vip-benefits-grid{grid-template-columns:1fr;gap:var(--space-3)}.vip-testimonials-grid{grid-template-columns:1fr}.vip-testimonial{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.vip-feature-card,.vip-action-btn,.vip-subscribe-btn{animation:none!important;transition:none!important}}.vip-action-btn:focus,.vip-subscribe-btn:focus{outline:2px solid var(--warning-500);outline-offset:2px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--gray-50);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out;border:1px solid var(--gray-200)}.dark .modal-container{background:var(--gray-900);border-color:var(--gray-700)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--gray-200);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.dark .modal-header{border-color:var(--gray-700)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.modal-close-btn{background:none;border:none;color:#fff;font-size:var(--font-size-2xl);cursor:pointer;padding:var(--space-1);border-radius:var(--radius);transition:var(--transition-all);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#fff3;transform:scale(1.1)}.modal-body{padding:var(--space-6)}.modal-message{margin-bottom:var(--space-4);line-height:1.6;color:var(--gray-700)}.dark .modal-message{color:var(--gray-300)}.modal-input-group{margin-top:var(--space-4)}.modal-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all);box-sizing:border-box}.dark .modal-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.modal-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .modal-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.modal-input::placeholder{color:var(--gray-500)}.dark .modal-input::placeholder{color:var(--gray-400)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--gray-200);background:var(--gray-100);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.dark .modal-footer{border-color:var(--gray-700);background:var(--gray-800)}.modal-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-all);border:none;min-width:80px}.modal-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.dark .modal-btn:focus{outline-color:var(--primary-400)}.modal-btn-cancel{background:var(--gray-200);color:var(--gray-700);border:2px solid var(--gray-300)}.dark .modal-btn-cancel{background:var(--gray-700);color:var(--gray-300);border-color:var(--gray-600)}.modal-btn-cancel:hover{background:var(--gray-300);border-color:var(--gray-400);transform:translateY(-1px)}.dark .modal-btn-cancel:hover{background:var(--gray-600);border-color:var(--gray-500)}.modal-btn-confirm{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow-sm)}.modal-btn-confirm:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}@media(max-width:640px){.modal-container{width:95%;margin:var(--space-4)}.modal-header,.modal-body{padding:var(--space-4)}.modal-footer{padding:var(--space-4);flex-direction:column-reverse}.modal-btn{width:100%}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container{animation:none}.modal-btn,.modal-close-btn{transition:none}}.modal-container:focus{outline:none}.modal-container.alert{max-width:400px}.modal-container.alert .modal-body{text-align:center}.modal-container.alert .modal-footer{justify-content:center}.modal-container.confirm{max-width:450px}.modal-container.prompt,.modal-container.form{max-width:500px}.modal-form{display:flex;flex-direction:column;gap:var(--space-4)}.modal-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.modal-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.dark .modal-form-label{color:var(--gray-300)}.modal-form-input,.modal-form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all);box-sizing:border-box}.dark .modal-form-input,.dark .modal-form-select{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.modal-form-input:focus,.modal-form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .modal-form-input:focus,.dark .modal-form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.modal-form-input::placeholder{color:var(--gray-500)}.dark .modal-form-input::placeholder{color:var(--gray-400)}.modal-form-select{cursor:pointer}.admin-container{max-width:1400px;margin:0 auto;padding:var(--space-6) var(--space-4)}.admin-header{text-align:center;margin-bottom:var(--space-8)}.admin-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.admin-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--danger-500),var(--warning-500),var(--accent-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .admin-title{color:var(--gray-100)}.admin-subtitle{color:var(--gray-600);font-size:var(--font-size-lg);max-width:32rem;margin:0 auto}.dark .admin-subtitle{color:var(--gray-300)}.admin-logout-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.admin-logout-btn:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-logout-icon{width:1rem;height:1rem}.admin-tabs{display:flex;justify-content:center;margin-bottom:var(--space-8)}.admin-tabs-container{background:var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-1);display:flex;gap:var(--space-1);box-shadow:var(--shadow-sm)}.dark .admin-tabs-container{background:var(--gray-800)}.admin-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-all);border:none;cursor:pointer;background:transparent;color:var(--gray-600)}.dark .admin-tab-btn{color:var(--gray-400)}.admin-tab-btn:hover{color:var(--gray-900);background:var(--gray-200);transform:translateY(-1px)}.dark .admin-tab-btn:hover{color:var(--gray-100);background:var(--gray-700)}.admin-tab-btn.active{background:linear-gradient(135deg,var(--warning-500),var(--danger-500));color:#fff;box-shadow:var(--shadow-sm)}.admin-tab-icon{width:1.25rem;height:1.25rem}.admin-dashboard{display:flex;flex-direction:column;gap:var(--space-8)}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}@media(min-width:768px){.admin-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.admin-stat-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.dark .admin-stat-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-stat-card:nth-child(1){border-color:var(--primary-200);background:linear-gradient(135deg,#2563eb0d,#2563eb05)}.dark .admin-stat-card:nth-child(1){border-color:var(--primary-800);background:linear-gradient(135deg,#2563eb1a,#2563eb0d)}.admin-stat-card:nth-child(2){border-color:var(--success-200);background:linear-gradient(135deg,#10b9810d,#10b98105)}.dark .admin-stat-card:nth-child(2){border-color:var(--success-800);background:linear-gradient(135deg,#10b9811a,#10b9810d)}.admin-stat-card:nth-child(3){border-color:var(--warning-200);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05)}.dark .admin-stat-card:nth-child(3){border-color:var(--warning-800);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.admin-stat-card:nth-child(4){border-color:var(--accent-200);background:linear-gradient(135deg,#7c3aed0d,#7c3aed05)}.dark .admin-stat-card:nth-child(4){border-color:var(--accent-800);background:linear-gradient(135deg,#7c3aed1a,#7c3aed0d)}.admin-stat-icon{width:2rem;height:2rem;margin:0 auto var(--space-3)}.admin-stat-icon.users{color:var(--primary-500)}.admin-stat-icon.active{color:var(--success-500)}.admin-stat-icon.bets{color:var(--warning-500)}.admin-stat-icon.profit{color:var(--accent-500)}.admin-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);color:var(--gray-900)}.dark .admin-stat-value{color:var(--gray-100)}.admin-stat-label{font-size:var(--font-size-sm);color:var(--gray-500);font-weight:var(--font-weight-medium)}.dark .admin-stat-label{color:var(--gray-400)}.admin-overview-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1024px){.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.admin-overview-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .admin-overview-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-overview-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--gray-900)}.dark .admin-overview-title{color:var(--gray-100)}.admin-overview-stats{display:flex;flex-direction:column;gap:var(--space-4)}.admin-overview-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);transition:var(--transition-colors)}.dark .admin-overview-stat{background:var(--gray-800)}.admin-overview-stat:hover{background:var(--gray-200)}.dark .admin-overview-stat:hover{background:var(--gray-700)}.admin-overview-label{color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .admin-overview-label{color:var(--gray-400)}.admin-overview-value{font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .admin-overview-value{color:var(--gray-100)}.admin-overview-value.roi.positive{color:var(--success-500)}.admin-overview-value.roi.negative{color:var(--danger-500)}.admin-quick-actions{display:flex;flex-direction:column;gap:var(--space-3)}.admin-action-btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);transition:var(--transition-all);border:none;cursor:pointer}.admin-action-btn.primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.admin-action-btn.primary:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-action-btn.success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.admin-action-btn.success:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-data-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);overflow:hidden}.dark .admin-data-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-data-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);color:var(--gray-900)}.dark .admin-data-title{color:var(--gray-100)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{width:100%;font-size:var(--font-size-sm);border-collapse:collapse}.admin-table thead{background:var(--gray-100)}.dark .admin-table thead{background:var(--gray-800)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-medium);color:var(--gray-600);border-bottom:1px solid var(--gray-200);white-space:nowrap}.dark .admin-table th{color:var(--gray-400);border-bottom-color:var(--gray-700)}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-900)}.dark .admin-table td{border-bottom-color:var(--gray-800);color:var(--gray-100)}.admin-table tbody tr:hover{background:var(--gray-50)}.dark .admin-table tbody tr:hover{background:var(--gray-800)}.admin-user-name{font-weight:var(--font-weight-medium)}.admin-user-email{color:var(--gray-600)}.dark .admin-user-email{color:var(--gray-400)}.admin-user-role{font-weight:var(--font-weight-medium);color:var(--primary-600)}.admin-user-role.admin{color:var(--warning-600)}.admin-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.admin-status-badge.active{background:#10b9811a;color:var(--success-500);border:1px solid rgba(16,185,129,.2)}.admin-status-badge.inactive{background:#ef44441a;color:var(--danger-500);border:1px solid rgba(239,68,68,.2)}.admin-user-actions{display:flex;gap:var(--space-2)}.admin-user-action-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);border:none}.admin-user-action-btn.activate{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.admin-user-action-btn.activate:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.admin-user-action-btn.deactivate{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.admin-user-action-btn.deactivate:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-user-action-btn.delete{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));color:#fff}.admin-user-action-btn.delete:hover{background:linear-gradient(135deg,var(--danger-700),var(--danger-800));transform:translateY(-1px)}.admin-bet-result{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.admin-bet-result.win{background:#10b9811a;color:var(--success-500);border:1px solid rgba(16,185,129,.2)}.admin-bet-result.loss{background:#ef44441a;color:var(--danger-500);border:1px solid rgba(239,68,68,.2)}.admin-bet-result.pending{background:#f59e0b1a;color:var(--warning-500);border:1px solid rgba(245,158,11,.2)}.admin-bet-actions{display:flex;gap:var(--space-1)}.admin-bet-action-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);border:none}.admin-bet-action-btn.win{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.admin-bet-action-btn.win:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.admin-bet-action-btn.loss{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.admin-bet-action-btn.loss:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-settings-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .admin-settings-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-settings-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);color:var(--gray-900)}.dark .admin-settings-title{color:var(--gray-100)}.admin-settings-section{margin-bottom:var(--space-8)}.admin-settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3);color:var(--gray-900)}.dark .admin-settings-section-title{color:var(--gray-100)}.admin-settings-fields{display:flex;flex-direction:column;gap:var(--space-4)}.admin-settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-settings-label{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .admin-settings-label{color:var(--gray-400)}.admin-settings-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-colors)}.dark .admin-settings-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.admin-settings-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .admin-settings-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.admin-settings-input::placeholder{color:var(--gray-500)}.dark .admin-settings-input::placeholder{color:var(--gray-400)}.admin-settings-save-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--warning-500),var(--danger-500));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow)}.admin-settings-save-btn:hover{background:linear-gradient(135deg,var(--warning-600),var(--danger-600));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.admin-access-denied{display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.admin-access-denied-content{text-align:center}.admin-access-denied-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);color:var(--danger-500)}.admin-access-denied-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--danger-500);margin-bottom:var(--space-2)}.admin-access-denied-message{color:var(--gray-500);font-size:var(--font-size-lg)}.dark .admin-access-denied-message{color:var(--gray-400)}.admin-loading,.predictions-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-20)}.admin-loading-spinner,.predictions-loading-spinner{width:3rem;height:3rem;border:3px solid var(--gray-300);border-top:3px solid var(--primary-500);border-radius:50%;animation:var(--animation-spin)}.dark .admin-loading-spinner,.dark .predictions-loading-spinner{border-color:var(--gray-700);border-top-color:var(--primary-400)}.admin-loading-text,.predictions-loading-text{margin-left:var(--space-4);color:var(--gray-600);font-size:var(--font-size-lg)}.dark .admin-loading-text,.dark .predictions-loading-text{color:var(--gray-400)}.predictions-loading-dots{display:inline-flex;gap:var(--space-1);margin-right:var(--space-2)}.predictions-loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--primary-500);animation:predictions-dots-bounce 1.4s ease-in-out infinite both}.dark .predictions-loading-dots span{background:var(--primary-400)}.predictions-loading-dots span:nth-child(1){animation-delay:-.32s}.predictions-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes predictions-dots-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:768px){.admin-container{padding:var(--space-4) var(--space-2)}.admin-title{font-size:var(--font-size-3xl)}.admin-subtitle{font-size:var(--font-size-base)}.admin-stats-grid{grid-template-columns:1fr;gap:var(--space-4)}.admin-stat-card{padding:var(--space-4)}.admin-stat-icon{width:1.5rem;height:1.5rem;margin-bottom:var(--space-2)}.admin-stat-value{font-size:var(--font-size-xl)}.admin-overview-grid{gap:var(--space-6)}.admin-overview-card,.admin-data-card{padding:var(--space-4)}.admin-table{font-size:var(--font-size-xs)}.admin-table th,.admin-table td{padding:var(--space-2)}.admin-user-actions{flex-direction:column;gap:var(--space-1)}.admin-user-action-btn{font-size:10px;padding:var(--space-1) var(--space-2)}.admin-settings-card{padding:var(--space-4)}.admin-settings-fields{gap:var(--space-3)}}@media(max-width:768px){.admin-header{margin-bottom:var(--space-4)}.admin-header-content{flex-direction:column;gap:var(--space-4);text-align:center}.admin-tabs{margin-bottom:var(--space-6)}.admin-tabs-container{padding:var(--space-1);gap:var(--space-1)}.admin-tab-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.admin-dashboard{gap:var(--space-6)}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.admin-stat-card{padding:var(--space-3);text-align:center}.admin-stat-value{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.admin-stat-label{font-size:var(--font-size-xs)}.admin-overview-grid{grid-template-columns:1fr;gap:var(--space-4)}.admin-overview-card{padding:var(--space-3)}.admin-overview-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.admin-overview-stats{gap:var(--space-3)}.admin-overview-stat{padding:var(--space-2)}.admin-overview-label{font-size:var(--font-size-sm)}.admin-overview-value{font-size:var(--font-size-base)}.admin-quick-actions{gap:var(--space-2)}.admin-action-btn{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}}@media(max-width:768px){.admin-outcomes-section{gap:var(--space-6)}.admin-matches-outcomes{grid-template-columns:1fr;gap:var(--space-4)}.admin-match-outcome-card{padding:var(--space-4);margin:0 var(--space-2)}.admin-match-outcome-header{flex-direction:column;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}.admin-match-outcome-teams h4{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.admin-match-outcome-predictions{gap:var(--space-3)}.admin-prediction-outcome{padding:var(--space-3);flex-direction:column;gap:var(--space-3);align-items:flex-start;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:100%;box-sizing:border-box}.dark .admin-prediction-outcome{background:var(--gray-800);border-color:var(--gray-700)}.admin-prediction-outcome-info{width:100%;display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.admin-prediction-outcome-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-600)}.dark .admin-prediction-outcome-type{color:var(--gray-400)}.admin-prediction-outcome-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--success-500)}.admin-prediction-outcome-confidence{font-size:var(--font-size-xs);color:var(--gray-500)}.dark .admin-prediction-outcome-confidence{color:var(--gray-400)}.admin-prediction-outcome-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);justify-items:center;align-items:center}.admin-outcome-btn{width:100%;padding:var(--space-2) var(--space-1);font-size:11px;min-width:0;white-space:nowrap;text-align:center;border-radius:var(--radius);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;gap:var(--space-1);box-sizing:border-box}.admin-outcome-btn.win{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.admin-outcome-btn.win:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600),var(--success-700))}.admin-outcome-btn.loss{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.admin-outcome-btn.loss:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-600),var(--danger-700))}.admin-outcome-btn.edit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.admin-outcome-btn.edit:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.admin-outcome-btn.delete{background:linear-gradient(135deg,var(--gray-500),var(--gray-600));color:#fff}.admin-outcome-btn.delete:hover{background:linear-gradient(135deg,var(--gray-600),var(--gray-700))}.admin-outcome-btn:disabled{opacity:.5;cursor:not-allowed}.admin-outcome-btn.selected{border:2px solid var(--primary-500);box-shadow:0 0 0 2px #2563eb1a}.admin-outcome-btn.win.selected{border-color:var(--success-500);box-shadow:0 0 0 2px #10b9811a}.admin-outcome-btn.loss.selected{border-color:var(--danger-500);box-shadow:0 0 0 2px #ef44441a}}@media(max-width:768px){.admin-leagues-section{gap:var(--space-6)}.admin-leagues-list{grid-template-columns:1fr}.admin-league-card{padding:var(--space-4)}.admin-league-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.admin-league-info{width:100%}.admin-league-stats{width:100%;text-align:left}.admin-teams-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-1)}.admin-team-item{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}@media(max-width:768px){.admin-games-section{gap:var(--space-6)}.admin-games-list{grid-template-columns:1fr;gap:var(--space-4)}.admin-match-card{padding:var(--space-3);min-height:200px;height:auto;max-height:160px;overflow:hidden}.admin-match-header{flex-direction:column;gap:2px;align-items:flex-start;margin-bottom:2px}.admin-match-meta{flex-direction:row;gap:var(--space-2);align-items:center;font-size:var(--font-size-xs)}.admin-match-teams{margin-bottom:2px;font-size:var(--font-size-sm)}.admin-match-teams-title{font-size:var(--font-size-sm)}.admin-predictions-list{gap:2px}.admin-prediction-item-display{padding:2px;flex-direction:row;gap:2px;align-items:center;justify-content:space-between}.admin-prediction-type{min-width:70px;width:auto}.admin-prediction-type-label{font-size:9px;padding:1px var(--space-1)}.admin-prediction-details{flex:1;text-align:center}.admin-prediction-value{font-size:var(--font-size-sm)}.admin-prediction-confidence{display:none}.admin-prediction-odds-display{font-size:9px;min-width:50px;text-align:right}.admin-value-badge-small{font-size:8px;padding:1px var(--space-1)}}@media(max-width:768px){.admin-vip-section{gap:var(--space-6)}.admin-data-card{padding:var(--space-3)}.admin-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.admin-table th,.admin-table td{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}}@media(max-width:768px){.admin-form{gap:var(--space-4)}.admin-form-grid-2,.admin-form-grid-3,.admin-form-grid-4{grid-template-columns:1fr;gap:var(--space-3)}.admin-form-group{gap:var(--space-2)}.admin-form-input,.admin-form-select{padding:var(--space-3);font-size:var(--font-size-base)}.admin-btn-success,.admin-btn-warning{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}}@media(max-width:640px){.admin-tabs-container{flex-direction:column;width:100%;max-width:16rem}.admin-tab-btn{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.admin-table-wrapper{border-radius:var(--radius-lg);overflow-x:auto}.admin-bet-actions{flex-direction:column;gap:2px}.admin-bet-action-btn{font-size:10px;padding:2px var(--space-1)}}@media(prefers-reduced-motion:reduce){.admin-stat-card,.admin-tab-btn,.admin-action-btn,.admin-user-action-btn,.admin-bet-action-btn,.admin-settings-save-btn,.admin-table tbody tr{transition:none!important}.admin-loading-spinner{animation:none}}.admin-tab-btn:focus,.admin-action-btn:focus,.admin-user-action-btn:focus,.admin-bet-action-btn:focus,.admin-settings-input:focus,.admin-settings-save-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}.dark .admin-tab-btn:focus,.dark .admin-action-btn:focus,.dark .admin-user-action-btn:focus,.dark .admin-bet-action-btn:focus,.dark .admin-settings-input:focus,.dark .admin-settings-save-btn:focus{outline-color:var(--primary-400)}.admin-role-select{background:var(--gray-700);border:1px solid var(--gray-600);border-radius:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--gray-100);font-size:var(--font-size-sm);transition:var(--transition-colors)}.admin-role-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px var(--primary-100)}.dark .admin-role-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 2px var(--primary-900)}.admin-role-select option{background:var(--gray-800);color:var(--gray-100)}.admin-form{display:flex;flex-direction:column;gap:var(--space-6)}.admin-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.admin-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.admin-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.admin-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.dark .admin-form-label{color:var(--gray-300)}.admin-form-input,.admin-form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all)}.dark .admin-form-input,.dark .admin-form-select{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.admin-form-input:focus,.admin-form-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .admin-form-input:focus,.dark .admin-form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.admin-form-input::placeholder{color:var(--gray-500)}.dark .admin-form-input::placeholder{color:var(--gray-400)}.admin-form-section{padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.dark .admin-form-section{background:var(--gray-900);border-color:var(--gray-700)}.admin-form-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--gray-900)}.dark .admin-form-section-title{color:var(--gray-100)}.admin-odds-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.dark .admin-odds-section{border-color:var(--gray-700)}.admin-odds-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3);color:var(--gray-700)}.dark .admin-odds-title{color:var(--gray-300)}.admin-empty-state{text-align:center;padding:var(--space-8)}.admin-empty-text{font-size:var(--font-size-lg);color:var(--gray-500);margin-bottom:var(--space-2)}.admin-outcome-btn{padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:var(--space-1)}.admin-outcome-btn.win:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.admin-outcome-btn.loss:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-outcome-btn.edit{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff}.admin-outcome-btn.edit:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px)}.admin-outcome-btn.delete{background:linear-gradient(135deg,var(--gray-500),var(--gray-600));color:#fff}.admin-outcome-btn.delete:hover{background:linear-gradient(135deg,var(--gray-600),var(--gray-700));transform:translateY(-1px)}.admin-leagues-section{display:flex;flex-direction:column;gap:var(--space-8)}.admin-leagues-list{display:grid;gap:var(--space-6)}@media(min-width:768px){.admin-leagues-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.admin-leagues-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-league-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .admin-league-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-league-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}.admin-league-info{flex:1}.admin-league-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .admin-league-name{color:var(--gray-100)}.admin-league-country{color:var(--gray-500);font-size:var(--font-size-sm)}.admin-league-stats{text-align:right}.admin-league-team-count{background:var(--primary-500);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.admin-league-teams{margin-top:var(--space-4)}.admin-teams-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.admin-team-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.dark .admin-team-item{background:var(--gray-800)}.admin-team-info{flex:1}.admin-team-name{font-weight:var(--font-weight-medium);color:var(--gray-900)}.dark .admin-team-name{color:var(--gray-100)}.admin-team-code{color:var(--gray-500);font-size:10px}.dark .admin-team-code{color:var(--gray-400)}.admin-team-remove-btn{background:var(--danger-500);color:#fff;border:none;border-radius:var(--radius);width:1.5rem;height:1.5rem;cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:var(--transition-all)}.admin-team-remove-btn:hover{background:var(--danger-600);transform:scale(1.1)}.admin-no-teams{text-align:center;padding:var(--space-4);color:var(--gray-500);font-style:italic;font-size:var(--font-size-sm)}.dark .admin-no-teams{color:var(--gray-400)}.admin-searchable-select{position:relative}.admin-hidden-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.admin-checkbox{width:1.5rem;height:1.5rem;border:2px solid var(--gray-300);border-radius:var(--radius);background:var(--gray-50);cursor:pointer;transition:var(--transition-all)}.dark .admin-checkbox{background:var(--gray-900);border-color:var(--gray-700)}.admin-outcomes-section{display:flex;flex-direction:column;gap:var(--space-8)}.admin-matches-outcomes{display:grid;gap:var(--space-6)}@media(min-width:768px){.admin-matches-outcomes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.admin-matches-outcomes{grid-template-columns:repeat(1,minmax(0,1fr))}}.admin-match-outcome-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.dark .admin-match-outcome-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-match-outcome-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-4)}.admin-match-outcome-teams{flex:1}.admin-match-outcome-teams h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .admin-match-outcome-teams h4{color:var(--gray-100)}.admin-match-outcome-league{color:var(--gray-500);font-size:var(--font-size-sm)}.admin-match-outcome-date{color:var(--gray-600);font-size:var(--font-size-sm)}.dark .admin-match-outcome-date{color:var(--gray-400)}.admin-match-outcome-score{background:var(--success-500);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.admin-match-outcome-predictions{display:flex;flex-direction:column;gap:var(--space-3)}.admin-prediction-outcome{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.dark .admin-prediction-outcome{background:var(--gray-800);border-color:var(--gray-700)}.admin-prediction-outcome-info{flex:1}.admin-prediction-outcome-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-600);margin-bottom:var(--space-1)}.dark .admin-prediction-outcome-type{color:var(--gray-400)}.admin-prediction-outcome-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--success-500)}.admin-prediction-outcome-confidence{font-size:var(--font-size-sm);color:var(--gray-500)}.dark .admin-prediction-outcome-confidence{color:var(--gray-400)}.admin-prediction-outcome-actions{display:flex;gap:var(--space-2)}.admin-outcome-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);border:none}.admin-outcome-btn.win{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.admin-outcome-btn.win:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.admin-outcome-btn.loss{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.admin-outcome-btn.loss:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-outcome-btn.selected{background:var(--primary-600);color:#fff;border-color:var(--primary-600);font-weight:var(--font-weight-bold);box-shadow:0 2px 8px #2563eb4d}.admin-outcome-btn.win.selected{background:var(--success-600);border-color:var(--success-600);box-shadow:0 2px 8px #10b9814d}.admin-outcome-btn.loss.selected{background:var(--danger-600);border-color:var(--danger-600);box-shadow:0 2px 8px #ef44444d}.admin-outcome-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-300);color:var(--gray-500)}.admin-section-description{color:var(--gray-600);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.dark .admin-section-description{color:var(--gray-400)}.admin-btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.admin-btn-success:hover{background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px)}.admin-btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all)}.admin-btn-warning:hover{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-1px)}.admin-btn-add-prediction{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.admin-btn-add-prediction:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.admin-btn-icon{width:1rem;height:1rem}.admin-icon-inline{display:inline-block;width:1.25rem;height:1.25rem;margin-right:var(--space-2)}.admin-user-joined{color:var(--gray-500);font-size:var(--font-size-sm)}.dark .admin-user-joined{color:var(--gray-400)}.admin-games-section{display:flex;flex-direction:column;gap:var(--space-8)}.admin-games-list{display:grid;gap:var(--space-6)}@media(min-width:768px){.admin-games-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.admin-games-list{grid-template-columns:repeat(1,minmax(0,1fr))}}.admin-match-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-all);box-shadow:var(--shadow-sm)}.dark .admin-match-card{background:var(--gray-900);border-color:var(--gray-700)}.admin-match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.dark .admin-match-card:hover{border-color:var(--primary-800)}.admin-match-value{border-color:var(--warning-500);background:linear-gradient(135deg,#f59e0b0d,#f59e0b05);box-shadow:0 0 0 1px var(--warning-500),var(--shadow-md)}.admin-match-value:hover{border-color:var(--warning-600)}.admin-match-content{display:flex;flex-direction:column;gap:var(--space-6)}@media(min-width:1024px){.admin-match-content{flex-direction:row;align-items:center;justify-content:space-between}}.admin-match-info{flex:1}.admin-match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.admin-match-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--gray-500);flex-wrap:wrap}.admin-match-meta-item{display:flex;align-items:center;gap:var(--space-1)}.admin-match-icon{width:1rem;height:1rem;color:var(--gray-400)}.admin-value-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.admin-value-icon{width:1rem;height:1rem}.admin-match-teams{text-align:center;margin-bottom:var(--space-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900)}.dark .admin-match-teams{color:var(--gray-100)}@media(min-width:1024px){.admin-match-teams{text-align:left}}.admin-match-teams-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-1)}.dark .admin-match-teams-title{color:var(--gray-100)}.admin-match-league{color:var(--gray-500);font-size:var(--font-size-base)}.admin-prediction-section{width:100%}@media(min-width:1024px){.admin-prediction-section{width:20rem}}.admin-prediction-display{text-align:center;margin-bottom:var(--space-4)}.admin-prediction-label{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-1)}.admin-prediction-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--success-500);margin-bottom:var(--space-1);display:block}.admin-prediction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.admin-prediction-btn{padding:var(--space-3);border-radius:var(--radius-lg);text-align:center;border:1px solid var(--gray-300);background:var(--gray-50);color:var(--gray-700);transition:var(--transition-all);font-size:var(--font-size-sm)}.dark .admin-prediction-btn{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-300)}.admin-prediction-btn:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-700)}.dark .admin-prediction-btn:hover{background:var(--primary-950);color:var(--primary-300)}.admin-prediction-active{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-color:var(--success-500);box-shadow:var(--shadow-sm)}.admin-prediction-btn-label{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);display:block}.admin-prediction-btn-confidence{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.admin-odds-info{text-align:center;font-size:var(--font-size-sm);margin-bottom:var(--space-4);color:var(--gray-500)}.admin-odds-text{color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .admin-odds-text{color:var(--gray-400)}.admin-predictions-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-prediction-item-display{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200);transition:var(--transition-all)}.dark .admin-prediction-item-display{background:var(--gray-800);border-color:var(--gray-700)}.admin-prediction-item-display:hover{background:var(--gray-200);border-color:var(--gray-300)}.dark .admin-prediction-item-display:hover{background:var(--gray-700);border-color:var(--gray-600)}.selected-prediction{border-color:var(--success-500);background:linear-gradient(135deg,#10b9810d,#10b98105);box-shadow:0 0 0 2px #10b9811a}.selected-prediction .admin-prediction-type-label{background:var(--success-500);color:#fff}.selected-prediction .admin-prediction-value{color:var(--success-600);font-weight:var(--font-weight-bold)}.admin-prediction-type{display:flex;align-items:center;gap:var(--space-2);min-width:120px}.admin-prediction-type-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--gray-600);background:var(--gray-200);padding:var(--space-1) var(--space-2);border-radius:var(--radius);text-transform:uppercase;letter-spacing:.5px}.dark .admin-prediction-type-label{color:var(--gray-400);background:var(--gray-700)}.admin-value-badge-small{display:flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;border-radius:var(--radius);font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase}.admin-value-icon-small{width:.75rem;height:.75rem}.admin-prediction-details{flex:1;text-align:center}.admin-prediction-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--success-600);margin-bottom:var(--space-1);display:block}.dark .admin-prediction-value{color:var(--success-500)}.admin-prediction-confidence{font-size:var(--font-size-sm);color:var(--gray-500)}.dark .admin-prediction-confidence{color:var(--gray-400)}.admin-prediction-odds-display{font-size:var(--font-size-sm);color:var(--gray-600);font-weight:var(--font-weight-medium)}.dark .admin-prediction-odds-display{color:var(--gray-400)}.admin-no-predictions{text-align:center;padding:var(--space-6);color:var(--gray-500);font-style:italic}.dark .admin-no-predictions{color:var(--gray-400)}.admin-predictions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.admin-match-actions{display:flex;gap:var(--space-2);align-items:center}.admin-match-action-btn{padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.admin-match-action-btn.edit{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff}.admin-match-action-btn.edit:hover{background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-1px)}.admin-match-action-btn.delete{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff}.admin-match-action-btn.delete:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-prediction-item{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.dark .admin-prediction-item{background:var(--gray-900);border-color:var(--gray-700)}.admin-prediction-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.admin-prediction-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--gray-900)}.dark .admin-prediction-item-title{color:var(--gray-100)}.admin-btn-remove{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;border:none;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-all)}.admin-btn-remove:hover{background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px)}.admin-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media(max-width:768px){.admin-form-grid-4{grid-template-columns:1fr}}.admin-prediction-odds{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.dark .admin-prediction-odds{border-color:var(--gray-700)}.admin-prediction-odds-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--space-3)}.dark .admin-prediction-odds-title{color:var(--gray-300)}.admin-empty-predictions{text-align:center;padding:var(--space-6);background:var(--gray-50);border-radius:var(--radius-lg);border:2px dashed var(--gray-300)}.dark .admin-empty-predictions{background:var(--gray-900);border-color:var(--gray-700)}.admin-empty-text{font-size:var(--font-size-base);color:var(--gray-500);margin-bottom:var(--space-2)}.dark .admin-empty-text{color:var(--gray-400)}.admin-empty-subtitle{font-size:var(--font-size-sm);color:var(--gray-400)}.dark .admin-empty-subtitle{color:var(--gray-500)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--primary-50) 0%,var(--secondary-50) 50%,var(--accent-50) 100%);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(5,150,105,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.2) 0%,transparent 50%);pointer-events:none}.dark .login-container{background:linear-gradient(135deg,var(--primary-950) 0%,var(--secondary-950) 50%,var(--accent-950) 100%)}.dark .login-container:before{background:radial-gradient(circle at 20% 80%,rgba(37,99,235,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(5,150,105,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.15) 0%,transparent 50%)}.login-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-3xl);padding:var(--space-8);max-width:28rem;width:100%;box-shadow:var(--shadow-2xl);position:relative;z-index:10;transition:var(--transition-all)}.dark .login-card{background:#111827f2;border-color:#ffffff26}.login-card:hover{transform:translateY(-2px);box-shadow:0 32px 64px -12px #00000040}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.login-logo-icon{width:2rem;height:2rem;color:#f87171}.login-logo-container{width:4rem;height:4rem;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500),var(--accent-500));border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.login-logo-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:inherit}.login-logo-text{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--gray-900)}.dark .login-title{background:linear-gradient(135deg,var(--primary-400),var(--secondary-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--gray-100)}.login-subtitle{color:var(--gray-700);font-size:var(--font-size-lg);margin-bottom:var(--space-4);line-height:1.6}.dark .login-subtitle{color:var(--gray-300)}.login-signup-prompt{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-6)}.dark .login-signup-prompt{color:var(--gray-400)}.login-link{color:#94a3b8;font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-colors);border:none;background:none;cursor:pointer}.login-link:hover{color:#fff}.login-form{display:flex;flex-direction:column;gap:var(--space-6)}.login-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.login-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);transition:var(--transition-colors)}.dark .login-form-label{color:var(--gray-300)}.login-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all);position:relative}.dark .login-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.login-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.dark .login-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.login-input::placeholder{color:var(--gray-500);transition:var(--transition-colors)}.dark .login-input::placeholder{color:var(--gray-400)}.login-password-input{position:relative}.login-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-2);background:none;border:none;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.login-password-toggle:hover{color:var(--gray-700);background:var(--gray-100)}.dark .login-password-toggle:hover{color:var(--gray-300);background:var(--gray-800)}.login-password-icon{width:1.25rem;height:1.25rem}.login-form-actions{margin-top:var(--space-2)}.login-submit-btn{width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(to right,#ef4444,#ea580c);color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-all)}.login-submit-btn:hover:not(:disabled):before{left:100%}.login-submit-btn:hover:not(:disabled){background:linear-gradient(to right,#dc2626,#c2410c);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-links{text-align:center;font-size:var(--font-size-sm);color:var(--gray-500)}.dark .login-links{color:var(--gray-400)}.login-loading{position:relative;pointer-events:none}.login-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border:2px solid var(--primary-200);border-top:2px solid var(--primary-500);border-radius:50%;animation:var(--animation-spin)}.dark .login-loading:after{border-color:var(--primary-800);border-top-color:var(--primary-400)}.login-error{border-color:var(--danger-500)!important;box-shadow:0 0 0 3px var(--danger-100)!important}.dark .login-error{border-color:var(--danger-400)!important;box-shadow:0 0 0 3px var(--danger-900)!important}.login-success{border-color:var(--success-500)!important;box-shadow:0 0 0 3px var(--success-100)!important}.dark .login-success{border-color:var(--success-400)!important;box-shadow:0 0 0 3px var(--success-900)!important}@keyframes login-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:login-fade-in .6s ease-out}@keyframes login-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:640px){.login-container{padding:var(--space-2)}.login-card{padding:var(--space-6);max-width:100%}.login-title{font-size:var(--font-size-2xl)}.login-subtitle{font-size:var(--font-size-base)}.login-submit-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}}@media(max-width:480px){.login-card{padding:var(--space-4);border-radius:var(--radius-xl)}.login-title{font-size:var(--font-size-xl)}.login-logo-container{width:3rem;height:3rem}.login-logo-text{font-size:var(--font-size-lg)}}@media(prefers-reduced-motion:reduce){.login-card,.login-submit-btn,.login-input,.login-password-toggle,.login-link{animation:none!important;transition:none!important}}.login-input:focus+.login-password-toggle{z-index:10}.login-input:valid{border-color:var(--success-500)}.login-input:invalid:not(:placeholder-shown){border-color:var(--danger-500)}.login-input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px var(--danger-100)}.dark .login-input:valid{border-color:var(--success-400)}.dark .login-input:invalid:not(:placeholder-shown){border-color:var(--danger-400)}.dark .login-input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px var(--danger-900)}.password-strength{margin-top:var(--space-2);height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.dark .password-strength{background:var(--gray-700)}.password-strength-fill{height:100%;border-radius:var(--radius-full);transition:var(--transition-all)}.password-strength-fill.weak{width:33%;background:var(--danger-500)}.password-strength-fill.medium{width:66%;background:var(--warning-500)}.password-strength-fill.strong{width:100%;background:var(--success-500)}.login-social{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.dark .login-social{border-color:var(--gray-700)}.login-social-title{text-align:center;font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-4);position:relative}.login-social-title:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--gray-200)}.dark .login-social-title:before{background:var(--gray-700)}.login-social-title span{background:var(--gray-50);padding:0 var(--space-3);position:relative;z-index:1}.dark .login-social-title span{background:var(--gray-900)}.login-social-buttons{display:flex;gap:var(--space-3)}.login-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--gray-50);color:var(--gray-700);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-all)}.dark .login-social-btn{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-300)}.login-social-btn:hover{border-color:var(--gray-300);background:var(--gray-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.dark .login-social-btn:hover{border-color:var(--gray-600);background:var(--gray-700)}.login-social-icon{width:1.25rem;height:1.25rem}.login-forgot{text-align:center;margin-top:var(--space-4)}.login-forgot-link{font-size:var(--font-size-sm);color:var(--primary-500);text-decoration:none;transition:var(--transition-colors)}.login-forgot-link:hover{color:var(--primary-600);text-decoration:underline}.login-remember{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.login-remember-input{width:auto;margin:0}.login-remember-label{font-size:var(--font-size-sm);color:var(--gray-600);cursor:pointer}.dark .login-remember-label{color:var(--gray-400)}.login-footer{margin-top:var(--space-8);text-align:center;font-size:var(--font-size-xs);color:var(--gray-500)}.dark .login-footer{color:var(--gray-400)}.login-footer-link{color:var(--primary-500);text-decoration:none;font-weight:var(--font-weight-medium)}.login-footer-link:hover{text-decoration:underline}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--accent-50) 0%,var(--secondary-50) 50%,var(--primary-50) 100%);position:relative;overflow:hidden}.register-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 75%,rgba(124,58,237,.3) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(5,150,105,.3) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(37,99,235,.2) 0%,transparent 50%);pointer-events:none}.dark .register-container{background:linear-gradient(135deg,var(--accent-950) 0%,var(--secondary-950) 50%,var(--primary-950) 100%)}.dark .register-container:before{background:radial-gradient(circle at 25% 75%,rgba(124,58,237,.2) 0%,transparent 50%),radial-gradient(circle at 75% 25%,rgba(5,150,105,.2) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(37,99,235,.15) 0%,transparent 50%)}.register-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-3xl);padding:var(--space-8);max-width:32rem;width:100%;box-shadow:var(--shadow-2xl);position:relative;z-index:10;transition:var(--transition-all)}.dark .register-card{background:#111827e6;border-color:#ffffff1a}.register-card:hover{transform:translateY(-2px);box-shadow:0 32px 64px -12px #00000040}.register-header{text-align:center;margin-bottom:var(--space-8)}.register-logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.register-logo-container{width:4rem;height:4rem;background:linear-gradient(135deg,var(--accent-500),var(--secondary-500),var(--primary-500));border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-2xl);position:relative;overflow:hidden}.register-logo-container:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:inherit}.register-logo-text{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.register-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--gray-900);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--accent-600),var(--secondary-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .register-title{color:var(--gray-100)}.register-subtitle{color:var(--gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-4);line-height:1.6}.dark .register-subtitle{color:var(--gray-400)}.register-login-prompt{font-size:var(--font-size-sm);color:var(--gray-500);margin-bottom:var(--space-6)}.dark .register-login-prompt{color:var(--gray-400)}.register-link{color:var(--primary-500);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-colors)}.register-link:hover{color:var(--primary-600);text-decoration:underline}.register-form{display:flex;flex-direction:column;gap:var(--space-6)}.register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:640px){.register-form-row{grid-template-columns:1fr}}.register-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.register-form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);transition:var(--transition-colors)}.dark .register-form-label{color:var(--gray-300)}.register-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:2px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-all);position:relative}.dark .register-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.register-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);transform:translateY(-1px)}.dark .register-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.register-input::placeholder{color:var(--gray-500);transition:var(--transition-colors)}.dark .register-input::placeholder{color:var(--gray-400)}.register-password-input{position:relative}.register-password-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-2);background:none;border:none;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-lg);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.register-password-toggle:hover{color:var(--gray-700);background:var(--gray-100)}.dark .register-password-toggle:hover{color:var(--gray-300);background:var(--gray-800)}.register-password-icon{width:1.25rem;height:1.25rem}.register-password-strength{margin-top:var(--space-2);height:4px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.dark .register-password-strength{background:var(--gray-700)}.register-password-strength-fill{height:100%;border-radius:var(--radius-full);transition:var(--transition-all)}.register-password-strength-fill.weak{width:33%;background:var(--danger-500)}.register-password-strength-fill.medium{width:66%;background:var(--warning-500)}.register-password-strength-fill.strong{width:100%;background:var(--success-500)}.register-password-strength-text{font-size:var(--font-size-xs);margin-top:var(--space-1)}.register-password-strength-text.weak{color:var(--danger-600)}.register-password-strength-text.medium{color:var(--warning-600)}.register-password-strength-text.strong{color:var(--success-600)}.password-requirements{display:flex;flex-direction:column;gap:.25rem;margin-top:var(--space-2)}.password-requirement{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.password-requirement.met{color:#10b981}.password-check-icon{width:1rem;height:1rem}.register-terms{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.register-terms-input{width:auto;margin:0;accent-color:var(--primary-500)}.register-terms-label{font-size:var(--font-size-sm);color:var(--gray-600);line-height:1.5}.dark .register-terms-label{color:var(--gray-400)}.register-terms-link{color:var(--primary-500);text-decoration:none;font-weight:var(--font-weight-medium)}.register-terms-link:hover{text-decoration:underline}.register-form-actions{margin-top:var(--space-2)}.register-submit-btn{width:100%;padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--accent-500),var(--secondary-500));color:#fff;border:none;border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-all);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.register-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-all)}.register-submit-btn:hover:not(:disabled):before{left:100%}.register-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-600),var(--secondary-600));transform:translateY(-2px);box-shadow:var(--shadow-xl)}.register-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.register-links{text-align:center;font-size:var(--font-size-sm);color:var(--gray-500)}.dark .register-links{color:var(--gray-400)}.register-loading{position:relative;pointer-events:none}.register-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.5rem;height:1.5rem;margin:-.75rem 0 0 -.75rem;border:2px solid var(--accent-200);border-top:2px solid var(--accent-500);border-radius:50%;animation:var(--animation-spin)}.dark .register-loading:after{border-color:var(--accent-800);border-top-color:var(--accent-400)}.register-error{border-color:var(--danger-500)!important;box-shadow:0 0 0 3px var(--danger-100)!important}.dark .register-error{border-color:var(--danger-400)!important;box-shadow:0 0 0 3px var(--danger-900)!important}.register-success{border-color:var(--success-500)!important;box-shadow:0 0 0 3px var(--success-100)!important}.dark .register-success{border-color:var(--success-400)!important;box-shadow:0 0 0 3px var(--success-900)!important}@keyframes register-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.register-card{animation:register-fade-in .6s ease-out}@keyframes register-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:640px){.register-container{padding:var(--space-2)}.register-card{padding:var(--space-6);max-width:100%}.register-title{font-size:var(--font-size-2xl)}.register-subtitle{font-size:var(--font-size-base)}.register-submit-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base)}.register-form-row{gap:var(--space-6)}}@media(max-width:480px){.register-card{padding:var(--space-4);border-radius:var(--radius-xl)}.register-title{font-size:var(--font-size-xl)}.register-logo-container{width:3rem;height:3rem}.register-logo-text{font-size:var(--font-size-lg)}}@media(prefers-reduced-motion:reduce){.register-card,.register-submit-btn,.register-input,.register-password-toggle,.register-link{animation:none!important;transition:none!important}}.register-input:focus+.register-password-toggle{z-index:10}.register-input:valid{border-color:var(--success-500)}.register-input:invalid:not(:placeholder-shown){border-color:var(--danger-500)}.register-input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px var(--danger-100)}.dark .register-input:valid{border-color:var(--success-400)}.dark .register-input:invalid:not(:placeholder-shown){border-color:var(--danger-400)}.dark .register-input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px var(--danger-900)}.register-footer{margin-top:var(--space-8);text-align:center;font-size:var(--font-size-xs);color:var(--gray-500)}.dark .register-footer{color:var(--gray-400)}.register-footer-link{color:var(--primary-500);text-decoration:none;font-weight:var(--font-weight-medium)}.register-footer-link:hover{text-decoration:underline}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--primary-950: #172554;--secondary-50: #ecfdf5;--secondary-100: #d1fae5;--secondary-200: #a7f3d0;--secondary-300: #6ee7b7;--secondary-400: #34d399;--secondary-500: #10b981;--secondary-600: #059669;--secondary-700: #047857;--secondary-800: #065f46;--secondary-900: #064e3b;--secondary-950: #022c22;--accent-50: #faf5ff;--accent-100: #f3e8ff;--accent-200: #e9d5ff;--accent-300: #d8b4fe;--accent-400: #c084fc;--accent-500: #a855f7;--accent-600: #9333ea;--accent-700: #7c3aed;--accent-800: #6b21a8;--accent-900: #581c87;--accent-950: #3b0764;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--danger-50: #fef2f2;--danger-100: #fee2e2;--danger-200: #fecaca;--danger-300: #fca5a5;--danger-400: #f87171;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--danger-800: #991b1b;--danger-900: #7f1d1d;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--radius-none: 0;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--animation-none: none;--animation-spin: spin 1s linear infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1), text-decoration-color .15s cubic-bezier(.4, 0, .2, 1), fill .15s cubic-bezier(.4, 0, .2, 1), stroke .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}.dark{--primary-50: #1e293b;--primary-100: #334155;--primary-200: #475569;--primary-300: #64748b;--primary-400: #94a3b8;--primary-500: #cbd5e1;--primary-600: #e2e8f0;--primary-700: #f1f5f9;--primary-800: #f8fafc;--primary-900: #ffffff;--secondary-50: #0f172a;--secondary-100: #1e293b;--secondary-200: #334155;--secondary-300: #475569;--secondary-400: #64748b;--secondary-500: #94a3b8;--secondary-600: #cbd5e1;--secondary-700: #e2e8f0;--secondary-800: #f1f5f9;--secondary-900: #f8fafc;--accent-50: #1e1b4b;--accent-100: #312e81;--accent-200: #4338ca;--accent-300: #5b21b6;--accent-400: #7c3aed;--accent-500: #a855f7;--accent-600: #c084fc;--accent-700: #d8b4fe;--accent-800: #e9d5ff;--accent-900: #f3e8ff;--success-50: #064e3b;--success-100: #065f46;--success-200: #047857;--success-300: #059669;--success-400: #10b981;--success-500: #34d399;--success-600: #6ee7b7;--success-700: #a7f3d0;--success-800: #d1fae5;--success-900: #ecfdf5;--warning-50: #451a03;--warning-100: #78350f;--warning-200: #92400e;--warning-300: #b45309;--warning-400: #d97706;--warning-500: #f59e0b;--warning-600: #fbbf24;--warning-700: #fcd34d;--warning-800: #fde68a;--warning-900: #fef3c7;--danger-50: #450a0a;--danger-100: #7f1d1d;--danger-200: #991b1b;--danger-300: #b91c1c;--danger-400: #dc2626;--danger-500: #ef4444;--danger-600: #f87171;--danger-700: #fca5a5;--danger-800: #fecaca;--danger-900: #fee2e2;--gray-50: #030712;--gray-100: #111827;--gray-200: #1f2937;--gray-300: #374151;--gray-400: #4b5563;--gray-500: #6b7280;--gray-600: #9ca3af;--gray-700: #d1d5db;--gray-800: #e5e7eb;--gray-900: #f3f4f6;--gray-950: #f9fafb}*,*:before,*:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{font-family:var(--font-family);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:inherit;color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--transition-colors)}.dark body{color:var(--gray-100);background-color:var(--gray-950)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.w-full{width:100%}.w-screen{width:100vw}.h-full{height:100%}.h-screen{height:100vh}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-tight)}.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-tight)}.text-base{font-size:var(--font-size-base);line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.text-2xl{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.text-3xl{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}.text-5xl{font-size:var(--font-size-5xl);line-height:var(--line-height-tight)}.text-6xl{font-size:var(--font-size-6xl);line-height:var(--line-height-tight)}.font-thin{font-weight:var(--font-weight-thin)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.text-gray-50{color:var(--gray-50)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-primary-50{color:var(--primary-50)}.text-primary-100{color:var(--primary-100)}.text-primary-200{color:var(--primary-200)}.text-primary-300{color:var(--primary-300)}.text-primary-400{color:var(--primary-400)}.text-primary-500{color:var(--primary-500)}.text-primary-600{color:var(--primary-600)}.text-primary-700{color:var(--primary-700)}.text-primary-800{color:var(--primary-800)}.text-primary-900{color:var(--primary-900)}.text-secondary-50{color:var(--secondary-50)}.text-secondary-100{color:var(--secondary-100)}.text-secondary-200{color:var(--secondary-200)}.text-secondary-300{color:var(--secondary-300)}.text-secondary-400{color:var(--secondary-400)}.text-secondary-500{color:var(--secondary-500)}.text-secondary-600{color:var(--secondary-600)}.text-secondary-700{color:var(--secondary-700)}.text-secondary-800{color:var(--secondary-800)}.text-secondary-900{color:var(--secondary-900)}.text-accent-50{color:var(--accent-50)}.text-accent-100{color:var(--accent-100)}.text-accent-200{color:var(--accent-200)}.text-accent-300{color:var(--accent-300)}.text-accent-400{color:var(--accent-400)}.text-accent-500{color:var(--accent-500)}.text-accent-600{color:var(--accent-600)}.text-accent-700{color:var(--accent-700)}.text-accent-800{color:var(--accent-800)}.text-accent-900{color:var(--accent-900)}.text-success-50{color:var(--success-50)}.text-success-100{color:var(--success-100)}.text-success-200{color:var(--success-200)}.text-success-300{color:var(--success-300)}.text-success-400{color:var(--success-400)}.text-success-500{color:var(--success-500)}.text-success-600{color:var(--success-600)}.text-success-700{color:var(--success-700)}.text-success-800{color:var(--success-800)}.text-success-900{color:var(--success-900)}.text-warning-50{color:var(--warning-50)}.text-warning-100{color:var(--warning-100)}.text-warning-200{color:var(--warning-200)}.text-warning-300{color:var(--warning-300)}.text-warning-400{color:var(--warning-400)}.text-warning-500{color:var(--warning-500)}.text-warning-600{color:var(--warning-600)}.text-warning-700{color:var(--warning-700)}.text-warning-800{color:var(--warning-800)}.text-warning-900{color:var(--warning-900)}.text-danger-50{color:var(--danger-50)}.text-danger-100{color:var(--danger-100)}.text-danger-200{color:var(--danger-200)}.text-danger-300{color:var(--danger-300)}.text-danger-400{color:var(--danger-400)}.text-danger-500{color:var(--danger-500)}.text-danger-600{color:var(--danger-600)}.text-danger-700{color:var(--danger-700)}.text-danger-800{color:var(--danger-800)}.text-danger-900{color:var(--danger-900)}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-gray-200{background-color:var(--gray-200)}.bg-gray-300{background-color:var(--gray-300)}.bg-gray-400{background-color:var(--gray-400)}.bg-gray-500{background-color:var(--gray-500)}.bg-gray-600{background-color:var(--gray-600)}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-900{background-color:var(--gray-900)}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-100{background-color:var(--primary-100)}.bg-primary-200{background-color:var(--primary-200)}.bg-primary-300{background-color:var(--primary-300)}.bg-primary-400{background-color:var(--primary-400)}.bg-primary-500{background-color:var(--primary-500)}.bg-primary-600{background-color:var(--primary-600)}.bg-primary-700{background-color:var(--primary-700)}.bg-primary-800{background-color:var(--primary-800)}.bg-primary-900{background-color:var(--primary-900)}.bg-secondary-50{background-color:var(--secondary-50)}.bg-secondary-100{background-color:var(--secondary-100)}.bg-secondary-200{background-color:var(--secondary-200)}.bg-secondary-300{background-color:var(--secondary-300)}.bg-secondary-400{background-color:var(--secondary-400)}.bg-secondary-500{background-color:var(--secondary-500)}.bg-secondary-600{background-color:var(--secondary-600)}.bg-secondary-700{background-color:var(--secondary-700)}.bg-secondary-800{background-color:var(--secondary-800)}.bg-secondary-900{background-color:var(--secondary-900)}.bg-accent-50{background-color:var(--accent-50)}.bg-accent-100{background-color:var(--accent-100)}.bg-accent-200{background-color:var(--accent-200)}.bg-accent-300{background-color:var(--accent-300)}.bg-accent-400{background-color:var(--accent-400)}.bg-accent-500{background-color:var(--accent-500)}.bg-accent-600{background-color:var(--accent-600)}.bg-accent-700{background-color:var(--accent-700)}.bg-accent-800{background-color:var(--accent-800)}.bg-accent-900{background-color:var(--accent-900)}.bg-success-50{background-color:var(--success-50)}.bg-success-100{background-color:var(--success-100)}.bg-success-200{background-color:var(--success-200)}.bg-success-300{background-color:var(--success-300)}.bg-success-400{background-color:var(--success-400)}.bg-success-500{background-color:var(--success-500)}.bg-success-600{background-color:var(--success-600)}.bg-success-700{background-color:var(--success-700)}.bg-success-800{background-color:var(--success-800)}.bg-success-900{background-color:var(--success-900)}.bg-warning-50{background-color:var(--warning-50)}.bg-warning-100{background-color:var(--warning-100)}.bg-warning-200{background-color:var(--warning-200)}.bg-warning-300{background-color:var(--warning-300)}.bg-warning-400{background-color:var(--warning-400)}.bg-warning-500{background-color:var(--warning-500)}.bg-warning-600{background-color:var(--warning-600)}.bg-warning-700{background-color:var(--warning-700)}.bg-warning-800{background-color:var(--warning-800)}.bg-warning-900{background-color:var(--warning-900)}.bg-danger-50{background-color:var(--danger-50)}.bg-danger-100{background-color:var(--danger-100)}.bg-danger-200{background-color:var(--danger-200)}.bg-danger-300{background-color:var(--danger-300)}.bg-danger-400{background-color:var(--danger-400)}.bg-danger-500{background-color:var(--danger-500)}.bg-danger-600{background-color:var(--danger-600)}.bg-danger-700{background-color:var(--danger-700)}.bg-danger-800{background-color:var(--danger-800)}.bg-danger-900{background-color:var(--danger-900)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-double{border-style:double}.border-none{border-style:none}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.shadow-none{box-shadow:var(--shadow-none)}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-opacity{transition:var(--transition-opacity)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:var(--transition-all);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gray-100);color:var(--gray-900);border-color:var(--gray-300)}.dark .btn-secondary{background:var(--gray-800);color:var(--gray-100);border-color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-400)}.dark .btn-secondary:hover:not(:disabled){background:var(--gray-700);border-color:var(--gray-600)}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;box-shadow:var(--shadow)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--success-600),var(--success-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background:linear-gradient(135deg,var(--warning-500),var(--warning-600));color:#fff;box-shadow:var(--shadow)}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,var(--warning-600),var(--warning-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background:linear-gradient(135deg,var(--danger-500),var(--danger-600));color:#fff;box-shadow:var(--shadow)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,var(--danger-600),var(--danger-700));transform:translateY(-1px);box-shadow:var(--shadow-md)}.card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:var(--transition-all)}.dark .card{background:var(--gray-900);border-color:var(--gray-800)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-lg);color:var(--gray-900);font-size:var(--font-size-base);transition:var(--transition-colors)}.dark .form-input{background:var(--gray-900);border-color:var(--gray-700);color:var(--gray-100)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.dark .form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px var(--primary-900)}.form-input::placeholder{color:var(--gray-500)}.dark .form-input::placeholder{color:var(--gray-400)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.dark .form-label{color:var(--gray-300)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-spin{animation:var(--animation-spin)}.animate-ping{animation:var(--animation-ping)}.animate-pulse{animation:var(--animation-pulse)}.animate-bounce{animation:var(--animation-bounce)}@media(min-width:640px){.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:text-left{text-align:left}.sm\:text-center{text-align:center}.sm\:text-right{text-align:right}}@media(min-width:768px){.md\:flex{display:flex}.md\:grid{display:grid}.md\:block{display:block}.md\:hidden{display:none}.md\:inline{display:inline}.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:text-left{text-align:left}.md\:text-center{text-align:center}.md\:text-right{text-align:right}.md\:w-full{width:100%}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-right{text-align:right}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:grid{display:grid}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1536px){.2xl\:flex{display:flex}.2xl\:grid{display:grid}.2xl\:block{display:block}.2xl\:hidden{display:none}}.focus-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-ring-primary:focus{box-shadow:0 0 0 3px var(--primary-100)}.dark .focus-ring-primary:focus{box-shadow:0 0 0 3px var(--primary-900)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background:var(--bg-dark);color:var(--gray-100);transition:background-color var(--transition-normal),color var(--transition-normal)}.dark body{background:var(--bg-light);color:var(--gray-900)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}