@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-color:#080b09;--bg-grid:#10b98105;--card-bg:#0f171299;--card-border:#10b9811f;--card-border-hover:#10b98140;--primary:#10b981;--primary-glow:#10b98159;--primary-light:#34d399;--primary-dark:#065f46;--secondary:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-green:#a7f3d0;--warning:#f59e0b;--warning-bg:#f59e0b1a;--warning-border:#f59e0b40;--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--radius-lg:16px;--radius-md:10px;--radius-sm:6px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 10% 20%, #10b9810d 0%, transparent 40%), radial-gradient(circle at 90% 80%, #065f460d 0%, transparent 40%), linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);color:var(--text-main);font-family:var(--font-body);background-size:100% 100%,100% 100%,40px 40px,40px 40px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem}header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:3rem;display:flex}.logo-container{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.logo-icon{filter:drop-shadow(0 0 12px var(--primary-glow));font-size:2.5rem}h1{font-family:var(--font-title);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a7f3d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-muted);max-width:500px;font-size:1rem;font-weight:400;line-height:1.5}.dashboard-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=900px){.dashboard-grid{grid-template-columns:420px 1fr}}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);transition:var(--transition);padding:2rem;box-shadow:0 8px 32px #0006}.glass-card:hover{border-color:var(--card-border-hover);box-shadow:0 12px 40px #10b9810d}.form-group{margin-bottom:1.5rem;position:relative}.form-label{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.select-wrapper{position:relative}.custom-select,.custom-input{border-radius:var(--radius-md);width:100%;color:var(--text-main);font-family:var(--font-body);transition:var(--transition);appearance:none;background:#080c0acc;border:1px solid #10b98126;outline:none;padding:.85rem 1rem;font-size:.95rem}.custom-select:focus,.custom-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b98126,0 0 10px #10b98133}.select-arrow{pointer-events:none;color:var(--primary);font-size:.8rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.suggestions-box{border:1px solid var(--primary-dark);border-radius:var(--radius-md);z-index:50;background:#0f1713;max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.suggestion-item{cursor:pointer;transition:var(--transition);padding:.75rem 1rem;font-size:.95rem}.suggestion-item:hover,.suggestion-item.active{background:var(--primary-dark);color:var(--primary-light)}.suggestion-no-results{color:var(--text-muted);padding:.75rem 1rem;font-size:.9rem;font-style:italic}.toggle-container{border-radius:var(--radius-md);background:#10b9810a;border:1px solid #10b98114;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.toggle-info{flex-direction:column;display:flex}.toggle-title{font-family:var(--font-title);font-size:.95rem;font-weight:600}.toggle-desc{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#1e293b;border:1px solid #ffffff0d;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary-dark);border-color:var(--primary)}input:checked+.slider:before{background-color:var(--primary-light);box-shadow:0 0 8px var(--primary-glow);transform:translate(24px)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-bottom:2rem;display:grid}.metric-card{border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition);background:#1e293b33;border:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;display:flex}.metric-card:hover{background:#10b9810d;border-color:#10b98133}.metric-card.active{border-color:var(--primary);background:#10b9811f;box-shadow:0 0 15px #10b9811a}.metric-icon{font-size:1.5rem}.metric-name{color:var(--text-muted);font-size:.85rem;font-weight:500}.metric-card.active .metric-name{color:var(--primary-light)}.btn-simulate{background:linear-gradient(135deg, var(--primary) 0%, #059669 100%);border-radius:var(--radius-md);color:#030704;width:100%;font-family:var(--font-title);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.05rem;font-weight:700;display:flex;box-shadow:0 4px 20px #10b9814d}.btn-simulate:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #10b98173}.btn-simulate:active:not(:disabled){transform:translateY(0)}.btn-simulate:disabled{color:#64748b;cursor:not-allowed;box-shadow:none;background:#1e293b}.results-container{flex-direction:column;gap:1.5rem;display:flex}.results-header{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.5rem;padding-bottom:1.25rem;display:flex}.results-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.results-title{font-family:var(--font-title);font-size:1.5rem;font-weight:700}.architecture-badge{border:1px solid var(--primary-glow);color:var(--primary-light);background:#10b98114;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.warning-banner{background:var(--warning-bg);border:1px solid var(--warning-border);color:#fcd34d;border-radius:var(--radius-md);align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;line-height:1.4;display:flex}.expectation-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.expectation-card{border-radius:var(--radius-md);text-align:center;background:#ffffff05;border:1px solid #ffffff0a;padding:1.25rem 1rem}.expectation-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem}.expectation-val{font-family:var(--font-title);color:var(--text-main);font-size:1.85rem;font-weight:800}.expectation-card.total .expectation-val{color:var(--primary-light);text-shadow:0 0 15px var(--primary-glow)}.market-1x2-container{flex-direction:column;gap:.75rem;display:flex}.market-label-row{font-family:var(--font-title);justify-content:space-between;font-size:.9rem;font-weight:600;display:flex}.market-bar-wrapper{background:#ffffff0d;border-radius:12px;height:24px;display:flex;overflow:hidden}.market-bar{color:#030704;justify-content:center;align-items:center;height:100%;font-size:.75rem;font-weight:700;transition:width 1s cubic-bezier(.4,0,.2,1);display:flex}.market-bar.home{background:linear-gradient(90deg,#10b981 0%,#059669 100%)}.market-bar.draw{color:var(--text-main);background:#475569}.market-bar.away{background:linear-gradient(90deg,#a7f3d0 0%,#34d399 100%)}.market-legend{color:var(--text-muted);justify-content:space-between;margin-top:.25rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.home{background:var(--primary)}.legend-dot.draw{background:#475569}.legend-dot.away{background:#a7f3d0}.probability-list{flex-direction:column;gap:.85rem;display:flex}.probability-row{flex-direction:column;gap:.35rem;display:flex}.probability-labels{justify-content:space-between;font-size:.85rem;font-weight:500;display:flex}.probability-val{color:var(--primary-light);font-weight:600}.probability-bar-bg{background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;height:8px;overflow:hidden}.probability-bar-fill{background:linear-gradient(90deg, var(--primary-dark) 0%, var(--primary) 100%);height:100%;box-shadow:0 0 8px var(--primary-glow);border-radius:4px;transition:width 1s cubic-bezier(.4,0,.2,1)}.filter-container{flex-wrap:wrap;gap:.5rem;display:flex}.filter-badge{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:.35rem .75rem;font-size:.75rem}.spinner-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.spinner{border:3px solid #10b9811a;border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin;box-shadow:0 0 15px #10b9811a}.spinner-text{font-family:var(--font-title);color:var(--text-muted);text-align:center;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 2rem;display:flex}.empty-icon{opacity:.25;font-size:3rem}.fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}