@media (max-width:600px){header{padding:6px 0!important;min-height:48px!important;border-bottom:1px solid #e5e7eb!important;box-shadow:none!important}.header-content{flex-direction:row!important;justify-content:space-between!important;padding:6px 8px!important;gap:8px!important;min-width:0!important}.header-content,.logo{display:flex!important;align-items:center!important}.logo{font-size:16px!important;gap:6px!important;margin:0!important;flex-shrink:0!important}.logo img{width:28px!important;height:28px!important;border-radius:4px!important}.user-info{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;margin:0!important;flex-shrink:0!important}.balance,.user-info .btn-secondary{padding:4px 10px!important;border-radius:7px!important;font-size:13px!important;height:28px!important;display:flex!important;align-items:center!important}.nav-links,.user-info .btn-secondary{margin:0!important}.nav-links{display:flex!important;flex-direction:row!important;gap:10px!important;overflow-x:auto!important;max-width:100vw!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:6px 8px!important;border-top:1px solid #e5e7eb!important;background:#fff!important}.nav-link,.nav-links{font-size:13px!important}.nav-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 10px!important;border-radius:7px!important;white-space:nowrap!important}.container,.events-grid,.landing-events-grid,.landing-header-content,.landing-hero,.landing-predictions{padding-left:8px!important;padding-right:8px!important;max-width:100vw!important}.landing-header-content{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px 8px!important}.landing-predictions-title,.section-header{font-size:22px!important;margin-bottom:12px!important}.landing-predictions-subtitle{font-size:15px!important;margin-bottom:24px!important}.btn-primary,.btn-secondary,.hero-btn-primary,.hero-btn-secondary,.landing-signin-btn,.sample-bet-btn,.sample-bet-btn-small{font-size:13px!important;padding:8px 12px!important;border-radius:8px!important}.hero-title{font-size:32px!important;margin-bottom:12px!important}.hero-subtitle{font-size:15px!important;margin-bottom:16px!important}.hero-buttons{flex-direction:column;gap:8px!important}.features{grid-template-columns:1fr!important;gap:16px!important}.feature-icon{font-size:32px!important;width:40px!important;height:40px!important}.feature h3{font-size:15px!important}.feature p{font-size:12px!important}.bet-interface,.options-section{padding:12px!important;border-radius:8px!important}.option-item{padding:12px 8px!important;border-radius:10px!important}.bet-input,.custom-bet-input .bet-input{font-size:14px!important;padding:8px!important}.potential-win{padding:8px!important;font-size:13px!important;border-radius:8px!important}.win-amount{font-size:16px!important}}@media (max-width:400px){.header-content{flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:6px 2px!important}.logo,.nav-links{justify-content:center!important;margin-bottom:2px!important}.nav-links{flex-direction:row!important;flex-wrap:wrap!important;gap:2px!important;max-width:100vw!important;border-top:none!important}.nav-link,.nav-links{font-size:12px!important}.nav-link{padding:4px 6px!important;border-radius:6px!important;min-width:40px!important}.user-info{justify-content:center!important;gap:6px!important;margin-bottom:2px!important}.balance,.user-info{font-size:12px!important}.balance{padding:4px 8px!important;border-radius:6px!important}}.place-bet-btn:disabled,.sample-bet-btn-small:disabled{cursor:default!important}.event-meta{gap:10px;padding:6px 18px 2px}.meta-item{gap:4px;font-size:14px}.meta-item svg{color:#2196f3!important}.event-card .options.compact-options{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;padding:2px 12px}.event-card .option.compact-option{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit}.option-header-row.compact-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.option-name.compact-option-name{font-size:16px;font-weight:700;color:#111827}.option-stats-inline.compact-stats-inline{display:flex;align-items:center;gap:6px}.option-bet-count.compact-bet-count{font-size:12px;color:#6b7280;font-weight:500}.option-percentage.compact-percentage{font-size:14px;font-weight:700;color:#3b82f6;background:#dbeafe;padding:2px 8px;border-radius:6px;min-width:40px;text-align:center}.event-card .option-bar.compact-bar{height:8px;background:#e5e7eb;border-radius:6px;overflow:hidden}.event-card .option-fill.compact-fill{height:100%;background:#43dced;border-radius:6px;transition:width .3s ease}.event-card .winner-badge.compact-winner{font-size:10px;color:#10b981;font-weight:700;margin-top:2px;display:flex;align-items:center;gap:2px}.option-bet-section.compact-bet-section{margin-top:4px;padding-top:4px;border-top:1px solid #e5e7eb}.current-bet-indicator.compact-current-bet{font-size:11px;color:#1e40af;font-weight:700;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:4px 8px;border-radius:6px;margin-bottom:4px;border:1px solid #93c5fd}.sample-bets.compact-sample-bets{display:flex;gap:4px;margin-bottom:4px;flex-wrap:wrap}.sample-bet-btn-small.compact-bet-btn{padding:6px 12px;background:#fff;color:#2196f3;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;min-height:48px;font-size:13px;font-weight:700;transition:all .2s}.sample-bet-btn-small.compact-bet-btn:hover:not(:disabled){background:#2196f3;color:#fff;border-color:#2196f3;transform:translateY(-1px)}.sample-bet-btn-small.compact-bet-btn:disabled{opacity:.5;cursor:not-allowed}.sample-bet-btn-small.custom-btn.compact-custom-btn{border-style:dashed}.option-bet-section .custom-bet-input.compact-custom-input{display:flex;gap:4px;margin-top:4px}.option-bet-section .custom-bet-input .bet-input.compact-bet-input{flex:2 1;padding:6px 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:600}.option-bet-section .custom-bet-input .place-bet-btn.compact-place-bet-btn{flex:1 1;padding:6px 10px;font-size:12px}.event-card .comments-link{margin:8px 12px;padding:6px 10px;border-radius:7px;color:#2196f3;font-size:13px}.event-card .comments-link:hover{border-color:#2196f3;color:#2196f3}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;color:#1a1a1a;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}svg{display:inline-block}.bet-amount-section label svg,.bet-status svg,.comments-link svg,.event-category svg,.logo svg,.nav-link svg,.payout-info svg,.section-icon svg,.winner-badge svg,svg{vertical-align:middle}.container{max-width:1400px;margin:0 auto;padding:0 32px 20px}header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px rgba(0,0,0,.05);margin-bottom:20px}.header-content{max-width:1400px;margin:0 auto;justify-content:space-between;padding:16px 32px}.header-content,.logo{display:flex;align-items:center}.logo{gap:10px;font-size:22px;font-weight:700;color:#1a1a1a}.logo img{border-radius:6px}.landing-logo img{border-radius:8px}.nav-links{margin-left:auto;margin-right:24px}.nav-link,.nav-links{display:flex;gap:8px;align-items:center}.nav-link{color:#6b7280;font-size:15px;font-weight:500;transition:all .2s;cursor:pointer;text-decoration:none;padding:10px 20px;border-radius:10px;background:transparent}.nav-link:hover{background:#f3f4f6;color:#1a1a1a}.nav-link.active{background:#eff6ff;color:#03d3fc}.user-info{display:flex;gap:16px;align-items:center;margin-right:-16px}.balance{background:#f3f4f6;padding:10px 18px;font-weight:700;color:#1a1a1a}.balance,.btn-primary,.btn-secondary{border-radius:10px;border:none;font-size:15px}.btn-primary,.btn-secondary{padding:10px 24px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary{background:#03d3fc;color:#fff}.btn-primary:hover{background:#02b8d9}.btn-secondary{background:transparent;color:#6b7280;border:none;padding:10px 16px}.btn-secondary:hover{color:#1a1a1a;background:#f3f4f6}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#03d3fc,#764ba2)}.landing-page{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b)}.landing-header-bar{background:#fff;padding:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-header-content{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:8px}.landing-logo img{border-radius:12px}.landing-logo-text{font-size:28px;font-weight:700;color:#03d3fc;letter-spacing:-.5px}.landing-logo-subtitle{font-size:28px;font-weight:300;color:#94a3b8;margin-left:4px;font-style:italic}.landing-signin-btn{padding:10px 28px;background:#03d3fc;border:none;color:#fff;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.landing-signin-btn:hover{background:#02b8d9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(3,211,252,.25)}.stats-banner{background:#03d3fc;padding:16px 0;overflow:hidden;width:100%;position:relative}.stats-banner-scroll{display:inline-flex;animation:scroll 120s linear infinite}.stats-banner-content{display:inline-flex;gap:250px;padding-right:80px;flex-shrink:0}.stat-item-banner{display:flex;flex-direction:column;align-items:center;gap:4px;white-space:nowrap}.stat-value-banner{font-size:24px;font-weight:800;color:#fff;line-height:1}.stat-label-banner{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.5px}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.landing-hero{min-height:calc(100vh - 140px);display:flex;flex-direction:column;padding:80px 40px;background:linear-gradient(135deg,rgba(5,8,15,.95),rgba(8,12,25,.95) 50%,rgba(5,8,15,.95)),url(/background.png) 50%/cover no-repeat;position:relative;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(3,211,252,.06) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(3,211,252,.04) 0,transparent 50%);pointer-events:none}.hero-content{max-width:900px;margin:auto;text-align:center;position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.3);border-radius:100px;color:#22d3ee;font-size:14px;font-weight:600;margin-bottom:32px}.hero-title{font-size:72px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;text-shadow:0 0 30px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.15)}.hero-subtitle{font-size:20px;color:#fff;line-height:1.6;margin-bottom:40px;text-shadow:0 0 28px hsla(0,0%,100%,.28),0 0 56px hsla(0,0%,100%,.14)}.hero-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.hero-btn-primary{padding:18px 40px;background:#fff;color:#0f172a;border:2px solid #60a5fa;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 20px hsla(0,0%,100%,.2)}.hero-btn-primary:hover{background:#60a5fa;color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px rgba(96,165,250,.4)}.hero-btn-secondary{padding:18px 40px;background:transparent;color:#fff;border:2px solid #fff;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.hero-btn-secondary:hover{background:hsla(0,0%,100%,.1)}.hero-signin-prompt{color:#cbd5e1;font-size:16px;font-weight:500}.landing-predictions{padding:80px 40px;background:#fff;width:100%}.landing-predictions-title{font-size:48px;font-weight:800;color:#0f172a;margin-bottom:16px}.landing-predictions-subtitle,.landing-predictions-title{text-align:center;max-width:1600px;margin-left:auto;margin-right:auto}.landing-predictions-subtitle{font-size:18px;color:#64748b;margin-bottom:60px}.landing-predictions .event-card h2{margin-bottom:24px}.landing-events-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));grid-gap:24px;gap:24px}.landing-event-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.05)}.landing-event-card:hover{border-color:#03d3fc;box-shadow:0 8px 24px rgba(59,130,246,.15);transform:translateY(-4px)}.landing-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.landing-card-category{background:#dbeafe;color:#1e40af;letter-spacing:.5px}.landing-card-category,.landing-card-hot{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase}.landing-card-hot{display:flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e}.landing-card-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:16px;line-height:1.3}.landing-card-meta{display:flex;gap:16px;margin-bottom:20px;color:#64748b;font-size:14px}.landing-card-participants,.landing-card-time{display:flex;align-items:center;gap:6px;font-weight:500}.landing-card-options{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.landing-option{display:flex;flex-direction:column;gap:8px}.landing-option-row{display:flex;justify-content:space-between;align-items:center}.landing-option-name{font-size:16px;font-weight:600;color:#0f172a}.landing-option-percentage{font-size:16px;font-weight:700;color:#03d3fc}.landing-option-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.landing-option-fill{height:100%;background:linear-gradient(90deg,#03d3fc,#33e0ff);transition:width .4s ease;border-radius:4px}.landing-card-btn{width:100%;padding:14px;background:#22d3ee;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s}.landing-card-btn:hover{background:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px rgba(34,211,238,.3)}.landing-content{text-align:center;max-width:800px}.landing h1{font-size:56px;font-weight:700;margin-bottom:16px;color:#fff}.tagline{font-size:20px;color:hsla(0,0%,100%,.9);margin-bottom:40px}.btn-primary-large{padding:16px 48px;background:#fff;color:#03d3fc;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:80px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.15)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:40px;gap:40px;margin-top:60px}.feature{text-align:center;color:#fff}.feature-icon{font-size:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:64px;height:64px}.feature-icon svg{width:48px;height:48px}.feature h3{font-size:18px;margin-bottom:8px;font-weight:600}.feature p{font-size:14px;color:hsla(0,0%,100%,.8)}.page-header{text-align:center;margin-bottom:48px}.page-header h1{font-size:48px;font-weight:800;margin-bottom:8px;color:#1a1a1a}.page-subtitle{font-size:18px;color:#6b7280;font-weight:400}h1{font-size:24px;font-weight:600}.admin-link{display:inline-block;margin-top:6px;font-size:13px;color:#888;text-decoration:none}.admin-link:hover{color:#03d3fc}.filters{display:flex;gap:8px;margin-bottom:32px;position:relative}.filters button{padding:10px 20px;background:#fff;border:1px solid #e1e4e8;color:#666;cursor:pointer;border-radius:8px;transition:all .2s;font-size:14px;font-weight:500}.filters button:hover{border-color:#03d3fc;color:#03d3fc}.filters button.active{background:#03d3fc;color:#fff;border-color:#03d3fc}.section-header{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:24px;margin-top:0}.section-header-past{margin-top:64px}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,420px));grid-gap:26px;gap:26px;align-items:start;justify-content:center}.event-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden}.event-card.expanded{border-color:#03d3fc;box-shadow:0 4px 12px rgba(59,130,246,.1)}.event-card.active-with-bet{border-color:#d1d5db;background:#fff}.event-card.active-with-bet .event-header{background:#fff}.event-card.active-with-bet:hover{border-color:#9ca3af;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.event-card.closed-event,.event-card.closed-with-bet{border-color:#d1d5db;background:#fff}.event-card.closed-event .event-header,.event-card.closed-with-bet .event-header{background:#fff}.event-card.closed-event:hover,.event-card.closed-with-bet:hover{border-color:#9ca3af;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.event-card.resolved-event{border-color:#d1d5db;background:#fff}.event-card.resolved-event .event-header{background:#fff}.event-card.resolved-event:hover,.event-card:hover{border-color:#9ca3af;box-shadow:0 2px 8px rgba(0,0,0,.08);transform:translateY(-1px)}.event-card .event-header{display:flex;justify-content:space-between;align-items:start;background:linear-gradient(135deg,#03d3fc,#02b8d9);padding:17px 30px;margin:-1px -1px 0;gap:13px}.event-category{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;opacity:.95}.event-card .event-header h2{font-size:24px;font-weight:700;flex:1 1;color:#fff;line-height:1.3}.event-title-row{display:flex;justify-content:space-between;align-items:start;padding:28px 30px 10px;gap:13px}.event-title-row h2{font-size:18px;font-weight:700;flex:1 1;color:#111827;line-height:1.3;margin:0}.event-meta{display:flex;gap:20px;padding:10px 30px 20px}.meta-item{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:15px;font-weight:500}.meta-item svg{color:#9ca3af;width:18px;height:18px}.option-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.option-name{font-size:20px;color:#111827}.option-stats-inline{display:flex;align-items:center;gap:12px}.option-bet-count{font-size:15px;color:#6b7280;font-weight:500}.option-percentage{font-size:18px;font-weight:700;color:#3b82f6;background:#dbeafe;padding:4px 12px;border-radius:8px;min-width:60px;text-align:center}.event-card>h2{font-size:28px;font-weight:800;color:#1a1a1a;line-height:1.3;padding:17px 30px 0;margin:0 0 22px}.event-card>h2+.description{margin-top:-22px}.status{padding:7px 14px;border-radius:7px;font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-active,.status-closed,.status-resolved{background:hsla(0,0%,100%,.25);color:#fff}.event-card .description{color:#666;font-size:16px;margin-bottom:22px;line-height:1.5;padding:22px 30px 0}.pot{font-size:14px;color:#666;margin-bottom:17px;font-weight:500;padding:0 30px}.event-card .options{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;padding:20px 30px}.event-card .option{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:16px;background:#f9fafb;border:2px solid #e5e7eb;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit}.event-card .option:hover{background:#f0f9ff;border-color:#bfdbfe;transform:translateX(2px)}.event-card .option.disabled{cursor:not-allowed;opacity:.5;background:#f3f4f6}.event-card .option.disabled:hover{background:#f3f4f6;border-color:#e5e7eb;transform:none}.event-card .option.selected{background:#eff6ff;border-color:#3b82f6;border-width:2px}.event-card .option-bet-count{font-size:11px;color:#999;margin-top:2px}.event-card .selected-indicator{font-size:10px;color:#03d3fc;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:4px}.event-card .winner-badge{font-size:11px;color:#10b981;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:4px}.option-bet-section{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.current-bet-indicator{font-size:12px;color:#1e40af;font-weight:700;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:8px 12px;border-radius:8px;margin-bottom:8px;border:2px solid #93c5fd}.bet-preview{font-size:13px;font-weight:600;color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:10px 14px;border-radius:8px;margin-top:8px;border:2px solid #6ee7b7;text-align:center}.option-bet-section .sample-bets{display:flex;gap:8px;flex-wrap:wrap}.sample-bet-btn-small{padding:12px 22px;background:#fff;color:#03d3fc;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s}.sample-bet-btn-small:hover:not(:disabled){background:#03d3fc;color:#fff;border-color:#03d3fc;transform:translateY(-1px)}.sample-bet-btn-small:disabled{opacity:.5;cursor:not-allowed}.sample-bet-btn-small.custom-btn{border-style:dashed}.option-bet-section .custom-bet-input{display:flex;gap:8px;margin-top:8px}.option-bet-section .custom-bet-input .bet-input{flex:2 1;padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:600}.option-bet-section .custom-bet-input .place-bet-btn{flex:1 1;padding:10px 18px;font-size:14px}.bet-interface{margin:13px 30px 22px;padding:22px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:13px;border:2px solid #93c5fd;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bet-amount-section{margin-bottom:16px}.bet-amount-section label{display:block;font-size:15px;font-weight:700;color:#1e3a8a;margin-bottom:11px;display:flex;align-items:center;gap:6px}.sample-bets{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.sample-bet-btn{padding:12px 24px;background:#fff;color:#1e3a8a;border:2px solid #93c5fd;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px rgba(59,130,246,.15)}.sample-bet-btn:hover:not(:disabled){background:linear-gradient(135deg,#03d3fc,#02b8d9);color:#fff;border-color:#03d3fc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,211,252,.3)}.sample-bet-btn:disabled{opacity:.5;cursor:not-allowed}.sample-bet-btn.custom-btn{border-style:dashed;border-width:2px}.custom-bet-input{display:flex;gap:12px;margin-top:12px;animation:slideDown .2s ease-out}.custom-bet-input .bet-input{flex:2 1;width:auto;padding:15px 16px;border:3px solid #bfdbfe;border-radius:11px;font-size:15px;font-weight:700;color:#1e3a8a;background:#fff}.custom-bet-input .bet-input:focus{outline:none;border-color:#03d3fc;box-shadow:0 0 0 3px rgba(3,211,252,.1)}.custom-bet-input .place-bet-btn{flex:1 1;white-space:nowrap;padding:15px 20px;font-size:15px;background:linear-gradient(135deg,#03d3fc,#02b8d9);color:#fff;border:none;border-radius:11px;cursor:pointer;font-weight:700;transition:all .2s;box-shadow:0 2px 8px rgba(3,211,252,.4)}.custom-bet-input .place-bet-btn:hover:not(:disabled){background:linear-gradient(135deg,#02b8d9,#0299ba);transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,211,252,.5)}.custom-bet-input .place-bet-btn:disabled{opacity:.5;cursor:not-allowed}.custom-bet-input .btn-primary{flex:1 1;white-space:nowrap;padding:15px 20px;font-size:15px;background:linear-gradient(135deg,#03d3fc,#02b8d9);color:#fff;border:none;border-radius:11px;cursor:pointer;font-weight:700;transition:all .2s;box-shadow:0 2px 8px rgba(3,211,252,.4)}.custom-bet-input .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#02b8d9,#0299ba);transform:translateY(-2px);box-shadow:0 4px 12px rgba(3,211,252,.5)}.custom-bet-input .btn-primary:disabled{opacity:.5;cursor:not-allowed}.amount-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.amount-buttons button{padding:12px;background:#fff;border:2px solid #e0e7ff;border-radius:10px;font-size:16px;font-weight:700;color:#1e3a8a;cursor:pointer;transition:all .2s}.amount-buttons button:hover{border-color:#03d3fc;background:#f0f9ff;transform:translateY(-1px)}.amount-buttons button.active{background:#03d3fc;color:#fff;border-color:#03d3fc;box-shadow:0 2px 8px rgba(3,211,252,.4)}.bet-input{width:100%;padding:15px;border:3px solid #bfdbfe;border-radius:11px;font-size:18px;font-weight:700;color:#1e3a8a;text-align:left;background:#fff}.bet-input:focus{outline:none;border-color:#03d3fc;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.bet-input[type=number]::-webkit-inner-spin-button,.bet-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bet-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.potential-win{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:3px solid #86efac;border-radius:10px;margin-bottom:12px}.potential-win span:first-child{font-size:14px;color:#15803d;font-weight:600}.win-amount{font-size:20px;font-weight:800;color:#10b981}.place-bet-btn{width:100%;padding:15px;background:#03d3fc;color:#fff;border:none;border-radius:11px;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(3,211,252,.4)}.place-bet-btn:hover:not(:disabled){background:#02b8d9;transform:translateY(-2px);box-shadow:0 6px 20px rgba(3,211,252,.5)}.place-bet-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.event-card .option-info{display:flex;justify-content:space-between;font-size:19px;font-weight:600;color:#1a1a1a}.event-card .option-percentage{color:#666;font-weight:700;font-size:18px}.event-card .winner{color:#1b7a3d;font-weight:600}.event-card .option-bar{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden}.event-card .option-fill{height:100%;background:#60a5fa;border-radius:15px;transition:width .3s ease}.event-card .option.selected .option-fill{background:#3b82f6}.event-card .option-stats{font-size:14px;color:#9ca3af;font-weight:500}.event-card .select-option-btn{width:100%;padding:12px;background:#f5f7fa;border:1px solid #e1e4e8;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-top:8px}.event-card .select-option-btn:hover{background:#03d3fc;color:#fff;border-color:#03d3fc}.event-card .event-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding:17px 30px 22px;border-top:1px solid #f0f0f0}.event-card .discussion-btn{padding:11px 17px;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:9px;color:#6b7280;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;cursor:pointer}.event-card .discussion-btn:hover{background:#e8f4ff;border-color:#03d3fc;color:#03d3fc}.event-card .time-remaining{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;font-weight:500}.event-card .comments-link{display:block;margin:13px 30px 22px;padding:11px 17px;text-align:center;background:#f8f9fa;border:1px solid #e1e4e8;border-radius:9px;color:#6b7280;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.event-card .comments-link:hover{background:#e8f4ff;border-color:#03d3fc;color:#03d3fc}.event-card .end-date{font-size:13px;color:#6b7280;font-weight:500}.event-card .live-badge-small{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:11px;font-weight:600}.event-card .event-meta{display:flex;align-items:center;gap:4px}.live-badge{display:flex;align-items:center;gap:6px;background:#d1fae5;color:#059669;font-weight:700;font-size:13px;text-transform:uppercase;padding:6px 14px;border-radius:12px;letter-spacing:.5px}.live-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-badge{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.status-closed,.status-badge.status-resolved{background:hsla(0,0%,100%,.25);color:#fff}.event-page-container{max-width:900px;margin:0 auto;min-height:calc(100vh - 100px)}.back-btn{background:none;border:none;color:#03d3fc;cursor:pointer;font-size:15px;margin-bottom:24px;padding:8px 0;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.back-btn:hover{color:#02b8d9;transform:translateX(-2px)}.event-detail{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.06)}.event-detail .event-header{background:linear-gradient(135deg,#03d3fc,#02b8d9);padding:40px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.event-detail .event-header>div{flex:1 1}.event-detail .event-header h1{font-size:36px;font-weight:800;margin-bottom:12px;color:#fff;line-height:1.2}.event-detail .description{color:#fff;font-size:17px;line-height:1.6;opacity:.95}.event-detail .status{padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap}.event-detail .status-active{background:hsla(0,0%,100%,.25);color:#fff;border:2px solid hsla(0,0%,100%,.4)}.event-detail .status-closed{background:hsla(48,96%,89%,.3);color:#fef3c7;border:2px solid hsla(48,96%,89%,.5)}.event-detail .status-resolved{background:hsla(0,0%,100%,.25);color:#fff;border:2px solid hsla(0,0%,100%,.4)}.pot-info{font-size:16px;color:#6b7280;margin:32px 40px 12px;font-weight:500}.pot-amount{font-size:32px;font-weight:800;color:#03d3fc;display:inline-block;margin-left:8px}.user-balance{font-size:16px;color:#6b7280;margin:0 40px 32px;font-weight:500;padding-bottom:32px;border-bottom:2px solid #f0f0f0}.options-section{margin:0;padding:40px;background:#f8f9fa}.options-section h2{font-size:24px;margin-bottom:24px;font-weight:800;color:#1a1a1a}.options-list{display:flex;flex-direction:column;gap:16px}.option-item{border:2px solid #e5e7eb;border-radius:16px;padding:24px 28px;cursor:pointer;transition:all .3s;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.04)}.option-item:hover:not(.disabled){border-color:#03d3fc;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:translateY(-2px);box-shadow:0 8px 20px rgba(3,211,252,.15)}.option-item.selected{border-color:#03d3fc;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-width:3px;box-shadow:0 4px 16px rgba(3,211,252,.2)}.option-item.disabled{cursor:default;opacity:.6}.option-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.option-header label{display:flex;align-items:center;gap:14px;cursor:pointer;font-size:19px;font-weight:700;color:#1a1a1a}.option-header input[type=radio]{width:22px;height:22px;cursor:pointer;accent-color:#03d3fc}.option-name{font-weight:700}.option-item .winner-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(16,185,129,.3)}.option-item .option-bar{height:12px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border-radius:6px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.option-item .option-fill{height:100%;background:linear-gradient(90deg,#03d3fc,#02b8d9);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:6px;box-shadow:0 0 8px rgba(3,211,252,.5)}.option-item .option-stats{font-size:14px;color:#6b7280;font-weight:600}.bet-form{margin:0;padding:40px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-top:3px solid #93c5fd}.bet-form h2{font-size:22px;margin-bottom:20px;font-weight:800;color:#1e3a8a}.current-bet{background:#fff;padding:16px 20px;border-radius:12px;margin-bottom:20px;font-size:15px;color:#03d3fc;font-weight:600;border:2px solid #93c5fd}.bet-form .bet-input{display:flex;gap:12px}.bet-form .bet-input input{flex:1 1;padding:18px 20px;background:#fff;border:3px solid #93c5fd;border-radius:12px;color:#1e3a8a;font-size:18px;font-weight:700}.bet-form .bet-input input:focus{outline:none;border-color:#03d3fc;box-shadow:0 0 0 4px rgba(3,211,252,.15)}.bet-form .bet-input .btn-primary{padding:18px 36px;background:linear-gradient(135deg,#03d3fc,#02b8d9);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:17px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px rgba(3,211,252,.4);white-space:nowrap}.bet-form .bet-input .btn-primary:hover{background:linear-gradient(135deg,#02b8d9,#0299ba);transform:translateY(-2px);box-shadow:0 6px 20px rgba(3,211,252,.5)}.payout-info{margin:0;padding:32px 40px;text-align:center;font-size:22px;font-weight:700}.payout-info .won{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:3px solid #6ee7b7;padding:28px;border-radius:16px;box-shadow:0 4px 16px rgba(16,185,129,.2)}.payout-info .lost{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:3px solid #fca5a5;padding:28px;border-radius:16px;box-shadow:0 4px 16px rgba(239,68,68,.2)}.replies-section{margin:0;padding:40px;background:#fff;border-top:2px solid #f0f0f0}.replies-section h2{font-size:24px;margin-bottom:28px;font-weight:800;color:#1a1a1a}.reply-form{margin-bottom:28px}.reply-form textarea{width:100%;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:16px;min-height:100px;line-height:1.5;transition:all .2s}.reply-form textarea:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.reply-form .btn-primary{padding:12px 28px;background:#3b82f6;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.reply-form .btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.replies-list{display:flex;flex-direction:column;gap:12px}.reply{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;transition:all .2s}.reply:hover{background:#f1f5f9;border-color:#cbd5e1}.reply-meta{font-size:13px;color:#64748b;margin-bottom:8px;font-weight:500}.reply-content{font-size:15px;line-height:1.6;color:#0f172a}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.stat-card-small{background:#fff;padding:20px;border-radius:12px;border:1px solid #e5e7eb;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}.stat-card-small .stat-value{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:6px}.stat-card-small .stat-value.green{color:#10b981}.stat-card-small .stat-value.red{color:#ef4444}.stat-card-small .stat-label{font-size:13px;color:#6b7280;font-weight:500}.history-tabs{display:flex;gap:16px;margin-bottom:32px}.history-tab{flex:1 1;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;font-size:16px;font-weight:700;color:#374151;cursor:pointer;transition:all .3s;box-shadow:0 1px 3px rgba(0,0,0,.1)}.history-tab:hover:not(.active){background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.history-tab.active{background:#03d3fc;color:#fff;box-shadow:0 4px 12px rgba(3,211,252,.3)}.history-tab.active.past{background:#8b5cf6;box-shadow:0 4px 12px rgba(139,92,246,.3)}.history-tab svg{width:20px;height:20px}.history-tab .tab-count{padding:5px 12px;background:rgba(139,92,246,.15);border-radius:10px;font-size:14px;font-weight:700;color:#8b5cf6}.history-tab:first-child .tab-count{background:rgba(3,211,252,.15);color:#03d3fc}.history-tab.active .tab-count{background:hsla(0,0%,100%,.25);color:#fff}.history-content{width:100%}.bets-sections{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;margin-top:32px}.bets-section-half{display:flex;flex-direction:column;gap:20px}.section-header{gap:12px}.section-header,.section-icon{display:flex;align-items:center}.section-icon{width:48px;height:48px;border-radius:12px;justify-content:center;font-size:24px;color:#fff}.section-icon.blue{background:#03d3fc}.section-icon.purple{background:#8b5cf6}.section-header h2{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.section-badge{padding:6px 14px;border-radius:12px;font-size:15px;font-weight:700;color:#fff}.section-badge.blue{background:#03d3fc}.section-badge.purple{background:#8b5cf6}.profile-tabs{display:flex;gap:16px;margin-bottom:32px}.tab-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.06)}.tab-btn.active{background:#03d3fc;color:#fff}.tab-btn:hover:not(.active){background:#f9fafb}.tab-icon{font-size:20px}.tab-badge{background:hsla(0,0%,100%,.2);padding:4px 12px;border-radius:12px;font-size:14px;font-weight:700;margin-left:auto}.tab-btn:not(.active) .tab-badge{background:#8b5cf6;color:#fff}.bets-container{min-height:400px}.bets-list{gap:16px}.bet-card-profile,.bets-list{display:flex;flex-direction:column}.bet-card-profile{border-radius:16px;padding:20px 24px;transition:all .2s;text-decoration:none;color:inherit;gap:12px}.bet-card-profile.active-bet-card{background:linear-gradient(180deg,#dbeafe 0,#eff6ff);border:2px solid #93c5fd;box-shadow:0 2px 6px rgba(3,211,252,.12)}.bet-card-profile.past-bet-card{background:linear-gradient(180deg,#e9d5ff 0,#f3e8ff);border:2px solid #c4b5fd;box-shadow:0 2px 6px rgba(139,92,246,.12)}.bet-card-profile.active-bet-card:hover{border-color:#03d3fc;box-shadow:0 4px 12px rgba(3,211,252,.15);transform:translateY(-2px)}.bet-card-profile.past-bet-card:hover{border-color:#8b5cf6;box-shadow:0 4px 12px rgba(139,92,246,.15);transform:translateY(-2px)}.bet-title-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.bet-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.bet-status{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;white-space:nowrap}.bet-status.pending{background:#dbeafe;color:#1e40af}.bet-status.won{background:#d1fae5;color:#065f46}.bet-status.lost{background:#fee2e2;color:#991b1b}.bet-pick{font-size:14px;color:#6b7280}.bet-pick strong{color:#1a1a1a;font-weight:600}.bet-footer-row{display:flex;justify-content:space-between;align-items:center}.bet-date{font-size:13px;color:#9ca3af}.bet-amount-display{color:#03d3fc}.bet-amount-display,.bet-payout-display{font-size:18px;font-weight:700}.bet-payout-display.won{color:#10b981}.bet-payout-display.lost{color:#ef4444}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.05)}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.empty-title{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:8px}.empty-subtitle{font-size:15px;color:#9ca3af}.loading-spinner-container{display:flex;justify-content:center;align-items:center;padding:40px}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#03d3fc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.navigation-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#f5f7fa;display:flex;align-items:center;justify-content:center;z-index:9999}.navigation-loading-overlay .loading-spinner{width:64px;height:64px;border-width:5px}.page-loading-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;background:#f5f7fa}.page-loading-container .loading-spinner{width:56px;height:56px;border-width:5px}.event-summary-compact{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:40px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.event-summary-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:0;border-bottom:none}.event-summary-header h1{font-size:32px;font-weight:700;color:#0f172a;margin:0;line-height:1.2}.status-badge-compact{padding:10px 24px;border-radius:12px;font-size:13px;font-weight:700;text-transform:uppercase;white-space:nowrap;letter-spacing:.5px;flex-shrink:0}.status-badge-compact.status-active{background:#dbeafe;color:#1e40af;border:none}.status-badge-compact.status-closed{background:#fef3c7;color:#92400e;border:none}.status-badge-compact.status-resolved{background:#d1fae5;color:#065f46;border:none}.event-summary-description{font-size:15px;color:#64748b;margin-bottom:24px;line-height:1.5}.event-summary-stats{display:flex;gap:32px;margin-bottom:32px;flex-wrap:wrap;align-items:center}.stat-item{display:flex;align-items:center;gap:8px}.stat-label{font-size:16px;color:#64748b;font-weight:400}.stat-value{font-size:18px;color:#0f172a;font-weight:700}.options-compact{gap:20px}.option-compact,.options-compact{display:flex;flex-direction:column}.option-compact{gap:12px;padding:20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;transition:all .2s}.option-compact:hover{background:#f1f5f9}.option-compact.winner{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac}.option-compact.winner:hover{background:linear-gradient(135deg,#d1f7e2,#adf0c5)}.option-compact-header{display:flex;justify-content:space-between;align-items:center}.option-compact-name{font-size:20px;font-weight:700;color:#0f172a}.option-compact.winner .option-compact-name:before{content:"✓ ";color:#10b981;font-weight:700}.option-compact-amount{font-size:16px;color:#64748b;font-weight:600}.option-compact.winner .option-compact-amount{color:#065f46}.option-compact-bar{height:12px;background:#e2e8f0;border-radius:8px;overflow:hidden}.option-compact-fill{height:100%;background:linear-gradient(90deg,#03d3fc,#33e0ff);transition:width .4s ease;border-radius:8px}.option-compact.winner .option-compact-fill{background:linear-gradient(90deg,#10b981,#34d399)}.discussion-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.discussion-section h2{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:28px;padding-bottom:0;border-bottom:none}.no-replies{padding:60px 40px;text-align:center;color:#9ca3af;background:#f9fafb;border-radius:12px}.no-replies p{font-size:15px;margin:0}.custom-dropdown-container{position:relative;display:inline-block;margin-right:12px}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f4f6;border:1px solid transparent;padding:8px 12px;border-radius:10px;cursor:pointer;min-width:140px;max-width:200px;height:40px;transition:all .2s ease;color:#1a1a1a;font-family:inherit}.dropdown-trigger:hover{background:#e5e7eb;border-color:#d1d5db}.dropdown-trigger.open{background:#fff;border-color:#03d3fc;box-shadow:0 0 0 3px rgba(3,211,252,.15)}.trigger-content{display:flex;align-items:center;gap:8px;overflow:hidden}.trigger-icon{color:#6b7280;flex-shrink:0}.trigger-text{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-arrow{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.trigger-arrow.rotated{transform:rotate(180deg);color:#03d3fc}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);padding:6px;z-index:50;animation:slideIn .15s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-label{padding:8px 10px 4px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:8px;cursor:pointer;transition:all .15s;color:#374151}.dropdown-item:hover{background:#f3f4f6;color:#1a1a1a}.dropdown-item.selected{background:#eff6ff;color:#03d3fc;font-weight:600}.item-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-check{color:#03d3fc}@media (max-width:600px){.custom-dropdown-container{margin-right:8px}.dropdown-trigger{min-width:auto;max-width:130px;height:32px;padding:4px 8px}.trigger-text{font-size:13px}.dropdown-menu{right:auto;left:0;width:200px}}