@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--font-primary:"Outfit", sans-serif;--font-secondary:"Inter", sans-serif;--color-bg-dark:#040906;--color-bg-card:#08140e;--color-border-subtle:#132d20;--color-border-hover:#1e4d35;--color-accent-green:#10b981;--color-accent-green-hover:#059669;--color-accent-gold:#fbbf24;--color-text-primary:#fff;--color-text-secondary:#e2e8f0;--color-text-muted:#849b8f;--transition-smooth:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{touch-action:manipulation}body{background-color:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-secondary);background-image:linear-gradient(#040906d1 0%,#08140ef0 100%),url(/worldcup26/stadium_bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-dark)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-green)}h1,h2,h3,h4{font-family:var(--font-primary);color:var(--color-text-primary);font-weight:700}.text-gold{color:var(--color-accent-gold);font-weight:700}.text-muted{color:var(--color-text-muted)}.glass-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);transition:var(--transition-smooth);border-radius:16px;box-shadow:0 4px 25px #00000073}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:0 8px 30px #0000008c}.glow-gold-border{border:1.5px solid var(--color-accent-gold)!important}.glow-green-border{border:1.5px solid var(--color-accent-green)!important}.form-input{background:var(--color-bg-dark);border:1.5px solid var(--color-border-subtle);color:#fff;width:100%;font-family:var(--font-secondary);transition:var(--transition-smooth);border-radius:12px;padding:14px 16px;font-size:.95rem}.form-input::placeholder{color:#4b5563}.form-input:focus{border-color:var(--color-accent-green);background:var(--color-bg-card);outline:none;box-shadow:0 0 0 3px #10b98126}.form-input:disabled{opacity:.6;background:var(--color-bg-card);cursor:not-allowed}.form-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-secondary);margin-bottom:8px;display:block}.btn-premium{width:100%;font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-green{background:var(--color-accent-green);color:var(--color-bg-dark);box-shadow:0 4px 12px #10b98126}.btn-green:hover:not(:disabled){background:var(--color-accent-green-hover);transform:translateY(-1px)}.btn-green:disabled{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.btn-gold{background:var(--color-accent-gold);color:var(--color-bg-dark);box-shadow:0 4px 12px #fbbf2426}.btn-gold:hover:not(:disabled){background:#e5a91a;transform:translateY(-1px)}.btn-gold:disabled{background:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;box-shadow:none;transform:none}.custom-dropdown-container{width:100%;position:relative}.custom-dropdown-trigger{background:var(--color-bg-dark);border:1.5px solid var(--color-border-subtle);color:#fff;width:100%;font-family:var(--font-secondary);cursor:pointer;transition:var(--transition-smooth);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.95rem;display:flex}.custom-dropdown-trigger:hover{border-color:var(--color-border-hover);background:var(--color-bg-card)}.custom-dropdown-menu{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);z-index:100;border-radius:12px;width:100%;max-height:250px;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 30px #00000080}.custom-dropdown-search{background:var(--color-bg-dark);border-bottom:1px solid var(--color-border-subtle);padding:10px 12px}.custom-dropdown-option{cursor:pointer;transition:var(--transition-smooth);color:var(--color-text-secondary);align-items:center;gap:12px;padding:12px 16px;display:flex}.custom-dropdown-option:hover{background:var(--color-border-subtle);color:#fff}.custom-dropdown-option.selected{color:var(--color-accent-green);background:#10b9811a;font-weight:600}.football-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.matches-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:20px;display:grid}.admin-container{grid-template-columns:280px 1fr;min-height:calc(100vh - 80px);display:grid}@media (width<=900px){.admin-container{grid-template-columns:1fr}}.receipt-row{border-bottom:1px dashed var(--color-border-subtle);justify-content:space-between;padding:12px 0;display:flex}.receipt-row:last-child{border-bottom:none}@media (width<=600px){body{padding:12px 8px}header{padding:10px 12px!important}footer{padding:16px 12px!important}.glass-card{border-radius:12px;margin:8px 0;box-shadow:0 4px 15px #0000004d;padding:20px 14px!important}.match-flag-circle{width:70px!important;height:70px!important}.match-flag-circle span{font-size:2.4rem!important}.match-flag{margin-bottom:4px!important;font-size:2.2rem!important}.match-team-name{font-size:1rem!important}.vs-badge-premium{padding:6px 12px!important;font-size:.8rem!important}.vs-badge{padding:4px 10px!important;font-size:.75rem!important}h1{font-size:1.45rem!important}h2{font-size:1.3rem!important}.btn-premium{padding:14px 20px;font-size:.9rem}.form-input,.custom-dropdown-trigger{padding:12px 14px;font-size:16px}table{font-size:.85rem!important}table th,table td{padding:8px 4px!important}.receipt-row{flex-wrap:wrap;gap:4px}.receipt-row span{flex:100px}.receipt-row strong,.receipt-row span:last-child{text-align:right;word-break:break-word;overflow-wrap:break-word;flex:150px}}.admin-sidebar{background:var(--color-bg-card);border-right:1px solid var(--color-border-subtle);flex-direction:column;justify-content:space-between;gap:20px;height:100%;padding:30px 20px;display:flex}.sidebar-header{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:12px;margin-bottom:35px;padding-bottom:20px;display:flex}.sidebar-logo-icon{color:var(--color-accent-gold);background:#d4af3726;border:1px solid #d4af3740;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:flex;box-shadow:0 0 15px #d4af371a}.sidebar-logo-text h3{letter-spacing:.05em;font-size:1.1rem;font-family:var(--font-primary);text-transform:uppercase;line-height:1.2}.sidebar-logo-text p{color:var(--color-text-muted);font-size:.72rem;font-family:var(--font-secondary);word-break:break-all;margin-top:4px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-menu-btn{width:100%;color:var(--color-text-muted);font-family:var(--font-secondary);cursor:pointer;text-align:left;background:0 0;border:1.5px solid #0000;border-radius:10px;outline:none;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-menu-btn svg{color:var(--color-text-muted);flex-shrink:0;transition:color .2s}.sidebar-menu-btn:hover{color:var(--color-text-primary);background:#ffffff08;border-color:#ffffff0d}.sidebar-menu-btn:hover svg{color:var(--color-text-primary)}.sidebar-menu-btn.active{color:var(--color-accent-green);background:#10b98114;border-color:#10b98126;font-weight:600;box-shadow:inset 0 0 12px #10b98108}.sidebar-menu-btn.active svg{color:var(--color-accent-green)}.sidebar-logout-btn{color:#ef4444;width:100%;font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:#ef444408;border:1.5px solid #ef444426;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#ef44441f;border-color:#ef444466;box-shadow:0 4px 15px #ef444426}.nav-tab-btn{width:auto;color:var(--color-text-muted);font-family:var(--font-primary);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:1.5px solid #0000;border-radius:8px;outline:none;align-items:center;gap:8px;padding:8px 18px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.nav-tab-btn:hover{color:var(--color-text-primary);background:#ffffff08}.nav-tab-btn.active-predict{color:var(--color-accent-green);background:#10b98114;border-color:#10b98133;box-shadow:0 0 15px #10b9810d}.nav-tab-btn.active-admin{color:var(--color-accent-gold);background:#d4af3714;border-color:#d4af3733;box-shadow:0 0 15px #d4af370d}.vs-badge-premium{font-family:var(--font-primary);color:var(--color-accent-green);letter-spacing:.05em;background:#10b9810f;border:1px solid #10b98133;border-radius:30px;padding:8px 18px;font-size:.95rem;font-weight:800;display:inline-block;box-shadow:0 0 15px #10b9810d}.match-flag-circle{background:#ffffff05;border:1px solid #ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 25px #00000059}.match-flag-circle:hover{border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 30px #00000073}@keyframes pulse-light{0%{transform:scale(.95);box-shadow:0 0 #10b98166}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}@keyframes goldPulse{0%{background:#fbbf2414;border-color:#fbbf2459;box-shadow:0 0 8px #fbbf244d,inset 0 0 4px #fbbf241a}50%{background:#fbbf2429;border-color:#fbbf24d9;box-shadow:0 0 25px #fbbf24bf,inset 0 0 10px #fbbf2459}to{background:#fbbf2414;border-color:#fbbf2459;box-shadow:0 0 8px #fbbf244d,inset 0 0 4px #fbbf241a}}.gold-pulse-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-gold);align-items:center;gap:6px;margin-bottom:8px;font-size:.72rem;font-weight:800;display:inline-flex}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-backdrop{z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:linear-gradient(135deg,#08140efa 0%,#040906 100%);border-radius:16px;width:100%;max-width:400px;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards scaleIn;overflow:hidden;box-shadow:0 20px 50px #000000d9;border:1.5px solid var(--color-accent-gold)!important}.header-title-container{flex-direction:column;align-items:flex-start;gap:4px;width:fit-content;display:flex}.header-brand{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1.62rem;font-weight:800;line-height:1}.header-subtitle{color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:.75rem;font-weight:700;line-height:1}@media (width>=768px){.header-title-container{flex-direction:row;align-items:center;gap:10px}.header-brand{letter-spacing:.05em;font-size:1.3rem;line-height:1}.header-subtitle{letter-spacing:.05em;white-space:normal;font-size:.9rem;font-weight:700}.header-subtitle:before{content:"— ";margin-right:2px}}.hero-title{text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(.85rem,4.5vw,1.5rem);font-weight:800;font-family:var(--font-primary);white-space:nowrap;margin:0 0 10px;line-height:1.15}@media (width>=768px){.hero-title{white-space:nowrap;font-size:2.4rem}}.success-card{text-align:center;margin:20px 0;padding:45px 35px;animation:.4s slideDown}.success-icon-wrapper{color:var(--color-accent-green);background:#02c39a26;border-radius:50%;margin-bottom:20px;padding:14px;display:inline-flex}.success-icon{border-radius:50%;width:44px;height:44px}.success-title{margin-bottom:8px;font-size:2.1rem;font-weight:800}.success-desc{color:#fff;margin-bottom:24px;font-size:1.15rem;font-weight:500}.receipt-container{text-align:left;background:#08140e99;border:1px solid #ffffff14;border-radius:20px;max-width:480px;margin:0 auto 24px;padding:22px 24px;box-shadow:0 15px 30px #0006}.receipt-header{color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff1a;margin-top:0;margin-bottom:14px;padding-bottom:10px;font-size:.85rem;font-weight:700}.receipt-label{color:var(--color-text-secondary);font-size:.9rem}.receipt-value{color:#fff;font-weight:700}.receipt-value-highlight{color:#fff;font-weight:500}.receipt-prediction-row{border-bottom:none;align-items:center;margin-top:6px;padding-top:14px}.receipt-prediction-label{color:var(--color-accent-gold);font-size:.95rem;font-weight:700}.receipt-prediction-value{color:var(--color-accent-green);align-items:center;gap:6px;font-size:1.05rem;display:flex}@media (width<=600px){.success-card{margin:10px 0;padding:20px 14px}.success-icon-wrapper{margin-bottom:10px;padding:8px}.success-icon{width:32px;height:32px}.success-title{margin-bottom:4px;font-size:1.5rem}.success-desc{margin-bottom:14px;font-size:.88rem}.receipt-container{border-radius:12px;margin-bottom:14px;padding:14px 12px}.receipt-header{margin-bottom:8px;padding-bottom:6px;font-size:.78rem}.receipt-row{gap:4px;flex-wrap:nowrap!important;padding:6px 0!important;font-size:.78rem!important}.receipt-label{font-size:.78rem;flex:none!important}.receipt-value,.receipt-value-highlight{text-align:right;font-size:.78rem;flex:1 0 auto!important}.receipt-prediction-row{margin-top:2px;padding-top:8px!important}.receipt-prediction-label{font-size:.8rem;flex:none!important}.receipt-prediction-value{justify-content:flex-end;font-size:.85rem;flex:1 0 auto!important}}