@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--primary:#0a192f;--secondary:#00ff9c;--accent:#c7a008;--background:#1e1e1e;--white:#fff;--primary-light:#34495e;--primary-dark:#1a252f;--secondary-dark:#00ff9c;--secondary-light:#00ff9c;--accent-light:#d4b308;--accent-dark:#a08506;--bg-primary:#2c3e50;--bg-secondary:#1e1e1e;--bg-accent:#2a2a2a;--bg-light:#3a3a3a;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#b0b0b0;--text-accent:#00ff9c;--text-gold:#c7a008;--success:#00ff9c;--warning:#c7a008;--danger:#ff4757;--info:#00d4ff;--gradient-primary:linear-gradient(135deg,var(--primary),var(--primary-light));--gradient-secondary:linear-gradient(135deg,var(--secondary),var(--secondary-dark));--gradient-accent:linear-gradient(135deg,var(--accent),var(--accent-dark));--gradient-main:linear-gradient(135deg,var(--primary)0%,var(--background)50%,var(--bg-accent)100%);--gradient-logo:linear-gradient(135deg,var(--secondary),var(--accent));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1);--shadow-primary:0 4px 6px -1px rgba(10,25,47,.3);--shadow-secondary:0 4px 8px rgba(0,255,156,.3);--shadow-accent:0 4px 8px rgba(199,160,8,.3);--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{color:var(--text-primary);background:var(--gradient-main);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.1}h1{margin-bottom:var(--spacing-lg);font-size:4rem;font-weight:900;line-height:1}h2{margin-bottom:var(--spacing-md);font-size:3rem;font-weight:800;line-height:1.1}h3{margin-bottom:var(--spacing-md);font-size:2.25rem;font-weight:700;line-height:1.2}h4{margin-bottom:var(--spacing-sm);font-size:1.75rem;font-weight:600;line-height:1.3}h5{margin-bottom:var(--spacing-sm);font-size:1.375rem;font-weight:600;line-height:1.4}h6{margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600;line-height:1.4}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.6}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-gold{color:var(--text-gold)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}a{color:var(--text-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary-light)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}
.container{max-width:1280px;padding:0 var(--spacing-md);margin:0 auto}.main-container{background:var(--gradient-main);min-height:100vh}.container-fluid{width:100%;padding:0 var(--spacing-md)}.grid{gap:var(--spacing-md);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}
@media (max-width:767px){.container{padding:0 var(--spacing-sm)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.p-lg{padding:var(--spacing-md)}.p-xl{padding:var(--spacing-lg)}.m-lg{margin:var(--spacing-md)}.m-xl{margin:var(--spacing-lg)}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 var(--spacing-lg)}.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.container{padding:0 var(--spacing-xl)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:1280px){.container{max-width:1400px}}@media (min-width:1536px){.container{max-width:1600px}}@media (max-width:767px){.hidden-mobile{display:none!important}.block-mobile{display:block!important}.flex-mobile{display:flex!important}}@media (min-width:768px){.hidden-tablet{display:none!important}.block-tablet{display:block!important}.flex-tablet{display:flex!important}}@media (min-width:1024px){.hidden-desktop{display:none!important}.block-desktop{display:block!important}.flex-desktop{display:flex!important}}
.header{background-color:var(--primary);border-bottom:1px solid var(--bg-secondary);box-shadow:var(--shadow-primary);padding:var(--spacing-md)0;z-index:50;position:-webkit-sticky;position:sticky;top:0}.header-container{max-width:1280px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--spacing-sm);transition:all var(--transition-normal);padding:var(--spacing-sm);border-radius:var(--border-radius-md);text-decoration:none;display:flex;position:relative}.logo:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(8px);position:absolute;top:0;bottom:0;left:0;right:0}.logo:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.logo:hover:before{opacity:.3}.logo:hover:after{width:100%}.logo:hover{transform:scale(1.02)}.logo-icon{background:var(--gradient-logo);border-radius:var(--border-radius-md);width:40px;height:40px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}.logo-text{color:var(--text-primary);font-size:1.5rem;font-weight:700}.desktop-nav{align-items:center;gap:var(--spacing-lg);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-normal);font-size:.875rem;font-weight:500;text-decoration:none;position:relative}.nav-link:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-md);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;top:0;bottom:0;left:0;right:0}.nav-link:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 8px var(--secondary),0 0 16px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.nav-link:hover:before{opacity:.2}.nav-link:hover:after{width:100%}.nav-link:hover{color:var(--text-primary);background-color:rgba(255,255,255,.1);transform:translateY(-1px)}.header .nav-link.admin-link,.desktop-nav .nav-link.admin-link{background:linear-gradient(135deg,rgba(199,160,8,.1),rgba(199,160,8,.05));border:1px solid rgba(199,160,8,.3);font-weight:600;color:var(--text-accent)!important}.header .nav-link.admin-link:before,.desktop-nav .nav-link.admin-link:before{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%)}.header .nav-link.admin-link:after,.desktop-nav .nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px var(--accent)}.header .nav-link.admin-link:hover,.desktop-nav .nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(199,160,8,.2),rgba(199,160,8,.1));transform:translateY(-1px);box-shadow:0 2px 8px rgba(199,160,8,.3);color:var(--text-primary)!important}.header-login-form{align-items:center;gap:var(--spacing-sm);background:var(--primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--bg-secondary);transition:all var(--transition-normal);display:flex}.header-login-form:hover{background:var(--primary);border-color:var(--secondary)}.login-inputs-container{align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;padding-bottom:28px;display:flex;position:relative}.login-title{color:var(--text-muted);text-transform:capitalize;letter-spacing:.02em;margin-bottom:var(--spacing-xs);text-align:left;opacity:.9;transition:all var(--transition-normal);margin-left:0;font-size:.75rem;font-weight:500}.header-login-form:hover .login-title{color:var(--text-secondary);opacity:1}.header-login-input{color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-sm);width:160px;transition:all var(--transition-normal);border-radius:var(--border-radius-sm);background:0 0;border:1px solid rgba(255,255,255,.2);outline:none;font-size:.875rem;position:relative}.header-login-input:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;top:0;bottom:0;left:0;right:0}.header-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-login-input:hover:before{opacity:.15}.header-login-input:hover:after{width:100%}.header-login-input::placeholder{color:var(--text-muted)}.header-login-input:focus{color:var(--text-primary);border-radius:var(--border-radius-sm);border-color:var(--secondary);background:rgba(0,255,156,.1);box-shadow:0 0 0 2px rgba(0,255,156,.3)}.header-login-input:hover{color:var(--text-primary);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.4)}.login-separator{background-color:var(--bg-accent);width:1px;height:20px}.header-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;box-shadow:var(--shadow-secondary);transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.header-login-button:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;top:0;bottom:0;left:0;right:0}.header-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.header-login-button:hover:before{opacity:.3}.header-login-button:hover:after{width:100%}.header-login-button:hover{background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,255,156,.4)}.header-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px rgba(255,71,87,.3)}.header-error-message{color:#fff;font-size:.75rem;font-weight:600}.header-input-wrapper{flex-direction:column;display:flex;position:relative}.header-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.header-login-input.error{background:rgba(255,71,87,.1);border-color:#ff4757}.header-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px rgba(255,71,87,.3)}.header-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-login-button:disabled:hover{box-shadow:var(--shadow-secondary);transform:none}.register-link{margin-left:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);color:var(--text-accent);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);white-space:nowrap;background:rgba(199,160,8,.1);border:1px solid rgba(199,160,8,.3);font-size:.875rem;font-weight:600;text-decoration:none}.register-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:rgba(199,160,8,.2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(199,160,8,.3)}.header-input-wrapper{position:relative}.forgot-wrapper{text-align:center;z-index:10;white-space:nowrap;width:100%;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.login-inputs-container>.header-input-wrapper:last-of-type .forgot-wrapper{top:calc(100% + 8px);left:calc(-160px - var(--spacing-sm) + 160px);width:calc(320px + var(--spacing-sm));text-align:center;pointer-events:auto;position:absolute}.forgot-link{color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:none;margin:0;padding:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline transparent;text-decoration:underline transparent}.forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-forgot-link{padding:var(--spacing-xs)0;color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);text-align:center;background:0 0;border:none;width:100%;margin:0;font-size:.75rem;font-weight:500;-webkit-text-decoration:underline transparent;text-decoration:underline transparent}.mobile-forgot-link:hover{color:var(--text-accent);-webkit-text-decoration-color:var(--text-accent);text-decoration-color:var(--text-accent)}.mobile-menu-button{color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal);z-index:100;background:0 0;border:none;display:none;position:relative}.mobile-menu-button:hover{background-color:rgba(255,255,255,.1)}.mobile-menu{background-color:var(--primary);border-top:1px solid var(--bg-secondary);box-shadow:var(--shadow-lg);z-index:99;display:none;position:absolute;top:100%;left:0;right:0}.mobile-menu-content{padding:var(--spacing-md);gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-nav-link{color:var(--text-secondary);padding:var(--spacing-sm)0;border-bottom:1px solid var(--bg-accent);transition:all var(--transition-normal);font-weight:500;text-decoration:none;position:relative}.mobile-nav-link:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-nav-link:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-nav-link:hover:before{opacity:.2}.mobile-nav-link:hover:after{width:100%}.mobile-nav-link:hover{color:var(--text-primary);transform:translate(5px)}.mobile-menu .mobile-nav-link.admin-link,.mobile-menu-content .mobile-nav-link.admin-link{border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,rgba(199,160,8,.1),rgba(199,160,8,.05));border:1px solid rgba(199,160,8,.3);font-weight:600;color:var(--text-accent)!important}.mobile-menu .mobile-nav-link.admin-link:before,.mobile-menu-content .mobile-nav-link.admin-link:before{background:radial-gradient(circle at center,var(--accent)0%,transparent 70%)}.mobile-menu .mobile-nav-link.admin-link:after,.mobile-menu-content .mobile-nav-link.admin-link:after{background:var(--accent);box-shadow:0 0 6px var(--accent),0 0 12px var(--accent)}.mobile-menu .mobile-nav-link.admin-link:hover,.mobile-menu-content .mobile-nav-link.admin-link:hover{border-color:var(--accent);background:linear-gradient(135deg,rgba(199,160,8,.2),rgba(199,160,8,.1));transform:translate(8px);box-shadow:0 2px 8px rgba(199,160,8,.3);color:var(--text-primary)!important}.mobile-nav-link:last-child{border-bottom:none}.mobile-login-form{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-login-title{color:var(--text-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);text-align:center;opacity:.9;transition:all var(--transition-normal);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);background:rgba(199,160,8,.1);border:1px solid rgba(199,160,8,.3);font-size:.875rem;font-weight:600}.mobile-login-form:hover .mobile-login-title{color:var(--secondary);opacity:1;text-shadow:0 0 8px rgba(0,255,156,.3);border-color:var(--secondary);background:rgba(0,255,156,.1)}.mobile-login-input{border:1px solid var(--bg-accent);color:var(--text-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:rgba(30,30,30,.5);outline:none;font-size:.875rem;position:relative}.mobile-login-input:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(4px);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-login-input:after{content:"";background:var(--secondary);width:0;height:1px;transition:width var(--transition-normal);box-shadow:0 0 6px var(--secondary),0 0 12px var(--secondary);border-radius:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.mobile-login-input:hover:before{opacity:.15}.mobile-login-input:hover:after{width:100%}.mobile-login-input::placeholder{color:var(--text-muted)}.mobile-login-input:focus{color:var(--text-primary);border-color:var(--secondary);box-shadow:0 0 0 2px rgba(0,255,156,.3)}.mobile-login-input:hover{color:var(--text-primary)}.mobile-login-button{background:var(--gradient-secondary);color:var(--primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:.875rem;font-weight:600;position:relative}.mobile-login-button:before{content:"";background:radial-gradient(circle at center,var(--secondary)0%,transparent 70%);border-radius:var(--border-radius-sm);opacity:0;transition:opacity var(--transition-normal);z-index:-1;filter:blur(6px);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-login-button:after{content:"";background:var(--secondary);width:0;height:2px;transition:width var(--transition-normal);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary);border-radius:2px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.mobile-login-button:hover:before{opacity:.3}.mobile-login-button:hover:after{width:100%}.mobile-login-button:hover{background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,255,156,.4)}.mobile-error-general{border-radius:var(--border-radius-sm);padding:var(--spacing-xs)var(--spacing-sm);margin-bottom:var(--spacing-xs);text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;box-shadow:0 2px 8px rgba(255,71,87,.3)}.mobile-error-message{color:#fff;font-size:.75rem;font-weight:600}.mobile-input-wrapper{flex-direction:column;display:flex;position:relative}.mobile-field-error{color:#ff4757;text-align:left;margin-top:2px;font-size:.6875rem;font-weight:500}.mobile-login-input.error{background:rgba(255,71,87,.1);border-color:#ff4757}.mobile-login-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 2px rgba(255,71,87,.3)}.mobile-login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.mobile-login-button:disabled:hover{box-shadow:none;transform:none}.mobile-login-form .mobile-nav-link{margin-top:var(--spacing-sm);text-align:center;color:var(--text-accent);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-normal);background:rgba(199,160,8,.1);border:1px solid rgba(199,160,8,.3);font-weight:600}.header-user-info{align-items:center;gap:var(--spacing-md);display:flex}.user-welcome{align-items:center;display:flex}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.header-logout-button{color:#fff;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px rgba(255,107,107,.3)}.header-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,107,.4)}.mobile-user-info{gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-accent);flex-direction:column;display:flex}.mobile-user-welcome{text-align:center}.mobile-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.mobile-logout-button{color:#fff;padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal);background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px rgba(255,107,107,.3)}.mobile-logout-button:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,107,.4)}.mobile-login-form .mobile-nav-link:hover{color:var(--text-primary);border-color:var(--accent);background-color:rgba(199,160,8,.2);transform:translateY(-1px);box-shadow:0 2px 8px rgba(199,160,8,.3)}@media (max-width:1024px){.desktop-nav{gap:var(--spacing-md)}.header-login-form{gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm)}.login-title{margin-bottom:var(--spacing-xs);font-size:.6875rem}.login-inputs-container{gap:var(--spacing-xs)}.header-login-input{width:140px;font-size:.8125rem}.header-login-button{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8125rem}}@media (max-width:768px){.desktop-nav,.header-login-form,.header-user-info{display:none}.mobile-menu-button{display:block!important}.mobile-menu{display:block}}@media (max-width:480px){.header-container{padding:0 var(--spacing-sm)}.logo-icon{width:36px;height:36px}.logo-text{font-size:1.25rem}}
.main-container{color:#fff;background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);min-height:100vh;overflow-x:hidden}.home-content{padding-top:10px}.hero-section{background:rgba(255,255,255,.02);padding:4rem 1rem}.hero-content{grid-template-columns:2fr 1fr;align-items:center;gap:3rem;max-width:1280px;margin:0 auto;display:grid}.hero-text{text-align:left}.hero-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00cc7a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:max(2.5rem,min(5vw,4rem));font-weight:900;line-height:1.1}.hero-subtitle{color:#fff;margin:0 0 1.5rem;font-size:max(1.75rem,min(3.5vw,2.5rem));font-weight:700;line-height:1.2}.hero-description{color:#e5e5e5;max-width:500px;margin:0 0 1.5rem;font-size:max(1rem,min(2vw,1.25rem));line-height:1.6}.hero-features{flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;display:flex}.feature-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:all .2s;display:flex}.feature-item:hover{background:rgba(0,255,156,.1);border-color:#00ff9c;transform:translateY(-2px)}.feature-icon{filter:drop-shadow(0 0 4px rgba(0,255,156,.5));font-size:1.5rem}.feature-text{color:#fff;font-size:.875rem;font-weight:600}.hero-image{justify-content:center;align-items:center;display:flex}.promo-image{background:linear-gradient(135deg,#0a192f,#1e1e1e) padding-box padding-box,linear-gradient(135deg,#00ff9c,gold,#00ff9c) border-box;border:2px solid transparent;border-radius:1rem;width:100%;height:400px;transition:transform .4s cubic-bezier(.4,0,.2,1);animation:20s ease-in-out infinite pulse-glow-border;position:relative;overflow:hidden}@keyframes pulse-glow-border{0%,to{box-shadow:0 0 30px rgba(0,255,156,.8),0 0 60px rgba(0,255,156,.5),0 0 90px rgba(0,255,156,.3),inset 0 0 30px rgba(0,255,156,.2)}33%{box-shadow:0 0 40px gold,0 0 80px rgba(255,215,0,.7),0 0 120px rgba(255,215,0,.4),inset 0 0 40px rgba(255,215,0,.3)}66%{box-shadow:0 0 40px #a855f7,0 0 80px rgba(168,85,247,.7),0 0 120px rgba(168,85,247,.4),inset 0 0 40px rgba(168,85,247,.3)}}.promo-image:hover{border-width:3px;animation-duration:10s;transform:translateY(-4px)}.promo-image-content{object-fit:cover;z-index:1;border-radius:.875rem;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative}.promo-image:hover .promo-image-content{transform:scale(1.02)}.register-section{background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.1);padding:4rem 1rem}.register-content{text-align:center;max-width:800px;margin:0 auto}.register-title{color:#fff;margin-bottom:1rem;font-size:max(2rem,min(4vw,2.5rem));font-weight:800}.register-subtitle{color:#e5e5e5;margin-bottom:2rem;font-size:max(1rem,min(2vw,1.25rem));line-height:1.6}.register-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);box-shadow:0 4px 8px rgba(0,255,156,.3)}.btn-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,156,.4)}.btn-secondary{color:#fff;background:rgba(255,255,255,.1);border:2px solid #00ff9c}.btn-secondary:hover{background:rgba(0,255,156,.1);border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,156,.2)}.btn-icon{font-size:1.25rem}@media (max-width:1024px){.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-description{margin:0 auto}.hero-features{justify-content:center}.promo-image{height:max(380px,min(60vw,650px))}.promo-image-content{object-fit:contain;object-position:center}.register-actions{flex-direction:column;align-items:center}}@media (max-width:768px){.hero-section{padding:3rem 1rem}.hero-title{font-size:max(2rem,min(6vw,2.5rem))}.hero-subtitle{font-size:max(1.25rem,min(4vw,1.75rem))}.hero-description{font-size:1rem}.feature-item{justify-content:center}.promo-image{height:max(260px,min(60vw,360px))}.promo-image-content{object-fit:contain;object-position:center}.register-title{font-size:1.75rem}.register-subtitle{font-size:.95rem}.btn-primary,.btn-secondary{justify-content:center;width:100%;max-width:280px}}@media (max-width:480px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:.9rem}.promo-image{height:max(300px,min(70vw,300px))}.promo-image-content{object-fit:cover;object-position:center}.feature-text{font-size:.8rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem}}
.error-general{text-align:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:1px solid #ff4757;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 4px 12px rgba(255,71,87,.3)}.error-general .error-message{color:#fff;font-size:14px;font-weight:600}.register-page{background:var(--gradient-main);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.register-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);width:100%;max-width:500px;padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.register-header{text-align:center;margin-bottom:var(--spacing-xl)}.back-link{color:var(--text-muted);margin-bottom:var(--spacing-md);transition:color var(--transition-normal);align-items:center;font-size:.875rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--secondary)}.register-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.register-subtitle{color:var(--text-secondary);font-size:1rem}.progress-container{margin-bottom:var(--spacing-xl)}.progress-bar{width:100%;height:4px;margin-bottom:var(--spacing-md);background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.progress-fill{background:var(--gradient-secondary);height:100%;transition:width var(--transition-slow);border-radius:2px}.progress-steps{justify-content:center;gap:var(--spacing-lg);display:flex}.step{width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-normal);background:rgba(255,255,255,.1);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.step.active{background:var(--gradient-secondary);color:var(--primary);box-shadow:0 0 10px rgba(0,255,156,.3)}.register-form{margin-bottom:var(--spacing-xl)}.form-step{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem;font-weight:600}.form-group{margin-bottom:var(--spacing-lg)}.form-label{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:.875rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--spacing-md);border-radius:var(--border-radius-md);color:var(--text-primary);transition:all var(--transition-normal);background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);outline:none;font-size:1rem}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--secondary);background:rgba(0,255,156,.05);box-shadow:0 0 0 3px rgba(0,255,156,.1)}.form-input.error{border-color:var(--danger);background:rgba(255,71,87,.05)}.form-input.error:focus{box-shadow:0 0 0 3px rgba(255,71,87,.1)}.error-message{color:var(--danger);margin-top:var(--spacing-xs);font-size:.75rem;font-weight:500;display:block}.password-strength{margin-top:var(--spacing-sm)}.strength-bar{width:100%;height:4px;margin-bottom:var(--spacing-xs);background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:all var(--transition-normal);border-radius:2px}.strength-text{font-size:.75rem;font-weight:600}.checkbox-label{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:.875rem;line-height:1.5;display:flex}.checkbox-input{width:18px;height:18px;accent-color:var(--secondary);margin-top:2px}.checkbox-text{color:var(--text-secondary)}.terms-link{color:var(--secondary);font-weight:600;text-decoration:none}.terms-link:hover{text-decoration:underline}.terms-view-btn{color:var(--secondary);cursor:pointer;transition:all var(--transition-normal);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:6px 12px;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex}.terms-view-btn:hover{color:#00ff9c;background:rgba(0,255,156,.08);border-color:rgba(0,255,156,.35);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,255,156,.18)}.terms-view-btn:active{transform:translateY(0)}.terms-view-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,255,156,.2)}.btn-primary,.btn-secondary{width:100%;padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-secondary);color:var(--primary);box-shadow:var(--shadow-secondary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-dark),#00ff9c);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,156,.4)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-primary);background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.step-buttons{gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.step-buttons .btn-primary,.step-buttons .btn-secondary{flex:1}.confirmation-summary{border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.summary-item{padding:var(--spacing-sm)0;border-bottom:1px solid rgba(255,255,255,.05);justify-content:space-between;align-items:center;display:flex}.summary-item:last-child{border-bottom:none}.summary-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.summary-value{color:var(--text-primary);font-weight:600}.register-footer{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.register-footer p{color:var(--text-muted);margin:0;font-size:.875rem}.login-link{color:var(--secondary);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:768px){.register-page{padding:var(--spacing-sm)}.register-container{padding:var(--spacing-lg)}.register-title{font-size:1.75rem}.step-buttons{flex-direction:column}.step-buttons .btn-primary,.step-buttons .btn-secondary{width:100%}}@media (max-width:480px){.register-container{padding:var(--spacing-md)}.register-title{font-size:1.5rem}.step-title{font-size:1.25rem}.form-input,.btn-primary,.btn-secondary{padding:var(--spacing-sm)var(--spacing-md)}}
.step-card{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.step-card:hover{border-color:#00ff9c;transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,156,.2)}.step-number{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00cc7a);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;animation:6s ease-in-out infinite sequential-glow;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px rgba(0,255,156,.3)}.step-title{color:#fff;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:1.5rem;font-weight:600}.step-description{color:#e5e5e5;text-align:center;margin:0;font-size:1rem;line-height:1.6}@keyframes sequential-glow{0%,15%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px rgba(0,255,156,.3)}16%,30%{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1.15);box-shadow:0 0 25px #00ff9c,0 0 50px #00ff9c,0 4px 8px rgba(0,255,156,.3)}31%,to{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:scale(1);box-shadow:0 4px 8px rgba(0,255,156,.3)}}.steps-section{background:rgba(255,255,255,.02);padding:4rem 0}.steps-container{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}@media (max-width:768px){.steps-container{grid-template-columns:1fr;gap:1.5rem}.step-card{min-height:180px;padding:1.5rem}.step-number{width:50px;height:50px;font-size:1.25rem}.step-title{font-size:1.25rem}.step-description{font-size:.9rem}}
.help-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;left:30px;overflow:hidden;box-shadow:0 8px 25px rgba(102,126,234,.4)}.help-button:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%);transform:translateY(-3px)scale(1.05);box-shadow:0 12px 35px rgba(102,126,234,.6)}.help-button:active{transform:translateY(-1px)scale(1.02)}.help-button svg{width:28px;height:28px;transition:transform .3s}.help-button:hover svg{transform:rotate(10deg)}.help-button:before{content:"";opacity:.3;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;animation:2s infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@media (max-width:768px){.help-button{width:55px;height:55px;bottom:20px;left:20px}.help-button svg{width:24px;height:24px}}@media (max-width:480px){.help-button{width:50px;height:50px;bottom:15px;left:15px}.help-button svg{width:22px;height:22px}}
.help-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:rgba(0,0,0,.7);justify-content:center;align-items:center;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal-container{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);border:1px solid rgba(255,255,255,.2);border-radius:20px;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.25)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.help-modal-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#334155 100%);justify-content:space-between;align-items:center;padding:25px 30px;display:flex;position:relative;overflow:hidden}.help-modal-header:before{content:"";background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);width:200%;height:200%;animation:3s ease-in-out infinite shimmer;position:absolute;top:-50%;right:-50%}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.help-modal-title{z-index:1;align-items:center;gap:12px;margin:0;font-size:1.5rem;font-weight:700;display:flex;position:relative}.help-icon{font-size:1.8rem;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.help-modal-close{color:#fff;cursor:pointer;z-index:1;background:rgba(255,255,255,.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:relative}.help-modal-close:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.help-modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;max-height:calc(90vh - 200px);padding:30px;overflow-y:auto}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.help-section{margin-bottom:40px}.help-section:last-child{margin-bottom:0}.help-section-title{color:#2d3748;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:10px;font-size:1.3rem;font-weight:600;display:flex}.section-icon{font-size:1.5rem}.help-steps{flex-direction:column;gap:20px;display:flex}.help-step{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;grid-template-columns:48px 1fr;align-items:center;gap:16px;padding:20px;transition:all .3s;display:grid}.help-step:hover{transform:translate(5px);box-shadow:0 8px 25px rgba(37,99,235,.15)}.step-number{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.step-content h4{color:#2d3748;margin:0 0 6px;font-size:1.1rem;font-weight:600}.step-content p{color:#4a5568;margin:0;line-height:1.6}.help-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.help-card{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:25px;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.08)}.help-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.help-card p{color:#2d3748;margin:0;font-weight:500;line-height:1.6}.card-title{color:#1a202c;align-items:center;gap:8px;margin-bottom:15px;font-size:1.2rem;font-weight:700;display:flex}.bet-list{margin:0;padding:0;list-style:none}.bet-list li{color:#4a5568;border-bottom:1px solid #e2e8f0;padding:8px 0}.bet-list li:last-child{border-bottom:none}.payout-table{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.payout-row{color:#2d3748;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:12px 15px;font-weight:500;display:flex}.payout-row:last-child{border-bottom:none}.payout-row:nth-child(2n){background:#f8fafc}.payout{color:#667eea;font-weight:600}.game-steps{counter-reset:step-counter;margin:0;padding:0;list-style:none}.game-steps li{counter-increment:step-counter;color:#4a5568;border-bottom:1px solid #e2e8f0;padding:12px 0 12px 35px;position:relative}.game-steps li:last-child{border-bottom:none}.game-steps li:before{content:counter(step-counter);color:#fff;background:#667eea;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:12px;left:0}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.tip-card{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:20px;transition:all .3s}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(72,187,120,.2)}.tip-card h4{color:#2d3748;margin:0 0 10px;font-size:1rem;font-weight:600}.tip-card p{color:#2d3748;margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.support-info{background:linear-gradient(135deg,#f0fff4 0%,#c6f6d5 100%);border-left:4px solid #48bb78;border-radius:15px;padding:25px}.support-info p{color:#2d3748;margin:0 0 20px;font-weight:500}.contact-methods{flex-direction:column;gap:12px;display:flex}.contact-item{color:#4a5568;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 15px;font-weight:500;display:flex}.contact-icon{font-size:1.2rem}.help-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:center;padding:20px 30px;display:flex}.help-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:600;transition:all .3s}.help-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(102,126,234,.4)}@media (max-width:768px){.help-modal-container{max-height:95vh;margin:10px}.help-modal-header{padding:20px}.help-modal-title{font-size:1.3rem}.help-modal-content{padding:20px}.help-grid,.tips-grid{grid-template-columns:1fr}.help-step{text-align:center;grid-template-columns:1fr}.step-number{margin:0 auto 10px}}@media (max-width:480px){.help-modal-backdrop{padding:10px}.help-modal-container{border-radius:15px}.help-modal-header,.help-modal-content,.help-modal-footer{padding:15px}}.help-description{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;margin-top:15px;padding:20px}.help-description p{color:#2d3748;margin:0;font-size:1rem;line-height:1.7}.help-card.full-width{grid-column:1/-1}.warning-card{background:linear-gradient(135deg,#fff5f5 0%,#fed7d7 100%);border-left:4px solid #fc8181}.warning-card .card-title{color:#c53030}.success-text{color:#22543d;background:#c6f6d5;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.warning-text{color:#742a2a;background:#fed7d7;border-radius:6px;margin-top:10px;padding:8px 12px;font-weight:600;display:inline-block}.example-box{background:#edf2f7;border:1px solid #cbd5e0;border-radius:12px;margin-top:15px;padding:20px}.example-box h5{color:#2d3748;margin:0 0 12px;font-size:1.1rem;font-weight:600}.example-box p{color:#4a5568;margin:0 0 10px;font-weight:500}.example-box ul{color:#4a5568;margin:10px 0 0 20px;padding:0}.example-box ul li{margin:8px 0;line-height:1.6}.payout-main{color:#00ff9c;font-weight:700}.payout-secondary{color:#667eea;font-weight:600}.payout-house{color:#fc8181;font-weight:600}.faq-list{flex-direction:column;gap:20px;margin-top:20px;display:flex}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.faq-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.faq-question{color:#2d3748;align-items:center;gap:8px;margin:0 0 12px;font-size:1.1rem;font-weight:600;display:flex}.faq-question:before{content:"❓";font-size:1.2rem}.faq-answer{color:#4a5568;margin:0;font-size:.95rem;line-height:1.7}.faq-answer ul{margin:10px 0 0 20px;padding:0}.faq-answer ul li{margin:8px 0;line-height:1.6}@media (max-width:768px){.help-card.full-width{grid-column:1}.example-box,.faq-item{padding:15px}}
.dashboard-shell{--dashboard-bg:#0b1220;--dashboard-bg-soft:#0f1730;--dashboard-card:#121b39;--dashboard-card-2:#0f1530;--dashboard-border:rgba(255,255,255,.08);--dashboard-text:#e6eaf3;--dashboard-muted:#b8c0d9;--dashboard-primary:#6c8cff;--dashboard-primary-2:#4a6cff;--dashboard-success:#00ff9c;--dashboard-danger:#f57;--dashboard-warning:#ffbf3d;--dashboard-shadow:0 20px 50px rgba(0,0,0,.35);--dashboard-radius:16px;min-height:100vh;color:var(--dashboard-text);background:radial-gradient(1000px 600px at 10% -10%,#1a245a 0%,transparent 60%),radial-gradient(1000px 600px at 90% -10%,#192a4d 0%,transparent 60%),linear-gradient(#0a1122,#0b1220 35%);padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji}.dashboard-grid{grid-template-columns:1.9fr .5fr;gap:18px;max-width:1280px;margin-top:18px;margin-left:auto;margin-right:auto;display:grid}.dashboard-main{gap:14px;display:grid}.dashboard-card{background:linear-gradient(180deg,var(--dashboard-card),var(--dashboard-card-2));border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);box-shadow:var(--dashboard-shadow);padding:18px}.dashboard-card h3{color:var(--dashboard-text);margin:0 0 12px;font-size:16px;font-weight:700}.dashboard-card h4{color:var(--dashboard-muted);letter-spacing:.4px;margin:0 0 8px;font-size:12px;font-weight:600}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-shell{padding:16px}}
.dashboard-header{border:1px solid var(--dashboard-border);border-radius:var(--dashboard-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--dashboard-shadow);color:#fff;background:linear-gradient(145deg,rgba(44,62,80,.95),rgba(44,62,80,.85));grid-template-columns:1fr auto;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:18px 20px;display:grid}.dashboard-brand{letter-spacing:.5px;align-items:center;gap:12px;font-weight:800;display:flex}.dashboard-brand-badge{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-2));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid;box-shadow:0 8px 24px rgba(108,140,255,.35)}.dashboard-brand-subtitle{color:rgba(255,255,255,.7);font-size:14px}.dashboard-brand-title{letter-spacing:.4px;color:#fff;font-size:18px;font-weight:800}.dashboard-user{align-items:center;gap:14px;display:flex}.dashboard-meta{color:rgba(255,255,255,.7);gap:2px;font-size:12px;display:grid}.dashboard-badge{color:#93a1ff;border:1px solid var(--border);background:#1a2550;border-radius:999px;padding:6px 10px;font-size:12px}.dashboard-avatar{background:#24305f;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}@media (max-width:768px){.dashboard-header{text-align:center;grid-template-columns:1fr;gap:16px;padding:20px 16px}.dashboard-brand{flex-direction:column;justify-content:center;gap:8px}.dashboard-brand-badge{width:40px;height:40px;font-size:18px}.dashboard-brand-subtitle{margin-bottom:4px;font-size:13px}.dashboard-brand-title{margin:0;font-size:18px}.dashboard-user{flex-direction:column;justify-content:center;align-items:center;gap:12px}.dashboard-meta{text-align:center;gap:4px;font-size:12px}.dashboard-badge{order:1;padding:8px 12px;font-size:12px}.dashboard-avatar{order:2;width:40px;height:40px;font-size:14px}}
.kpi-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.kpi-cards>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(18,27,57,.95),rgba(15,21,48,.98));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.05)}.kpi-cards>.dashboard-card:first-child:before{content:"";background:linear-gradient(90deg,rgba(108,140,255,.8) 0%,rgba(108,140,255,.4) 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(2):before{content:"";background:linear-gradient(90deg,rgba(0,210,122,.8) 0%,rgba(0,255,156,.4) 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(3):before{content:"";background:linear-gradient(90deg,rgba(255,85,119,.8) 0%,rgba(255,85,119,.4) 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card:nth-child(4):before{content:"";background:linear-gradient(90deg,rgba(108,140,255,.8) 0%,rgba(108,140,255,.4) 100%);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-cards>.dashboard-card.kpi-net-negative:before{background:linear-gradient(90deg,rgba(255,85,119,.8) 0%,rgba(255,85,119,.4) 100%)}@keyframes borderPulse{0%,to{opacity:.6}50%{opacity:1}}.kpi-cards>.dashboard-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-4px);box-shadow:0 12px 48px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1),inset 0 1px rgba(255,255,255,.08)}.kpi-cards>.dashboard-card h4{text-transform:uppercase;letter-spacing:.1em;color:rgba(230,234,243,.6);margin:0 0 .875rem;padding-bottom:.5rem;font-size:.75rem;font-weight:600;position:relative}.kpi-cards>.dashboard-card h4:after{content:"";background:rgba(255,255,255,.2);border-radius:1px;width:24px;height:1px;position:absolute;bottom:0;left:0}.kpi-value{letter-spacing:-.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 .75rem;font-size:1.6rem;font-weight:800;line-height:1.1;transition:all .3s}.kpi-cards>.dashboard-card:hover .kpi-value{transform:scale(1.02)}.kpi-success{background:linear-gradient(135deg,#00ff9c 0%,#00ff9c 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,255,156,.3);-webkit-background-clip:text;background-clip:text}.kpi-danger{background:linear-gradient(135deg,#f57 0%,#ff6b8a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-primary{background:linear-gradient(135deg,#6c8cff 0%,#9cc5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-trend{text-transform:uppercase;letter-spacing:.08em;color:rgba(230,234,243,.5);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:6px;align-items:center;gap:.375rem;width:-moz-fit-content;width:fit-content;margin-top:.25rem;padding:.375rem .75rem;font-size:.6875rem;font-weight:500;transition:all .3s;display:inline-flex;position:relative}.kpi-cards>.dashboard-card:nth-child(2) .kpi-trend:before{content:"↑";color:rgba(0,255,156,.6);font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(3) .kpi-trend:before{content:"↓";color:rgba(255,85,119,.6);font-size:.875rem}.kpi-cards>.dashboard-card:nth-child(4) .kpi-trend:before{content:"→";color:rgba(156,197,255,.6);font-size:.875rem;animation:2s ease-in-out infinite pulseArrow}.kpi-cards>.dashboard-card.kpi-net-negative .kpi-trend:before{content:"↓";color:rgba(255,85,119,.6);animation:2s ease-in-out infinite pulseArrowDown}@keyframes pulseArrowDown{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(2px)}}@keyframes pulseArrow{0%,to{opacity:.4;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}.kpi-cards>.dashboard-card:hover .kpi-trend{color:rgba(230,234,243,.7);background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}.kpi-cards>.dashboard-card:after{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);width:200%;height:200%;transition:opacity .6s;position:absolute;top:-50%;left:-50%}.kpi-cards>.dashboard-card:hover:after{opacity:1}@media (max-width:1100px) and (min-width:769px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.875rem}.kpi-value{font-size:1.4rem}}@media (max-width:768px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.75rem}.kpi-cards>.dashboard-card{padding:1.25rem}.kpi-value{font-size:1.2rem}.kpi-trend{padding:.3rem .625rem;font-size:.625rem}}@media (max-width:480px){.kpi-cards{grid-template-columns:repeat(2,1fr);gap:.625rem}.kpi-cards>.dashboard-card{padding:1rem}.kpi-value{font-size:1.1rem}.kpi-cards>.dashboard-card h4{margin-bottom:.75rem;font-size:.6875rem}}
.ruleta-metrics-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ruleta-metrics-panel>.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(18,27,57,.95),rgba(15,21,48,.98));border:1px solid rgba(0,255,156,.15);grid-column:1/-1;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 1px rgba(0,255,156,.05),inset 0 1px rgba(255,255,255,.05)}.ruleta-metrics-panel>.dashboard-card:before{content:"";background:linear-gradient(90deg,transparent 0%,rgba(0,255,156,.6) 20%,rgba(0,255,156,.8) 50%,rgba(0,255,156,.6) 80%,transparent 100%);height:2px;animation:3s ease-in-out infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.4}50%{opacity:1}}.ruleta-metrics-panel>.dashboard-card h3{text-align:center;letter-spacing:.5px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.125rem;font-weight:700;display:flex;position:relative}.ruleta-metrics-panel>.dashboard-card h3:after{content:"";background:linear-gradient(90deg,transparent,rgba(0,255,156,.8),transparent);border-radius:2px;width:60px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.progress-container{gap:1rem;padding:.5rem 0;display:grid}.progress-item{background:rgba(15,21,48,.5);border:1px solid rgba(255,255,255,.06);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.progress-item:before{content:"";opacity:0;background:linear-gradient(rgba(0,255,156,.6),rgba(0,255,156,.3));width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.progress-item:hover{background:rgba(15,21,48,.7);border-color:rgba(0,255,156,.2);transform:translate(2px);box-shadow:0 4px 12px rgba(0,255,156,.1)}.progress-item:hover:before{opacity:1}.progress-item>div:first-child{white-space:nowrap;color:#e6eaf3;letter-spacing:.3px;min-width:90px;font-size:.875rem;font-weight:600}.progress-item>div:last-child{white-space:nowrap;text-align:right;color:#00ff9c;letter-spacing:.5px;background:linear-gradient(135deg,rgba(0,255,156,.15),rgba(0,255,156,.08));border:1px solid rgba(0,255,156,.2);border-radius:8px;justify-content:center;align-items:center;min-width:50px;padding:.35rem .75rem;font-size:.875rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px rgba(0,255,156,.15)}.progress-item:hover>div:last-child{background:linear-gradient(135deg,rgba(0,255,156,.25),rgba(0,255,156,.15));border-color:rgba(0,255,156,.35);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,255,156,.25)}.progress-bar{background:rgba(17,24,50,.8);border:1px solid rgba(255,255,255,.08);border-radius:999px;height:12px;margin-top:13px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3)}.progress-bar:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:2s ease-in-out infinite progressShine;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fill{background:linear-gradient(90deg,#00ff9c 0%,#00ff9c 50%,#00ff9c 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite pulseGlow;position:relative;box-shadow:0 0 10px rgba(0,255,156,.4),0 0 20px rgba(0,255,156,.2),inset 0 1px rgba(255,255,255,.2)}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px rgba(0,255,156,.4),0 0 20px rgba(0,255,156,.2),inset 0 1px rgba(255,255,255,.2)}50%{box-shadow:0 0 15px rgba(0,255,156,.6),0 0 30px rgba(0,255,156,.3),inset 0 1px rgba(255,255,255,.3)}}.donut-container{align-items:center;gap:20px;height:110px;display:flex}.pie-chart{background:conic-gradient(#00d2ff 0deg,#00d2ff 252deg,#ff6b6b 252deg,#ff6b6b 288deg,#00ff9c 288deg,#00ff9c 324deg,#ffbf3d 324deg,#ffbf3d 360deg);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.pie-chart:before{content:"";background:var(--dashboard-bg);border-radius:50%;width:60px;height:60px;position:absolute}.pie-legend{flex:1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.legend-item{color:var(--dashboard-muted);align-items:center;gap:6px;font-size:11px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.principal{background:#00d2ff}.legend-color.secundario-izq{background:#ff6b6b}.legend-color.secundario-der{background:#00ff9c}.legend-color.casa{background:#ffbf3d}@media (max-width:1100px){.ruleta-metrics-panel{grid-template-columns:1fr}}@media (max-width:768px){.ruleta-metrics-panel .dashboard-card{padding:1.25rem}.ruleta-metrics-panel>.dashboard-card h3{margin-bottom:1.25rem;padding-bottom:.625rem;font-size:1rem}.progress-container{gap:.875rem;padding:.375rem 0}.progress-item{gap:.875rem;padding:.875rem 1rem}.progress-item>div:first-child{min-width:80px;font-size:.8125rem}.progress-item>div:last-child{min-width:45px;padding:.3rem .625rem;font-size:.8125rem}.progress-bar{height:10px}.donut-container{gap:15px;height:100px}.pie-chart{width:84px;height:84px}.pie-chart:before{width:54px;height:54px}.pie-legend{gap:6px}.legend-item{font-size:10px}.legend-color{width:10px;height:10px}}
.activity-feed{margin-top:14px}.activity-feed h3{text-align:center;letter-spacing:.4px;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;margin-bottom:12px;font-size:1rem;font-weight:700;display:flex;position:relative}.activity-feed h3:after{content:"";background:linear-gradient(90deg,transparent,rgba(0,255,156,.7),transparent);border-radius:2px;width:56px;height:2px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.activity-list{gap:10px;display:grid}.activity-item{border:1px solid var(--dashboard-border);background:linear-gradient(rgba(18,27,57,.9),rgba(15,21,48,.95));border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.activity-item:before{content:"";opacity:.6;background:linear-gradient(rgba(0,255,156,.5),rgba(0,255,156,.25));border-radius:12px 0 0 12px;width:3px;position:absolute;top:0;bottom:0;left:0}.activity-item:after{content:"";pointer-events:none;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);width:80%;height:180%;transition:transform .6s;position:absolute;top:-40%;left:-40%;transform:translate(-120%)rotate(20deg)}.activity-item:hover{border-color:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.35)}.activity-item:hover:after{transform:translate(220%)rotate(20deg)}.activity-time{color:var(--dashboard-muted);white-space:nowrap;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.activity-time:before{content:"🕑";opacity:.85;font-size:12px}.activity-description{color:var(--dashboard-text);letter-spacing:.2px;font-size:14px}.activity-win{color:var(--dashboard-success);text-shadow:0 0 18px rgba(0,255,156,.25)}.activity-tag{color:#9cc5ff;letter-spacing:.3px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:6px 10px;font-size:12px;transition:all .2s;box-shadow:inset 0 0 transparent}.activity-tag:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);box-shadow:0 4px 10px rgba(156,197,255,.12)}.activity-status-success{font-weight:600;color:#00ff9c!important;background:rgba(0,255,156,.1)!important;border-color:rgba(0,255,156,.3)!important}.activity-status-success:hover{background:rgba(0,255,156,.15)!important;border-color:rgba(0,255,156,.4)!important;box-shadow:0 4px 10px rgba(0,255,156,.2)!important}.activity-status-danger{font-weight:600;color:#ff4757!important;background:rgba(255,71,87,.1)!important;border-color:rgba(255,71,87,.3)!important}.activity-status-danger:hover{background:rgba(255,71,87,.15)!important;border-color:rgba(255,71,87,.4)!important;box-shadow:0 4px 10px rgba(255,71,87,.2)!important}.activity-status-warning{font-weight:600;color:#ffa502!important;background:rgba(255,165,2,.1)!important;border-color:rgba(255,165,2,.3)!important}.activity-status-warning:hover{background:rgba(255,165,2,.15)!important;border-color:rgba(255,165,2,.4)!important;box-shadow:0 4px 10px rgba(255,165,2,.2)!important}.activity-status-default{color:#9cc5ff;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}@media (max-width:560px){.activity-item{grid-template-columns:auto 1fr}.activity-tag{justify-self:start;margin-top:8px}.activity-time{padding:5px 9px;font-size:11px}.activity-description{font-size:13px}}
.quick-actions{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.action-btn{border:1px solid var(--dashboard-border);color:#c7d2ff;cursor:pointer;text-align:center;word-wrap:break-word;background:linear-gradient(rgba(18,27,57,.95),rgba(15,21,48,.98));border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:12px 10px;font-size:.9rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.05)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(76,106,255,.28)}.quick-actions{position:relative}@keyframes neonPulse{0%{box-shadow:0 0 rgba(0,255,156,0)}50%{box-shadow:0 0 24px rgba(0,255,156,.45),inset 0 0 8px rgba(0,255,156,.25)}to{box-shadow:0 0 rgba(0,255,156,0)}}.quick-actions .action-btn{border-color:#00ff9c;transition:border-color .2s,box-shadow .2s;animation:2.8s ease-in-out infinite neonPulse;box-shadow:0 0 6px rgba(0,255,156,.25)}.quick-actions .action-btn:nth-child(2){animation-delay:.2s}.quick-actions .action-btn:nth-child(3){animation-delay:.4s}.quick-actions .action-btn:nth-child(4){animation-delay:.6s}.action-btn.action-random{color:#c7d2ff;background:linear-gradient(rgba(18,27,57,.95),rgba(15,21,48,.98));position:relative}.action-btn.action-random:before{content:"";background:radial-gradient(circle at center,var(--accent)0%,transparent 70%);opacity:0;z-index:-1;filter:blur(6px);border-radius:12px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.action-btn.action-random:after{content:"";background:var(--accent);width:0;height:2px;box-shadow:0 0 8px var(--accent),0 0 16px var(--accent);border-radius:2px;transition:width .3s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.action-btn.action-random:hover{color:var(--text-primary);border-color:var(--accent);background:linear-gradient(135deg,rgba(199,160,8,.2),rgba(199,160,8,.1));transform:translateY(-1px);box-shadow:0 2px 8px rgba(199,160,8,.3)}.action-btn.action-random:hover:before{opacity:.2}.action-btn.action-random:hover:after{width:100%}@media (max-width:1100px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:10px 6px;font-size:.85rem}}@media (max-width:560px){.quick-actions{grid-template-columns:repeat(2,1fr)}.action-btn{padding:12px 8px;font-size:.9rem}}
.dashboard-sidebar{gap:14px;display:grid}.sidebar-title{color:var(--dashboard-muted);letter-spacing:.4px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e6eaf3 0%,#b8c0d9 100%);letter-spacing:.4px;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:13px}.sidebar-header{border:1px solid var(--dashboard-border);background:linear-gradient(rgba(18,27,57,.85),rgba(15,21,48,.9));border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:6px 8px;display:flex}.sidebar-header .sidebar-title{margin:0}.sidebar-header-actions{align-items:center;gap:8px;display:flex}.toggle-info-button{background:linear-gradient(135deg,var(--dashboard-primary),var(--dashboard-primary-2));color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .2s;box-shadow:0 6px 16px rgba(108,140,255,.25)}.toggle-info-button:hover{background:var(--dashboard-secondary);transform:translateY(-1px)}.edit-profile-button{color:#00ff9c;cursor:pointer;background:rgba(0,255,156,.1);border:1px solid rgba(0,255,156,.3);border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:28px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.edit-profile-button:hover{background:rgba(0,255,156,.2);border-color:rgba(0,255,156,.5);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,255,156,.3)}.user-info{border:1px solid var(--dashboard-border);background:linear-gradient(rgba(18,27,57,.9),rgba(15,21,48,.95));border-radius:12px;gap:10px;padding:12px;display:grid;box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.info-item{color:var(--dashboard-muted);grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.info-item span:first-child{letter-spacing:.3px}.info-item span:last-child{color:var(--dashboard-text);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px 8px;font-weight:600}.live-list{gap:10px;display:grid}.live-item{border:1px solid var(--dashboard-border);background:#0f1834;border-radius:12px;gap:8px;padding:12px;display:grid}.live-header{color:var(--dashboard-muted);justify-content:space-between;font-size:14px;display:flex}.live-meter{border:1px solid var(--dashboard-border);background:#111832;border-radius:999px;height:8px;overflow:hidden}.live-fill{background:linear-gradient(90deg,var(--dashboard-success),#6cffb7);height:100%}.live-status{color:var(--dashboard-muted);font-size:12px}.winner-list{gap:8px;display:grid}.winner-item{color:var(--dashboard-muted);justify-content:space-between;font-size:13px;display:flex}.quick-links{gap:8px;display:grid}.quick-link{border:1px solid var(--dashboard-border);color:var(--dashboard-text);background:linear-gradient(rgba(18,27,57,.85),rgba(15,21,48,.9));border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.quick-link:hover{color:#eaf0ff;background:linear-gradient(rgba(76,106,255,.2),rgba(76,106,255,.15));border-color:rgba(255,255,255,.15);transform:translateY(-1px);box-shadow:0 8px 20px rgba(76,106,255,.25)}
.roulette-page{color:#fff;background:radial-gradient(1200px 600px at 20% 10%,rgba(0,255,156,.06),transparent 60%),radial-gradient(1000px 500px at 80% 30%,rgba(199,160,8,.04),transparent 60%),linear-gradient(135deg,#0a192f 0%,#151a23 50%,#1f2530 100%);min-height:100vh;padding-top:5px;overflow-x:hidden}.roulette-container{max-width:1400px;margin:0 auto;padding:1rem}.roulette-header{text-align:center;margin-bottom:1.5rem}.roulette-title{color:#fff;background:linear-gradient(135deg,#00ff9c,#00ff9c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:3rem;font-weight:900;line-height:1}.roulette-content{box-sizing:border-box;grid-template-columns:2fr 1fr;gap:2rem;width:100%;margin-bottom:2rem;display:grid}.roulette-wheel-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.roulette-wheel-container{justify-content:center;align-items:center;margin:1.5rem auto;display:flex}.roulette-wheel{background:rgba(255,255,255,.05);border:3px solid rgba(0,255,156,.3);border-radius:50%;width:300px;height:300px;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.roulette-wheel:before{content:"";opacity:.5;background:linear-gradient(45deg,rgba(0,255,156,.1),rgba(199,160,8,.1));position:absolute;top:0;bottom:0;left:0;right:0}.roulette-controls-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;width:100%;max-width:100%;padding:2rem;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.roulette-bets-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;grid-column:1/-1;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.roulette-results-section{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:1rem;grid-column:1/-1;margin-top:2rem;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.04)}.section-title{color:#fff;text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.section-subtitle{color:#e5e5e5;text-align:center;margin:0 0 1rem;font-size:1rem}.btn-roulette-primary{cursor:pointer;color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border:1px solid rgba(0,255,156,.45);border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,255,156,.25)}.btn-roulette-primary:hover{background:linear-gradient(135deg,#00ff9c,#00ff9c);transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,255,156,.38)}.btn-roulette-primary:disabled{color:#b0b0b0;cursor:not-allowed;box-shadow:none;background:rgba(255,255,255,.1);transform:none}.btn-roulette-secondary{cursor:pointer;color:#fff;background:rgba(255,255,255,.1);border:2px solid #00ff9c;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-roulette-secondary:hover{background:rgba(0,255,156,.1);border-color:#00ff9c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,156,.2)}.roulette-selector{justify-content:center;gap:1rem;margin-bottom:.5rem;display:flex}.roulette-type-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.2);border-radius:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.roulette-type-btn:hover{background:rgba(0,255,156,.1);border-color:#00ff9c;transform:translateY(-2px)}.roulette-type-btn.active{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px rgba(0,255,156,.3)}.bets-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.bet-slot{aspect-ratio:1;cursor:pointer;background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.1);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.bet-slot:hover{background:rgba(0,255,156,.1);border-color:#00ff9c;transform:scale(1.05)}.bet-slot.selected{color:#0a192f;background:linear-gradient(135deg,#00ff9c,#00ff9c);border-color:#00ff9c;box-shadow:0 4px 8px rgba(0,255,156,.3)}.bet-slot.occupied{cursor:not-allowed;background:rgba(199,160,8,.2);border-color:#c7a008}.bet-slot-number{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.bet-slot-player{text-align:center;font-size:.75rem;font-weight:500;line-height:1.2}.bet-slot-amount{margin-top:.25rem;font-size:.75rem;font-weight:600}.bets-info{text-align:center;grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.bet-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:1rem}.bet-stat-value{color:#00ff9c;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.bet-stat-label{color:#e5e5e5;font-size:.875rem}.results-container{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.result-card{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:1.5rem}.result-card.main-winner{background:rgba(0,255,156,.1);border-color:#00ff9c}.result-card.secondary-winner{background:rgba(199,160,8,.1);border-color:#c7a008}.result-title{color:#fff;margin-bottom:1rem;font-size:1rem;font-weight:600}.result-player{color:#00ff9c;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.result-amount{color:#fff;font-size:1.5rem;font-weight:800}.roulette-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.8);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.roulette-modal{background:linear-gradient(135deg,#0a192f 0%,#1e1e1e 50%,#2a2a2a 100%);border:1px solid rgba(255,255,255,.1);border-radius:1rem;width:90%;max-width:500px;padding:2rem;box-shadow:0 20px 40px rgba(0,0,0,.5)}.modal-header{text-align:center;margin-bottom:2rem}.modal-title{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.modal-subtitle{color:#e5e5e5;font-size:1rem}.modal-close{color:#b0b0b0;cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:1rem;right:1rem}.modal-close:hover{color:#fff}.loading-state{color:#e5e5e5;justify-content:center;align-items:center;padding:2rem;display:flex}.error-state{color:#ff4757;background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.2);border-radius:.75rem;justify-content:center;align-items:center;padding:2rem;display:flex}@media (max-width:1024px){.roulette-content{grid-template-columns:1fr;gap:1.5rem}.roulette-title{font-size:2.5rem}.bets-grid{grid-template-columns:repeat(3,1fr)}.results-container{grid-template-columns:1fr}}@media (max-width:768px){.roulette-container{padding:1rem}.roulette-title{font-size:2rem}.roulette-wheel{width:250px;height:250px}.bets-grid{grid-template-columns:repeat(2,1fr)}.bets-info{grid-template-columns:1fr}.roulette-selector{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.roulette-type-btn{width:100%}}@media (max-width:480px){.roulette-wheel{width:200px;height:200px}.bets-grid{grid-template-columns:repeat(2,1fr);gap:.375rem}.bet-slot{padding:.5rem}.bet-slot-number{font-size:1rem}.bet-slot-player,.bet-slot-amount{font-size:.625rem}.roulette-container{padding:4px}.roulette-wheel-section{padding:68px}.roulette-header{margin-bottom:8px}.roulette-content{gap:10px}}
:root{--roulette-primary-color:#2c3e50;--roulette-secondary-color:#3498db;--roulette-accent-color:#e74c3c;--roulette-background-color:#f5f5f5;--roulette-text-color:#333;--roulette-success-color:#00ff9c;--roulette-danger-color:#e74c3c;--roulette-light-color:#ecf0f1;--roulette-dark-color:#2c3e50;--roulette-size-desktop:650px;--roulette-size-tablet:380px;--roulette-size-mobile:min(100vw,640px);--pointer-size-desktop:12.6px;--pointer-size-tablet:10.8px;--pointer-size-mobile:9px;--pointer-height-desktop:25.2px;--pointer-height-tablet:21.6px;--pointer-height-mobile:18px}.roulette-wheel-container{width:100%;max-width:var(--roulette-size-desktop);perspective:1000px;aspect-ratio:1;opacity:1;justify-content:center;align-items:center;margin:40px auto;transition:opacity .3s ease-in-out;display:flex;position:relative}.roulette-wheel-container.roulette-mounting{opacity:1}.roulette-wheel-container.roulette-mounting:before{content:"";z-index:1;background:radial-gradient(circle,rgba(0,255,156,.08) 0%,rgba(0,255,156,.02) 50%,transparent 100%);border:3px solid rgba(0,255,156,.15);border-radius:50%;width:80%;height:80%;animation:1.5s ease-in-out infinite roulette-skeleton-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting:after{content:"";z-index:2;background:rgba(255,255,255,.03);border:2px solid rgba(255,255,255,.08);border-radius:50%;width:60%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-wheel-container.roulette-mounting>*{opacity:0;pointer-events:none}@keyframes roulette-skeleton-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.05)}}.roulette-wheel-shadow{transform-origin:50%;background-blend-mode:normal,normal,multiply,multiply,normal;z-index:-1;will-change:contents;contain:layout style paint;background:radial-gradient(at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%);border-radius:50%;width:115%;height:115%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:none!important}.roulette-wheel-canvas{background:#0a192f;border-radius:50%;width:100%;height:auto;display:block}.roulette-pointer{object-fit:contain;z-index:10;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));width:50px;height:50px;transition:transform .2s,filter .2s;position:absolute}.roulette-main-pointer{top:-47px;left:calc(50% + 2rem);transform:translate(-50%)}.roulette-right-pointer{top:-1px;left:calc(50% + 11.2rem - 5px);transform:translate(-50%)rotate(24deg)}.roulette-left-pointer{top:-28px;left:calc(50% - 7.2rem);transform:translate(-50%)rotate(-24deg)}.roulette-pointer.winner-active{animation:1.6s ease-in-out infinite alternate pointerPulse}@keyframes pointerPulse{0%{filter:drop-shadow(0 3px 8px rgba(243,156,18,.35));transform:translate(-50%)scale(1)}to{filter:drop-shadow(0 6px 16px rgba(243,156,18,.65));transform:translate(-50%)scale(1.06)}}.roulette-wheel-center{z-index:5;border:1.5px solid #00ff9c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:0 0 8px rgba(0,255,156,.5)}.roulette-wheel-center-wood{background-blend-mode:normal,normal,multiply,multiply,normal;background:radial-gradient(at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.roulette-wheel-center-wood img{object-fit:contain;width:60px;height:60px}@media (max-width:480px){.roulette-wheel-section{overflow:visible}.roulette-wheel-container{overflow:visible;max-width:min(100vw,896px)!important}.roulette-wheel-canvas,.sector-buttons-overlay{transform-origin:50%;transform:none}.roulette-wheel-center{transform-origin:50%;border-width:1.5px;border-color:#00ff9c;width:10px;height:10px;transform:translate(-50%,-50%)}.roulette-wheel-shadow{transform-origin:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-blend-mode:normal,normal,multiply,multiply,normal!important;z-index:-1!important;opacity:1!important;visibility:visible!important;will-change:contents!important;contain:layout style paint!important;background:radial-gradient(at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%)!important;width:110%!important;height:110%!important;transition:none!important;display:block!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.roulette-wheel-container{background:0 0!important}}@keyframes roulette-wheel-spin{0%{transform:rotate(0)}to{transform:rotate(3600deg)}}.roulette-wheel-spinning{animation:4s cubic-bezier(.17,.67,.12,.99) forwards roulette-wheel-spin}.roulette-winner-glow{animation:1.5s infinite alternate roulette-winner-glow}@keyframes roulette-winner-glow{0%{box-shadow:0 0 10px rgba(255,215,0,.5)}to{box-shadow:0 0 30px rgba(255,215,0,.9)}}.roulette-secondary-glow{animation:1.5s infinite alternate roulette-secondary-glow}@keyframes roulette-secondary-glow{0%{box-shadow:0 0 10px rgba(52,152,219,.5)}to{box-shadow:0 0 20px rgba(52,152,219,.7)}}.roulette-user-info{background-color:rgba(255,255,255,.15);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:15px 20px;display:flex;box-shadow:0 6px 18px rgba(0,0,0,.2)}.roulette-user-info span{color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.25);font-weight:600}.roulette-user-info .balance{color:#f1c40f;font-size:1.05rem}.roulette-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);text-align:center;margin-bottom:30px;font-size:2.5rem}.roulette-main-container{text-align:center;background-color:rgba(255,255,255,.1);border-radius:15px;width:100%;max-width:900px;margin:0 auto;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.countdown-display{color:#e74c3c;text-align:center;text-shadow:0 0 10px rgba(231,76,60,.8);margin-top:15px;font-size:2rem;font-weight:700;animation:1s infinite alternate countdown-pulse}@keyframes countdown-pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.waiting-display{color:#3498db;text-align:center;text-shadow:0 0 10px rgba(52,152,219,.8);background:rgba(52,152,219,.1);border:2px solid rgba(52,152,219,.3);border-radius:8px;margin-top:15px;padding:10px 20px;font-size:1.2rem;font-weight:700;animation:2s infinite waiting-pulse}@keyframes waiting-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}@media (max-width:1024px){:root{--roulette-size-desktop:var(--roulette-size-tablet);--pointer-size-desktop:var(--pointer-size-tablet);--pointer-height-desktop:var(--pointer-height-tablet)}.roulette-wheel-container{max-width:var(--roulette-size-tablet);margin-bottom:30px}.roulette-wheel-shadow{background-blend-mode:normal,normal,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:30px;height:30px}.roulette-main-pointer{top:-25px;left:calc(50% + 1.2rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-18px;left:calc(50% - 4.1rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:-4px;left:calc(50% + 6.1rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{font-size:2rem}.roulette-user-info{flex-direction:column;gap:10px;padding:12px 16px}.roulette-main-container{padding:15px}.countdown-display{font-size:1.8rem}.waiting-display{padding:8px 16px;font-size:1.1rem}.roulette-wheel-center-wood img{width:55px;height:55px}}@media (max-width:480px){:root{--roulette-size-desktop:var(--roulette-size-mobile);--pointer-size-desktop:var(--pointer-size-mobile);--pointer-height-desktop:var(--pointer-height-mobile)}.roulette-wheel-container{position:relative;left:-47px;width:80vw!important;max-width:90vw!important;height:80vw!important;margin:0 auto!important}.roulette-wheel-shadow{background-blend-mode:normal,normal,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-pointer{width:25px;height:25px}.roulette-main-pointer{top:-20px;left:calc(50% + 1.1rem);transform:translate(-50%)rotate(6deg)}.roulette-left-pointer{top:-14px;left:calc(50% - 3.8rem + 4px);transform:translate(-50%)rotate(-30deg)}.roulette-right-pointer{top:0;left:calc(50% + 5.8rem - 5px);transform:translate(-50%)rotate(30deg)}.roulette-title{margin-bottom:20px;font-size:1.8rem}.roulette-user-info{margin-bottom:20px;padding:10px 12px}.roulette-user-info span{font-size:.9rem}.roulette-user-info .balance{font-size:1rem}.roulette-main-container{padding:12px 0!important}.countdown-display{font-size:1.5rem}.waiting-display{padding:6px 12px;font-size:1rem}.roulette-wheel-center{border-width:1.5px;width:50px;height:50px;box-shadow:0 0 6px rgba(0,255,156,.5)}.roulette-wheel-center-wood,.roulette-wheel-center-wood img{width:50px;height:50px}}@media (min-width:381px) and (max-width:480px){.roulette-wheel-container{max-width:min(100vw,560px)}}@media (max-width:360px){.roulette-wheel-container{max-width:250px}.roulette-wheel-shadow{background-blend-mode:overlay,overlay,multiply,multiply,normal;transform-origin:50%;background:radial-gradient(at 30% 40%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(at 70% 60%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(transparent 0%,rgba(139,69,19,.3) 20%,transparent 30%,rgba(160,82,45,.25) 40%,transparent 50%,rgba(184,134,11,.2) 60%,transparent 70%,rgba(205,133,63,.15) 80%,transparent 90%),repeating-linear-gradient(0deg,rgba(139,69,19,.4) 0,transparent 1px,transparent 3px,rgba(160,82,45,.3) 4px,transparent 5px,transparent 8px,rgba(184,134,11,.25) 9px,transparent 10px),radial-gradient(#8b4513 0%,sienna 20%,#b8860b 40%,peru 60%,tan 80%,rgba(139,69,19,.6) 95%,transparent 100%);top:50%;left:50%;transform:translate(-50%,-50%)}.roulette-title{font-size:1.6rem}.roulette-user-info{padding:8px 10px}.roulette-main-container{padding:10px}.countdown-display{font-size:1.3rem}.waiting-display{padding:5px 10px;font-size:.9rem}}.sector-buttons-overlay{pointer-events:auto;z-index:5;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}@media (max-width:768px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:480px){.sector-buttons-overlay{width:100%;height:100%}}@media (max-width:360px){.sector-buttons-overlay{width:100%;height:100%}}
.roulette-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:rgba(255,255,255,.1);border-radius:15px;padding:25px;position:relative;overflow:visible;box-shadow:0 6px 18px rgba(0,0,0,.2)}@media (min-width:1025px){.roulette-controls{padding:12px 15px}.bet-controls{margin-bottom:12px}.bet-button{border-radius:25px;min-width:150px;padding:8px 15px;font-size:.9rem}.status-message{margin-top:10px;padding:8px 12px;font-size:.85rem}.mesa-info{gap:8px;padding:10px 0}.mesa-id,.mesa-status,.mesa-progress{padding:5px 0;font-size:.85rem}.progress-bar{height:6px;margin-top:5px}}.bet-controls{text-align:center;margin-bottom:25px}.bet-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:50px;min-width:200px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.bet-button:hover:not(:disabled){background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.bet-button:active:not(:disabled){transform:translateY(-1px)}.bet-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;box-shadow:none!important;transform:none!important}.spin-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:50px;min-width:200px;margin-top:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;transition:all .3s;animation:2s infinite pulse;box-shadow:0 4px 8px rgba(0,0,0,.2)}.spin-button:hover:not(:disabled){background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);animation:none;transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.spin-button:active:not(:disabled){transform:translateY(-1px)}.spin-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6;animation:none;box-shadow:none!important;transform:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-message{text-align:center;border-radius:8px;margin-top:15px;padding:12px 20px;font-weight:500;transition:all .3s}.status-message.success{color:#00ff9c;background-color:rgba(0,255,156,.2);border:1px solid rgba(0,255,156,.3)}.status-message.error{color:#e74c3c;background-color:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.3)}.status-message.loading{color:#3498db;background-color:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3)}.status-message.spinning{color:#9b59b6;background-color:rgba(155,89,182,.2);border:1px solid rgba(155,89,182,.3);animation:2s infinite pulse}.status-message.closed{color:#95a5a6;background-color:rgba(149,165,166,.2);border:1px solid rgba(149,165,166,.3)}.status-message.info{color:#ecf0f1;background-color:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.2)}.mesa-info{z-index:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:visible}.mesa-info .status-label,.mesa-info .id-label,.mesa-info .progress-label{position:relative;z-index:100!important;pointer-events:auto!important}.mesa-id{border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex}.id-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)!important;opacity:1!important;z-index:10!important}.id-value{color:#f39c12;background-color:rgba(243,156,18,.2);border:1px solid rgba(243,156,18,.3);border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.mesa-status{z-index:10;border-bottom:1px solid rgba(255,255,255,.1);justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:10px;display:flex;position:relative;overflow:visible}.status-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;position:relative;color:#000!important;text-shadow:0 1px 2px rgba(255,255,255,.5)!important;opacity:1!important;z-index:10!important}.status-value{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:700}.status-value.open{color:#2ecc71;background-color:rgba(46,204,113,.2);border:1px solid rgba(46,204,113,.3);font-weight:700}.status-value.spinning{color:#9b59b6;background-color:rgba(155,89,182,.2);border:1px solid rgba(155,89,182,.3);animation:2s infinite pulse}.status-value.closed{color:#95a5a6;background-color:rgba(149,165,166,.2);border:1px solid rgba(149,165,166,.3)}.mesa-progress{margin-top:0}.progress-label{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:8px;font-weight:700;display:block;position:relative;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9)!important;opacity:1!important;z-index:10!important}.progress-value{color:#3498db;margin-bottom:8px;font-weight:700;display:block}@media (min-width:769px){.progress-label{margin-bottom:10px;font-size:1.2rem}.progress-value{margin-bottom:10px;font-size:1.3rem}}.progress-bar{background-color:rgba(255,255,255,.1);border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3498db 0%,#2980b9 100%);border-radius:4px;height:100%;transition:width .5s;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width:768px){.roulette-controls{flex-direction:column;padding:20px;display:flex}.mesa-info{order:1;padding:15px}.bet-controls{order:2;margin-top:20px;margin-bottom:0}.bet-button{min-width:180px;padding:12px 25px;font-size:1rem}}@media (max-width:480px){.roulette-controls{flex-direction:column;padding:15px;display:flex}.mesa-info{order:1}.bet-controls{order:2;margin-top:15px;margin-bottom:0}.bet-button{min-width:160px;padding:10px 20px;font-size:.9rem}.status-message{padding:10px 15px;font-size:.9rem}}
.roulette-bets{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:15px;padding:25px;box-shadow:0 6px 18px rgba(0,0,0,.2)}.bets-header{text-align:center;border-bottom:2px solid rgba(255,255,255,.2);margin-bottom:25px;padding-bottom:15px}.bets-title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:10px;font-size:1.5rem;font-weight:700}.bets-summary{justify-content:center;gap:20px;font-size:.9rem;display:flex}.filled-count{color:#00ff9c;background:rgba(0,255,156,.2);border:1px solid rgba(0,255,156,.3);border-radius:15px;padding:4px 12px;font-weight:700}.empty-count{color:#3498db;background:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3);border-radius:15px;padding:4px 12px;font-weight:700}.no-bets-message{text-align:center;background:rgba(255,255,255,.05);border:2px dashed rgba(255,255,255,.2);border-radius:10px;margin:20px 0;padding:30px 20px}.no-bets-message p{color:#ecf0f1;margin:8px 0;font-size:1rem}.no-bets-message p:first-child{color:#f39c12;font-size:1.1rem;font-weight:700}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:25px;display:grid}.bet-slot{text-align:center;background:rgba(255,255,255,.9);border:2px solid transparent;border-radius:10px;padding:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.1)}.bet-slot:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.2)}.bet-slot.occupied{color:#fff;background:linear-gradient(135deg,#00ff9c 0%,#00ff9c 100%);border-color:#00ff9c}.bet-slot.empty{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-color:#3498db}.bet-slot.empty:hover{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border-color:#e74c3c}.slot-number{color:inherit;margin-bottom:8px;font-size:1.2rem;font-weight:700}.slot-content{font-size:.85rem}.player-name{color:inherit;word-break:break-word;margin-bottom:4px;font-weight:700}.bet-amount{color:inherit;font-size:.9rem;font-weight:700}.empty-text{opacity:.8;color:inherit;font-style:italic}.bets-info{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:20px}.total-bet,.potential-prize{justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 0;display:flex}.potential-prize{border-top:1px solid rgba(255,255,255,.1);margin-bottom:0;padding-top:12px}.info-label{color:#ecf0f1;font-weight:600}.info-value{color:#f1c40f;font-size:1.1rem;font-weight:700}@keyframes slotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bet-slot.occupied{animation:2s infinite slotPulse}@media (max-width:768px){.roulette-bets{padding:20px}.bets-title{font-size:1.3rem}.bets-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.bet-slot{padding:12px}.slot-number{font-size:1.1rem}.slot-content{font-size:.8rem}}@media (max-width:480px){.roulette-bets{padding:15px}.bets-title{font-size:1.2rem}.bets-summary{flex-direction:column;gap:10px}.bets-grid{grid-template-columns:repeat(3,1fr);gap:8px}.bet-slot{padding:10px}.slot-number{font-size:1rem}.slot-content{font-size:.75rem}.bets-info{padding:15px}}
.roulette-results{color:#2c3e50;background:rgba(255,255,255,.95);border-radius:15px;margin-top:20px;padding:25px;animation:.5s ease-out slideInUp;box-shadow:0 5px 20px rgba(0,0,0,.2)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.results-header{text-align:center;border-bottom:2px solid #ecf0f1;margin-bottom:25px;padding-bottom:15px}.results-title{color:#2c3e50;margin-bottom:10px;font-size:1.5rem;font-weight:700}.winners-section{margin-bottom:25px}.winner-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:4px solid transparent;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s;box-shadow:0 3px 10px rgba(0,0,0,.1)}.winner-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.winner-card.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-card.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-header{border-bottom:1px solid rgba(0,0,0,.1);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.winner-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:.9rem;font-weight:700}.winner-prize{color:#00ff9c;font-size:1.2rem;font-weight:700}.winner-details{color:#495057}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-info{color:#6c757d;font-size:.95rem}.winner-info strong{color:#2c3e50}.secondary-winners{grid-template-columns:1fr 1fr;gap:15px;display:grid}.results-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:20px;padding:20px}.summary-item{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-item:last-child{border-bottom:none}.summary-item.house{background:rgba(231,76,60,.1);border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-item.house .summary-value{color:#e74c3c}.results-percentages{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}.percentage-item{text-align:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px}.percentage-label{color:#6c757d;margin-bottom:5px;font-size:.85rem;font-weight:600;display:block}.percentage-value{color:#2c3e50;font-size:1.5rem;font-weight:700;display:block}.results-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:15px}.results-note{color:#6c757d;margin:0;font-size:.9rem;font-style:italic}@media (max-width:768px){.roulette-results{padding:20px}.results-title{font-size:1.3rem}.winner-card{padding:15px}.winner-name{font-size:1.2rem}.secondary-winners,.results-percentages{grid-template-columns:1fr;gap:10px}.results-summary{padding:15px}}@media (max-width:480px){.roulette-results{padding:15px}.results-title{font-size:1.2rem}.winner-card{padding:12px}.winner-header{flex-direction:column;align-items:flex-start;gap:5px}.winner-name{font-size:1.1rem}.winner-info{font-size:.9rem}.results-summary{padding:12px}.summary-item.house{margin:0 -12px -12px;padding:12px}}
.winner-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.6);justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.winner-modal{color:#2c3e50;text-align:left;background:#fff;border-radius:15px;width:100%;max-width:500px;max-height:90vh;padding:30px;animation:.4s ease-out slideInScale;position:relative;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.35)}@keyframes slideInScale{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.winner-modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.8rem;transition:color .3s;display:flex;position:absolute;top:15px;right:20px}.winner-modal-close:hover{color:#e74c3c;background:rgba(231,76,60,.1)}.winner-modal-title{color:#2c3e50;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0 0 25px;font-size:1.6rem;font-weight:700}.winner-modal-content{margin-bottom:25px}.winner-item{background:#f8f9fa;border-left:4px solid transparent;border-radius:12px;align-items:center;margin-bottom:15px;padding:20px;transition:all .3s;display:flex;box-shadow:0 3px 10px rgba(0,0,0,.1)}.winner-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.winner-item.main-winner{background:linear-gradient(135deg,#fff3cd 0%,#ffeaa7 100%);border-left-color:#f1c40f}.winner-item.secondary-winner{background:linear-gradient(135deg,#d1ecf1 0%,#bee5eb 100%);border-left-color:#3498db}.winner-icon{flex-shrink:0;margin-right:20px;font-size:2.5rem}.winner-info{flex:1}.winner-title{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:.9rem;font-weight:700}.winner-name{color:#2c3e50;margin-bottom:8px;font-size:1.3rem;font-weight:700}.winner-details{color:#495057;font-size:.95rem}.winner-details strong{color:#2c3e50}.winner-summary{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:25px;padding:20px}.summary-row{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.summary-row:last-child{background:rgba(231,76,60,.1);border-bottom:none;border-radius:0 0 10px 10px;margin:0 -20px -20px;padding:15px 20px}.summary-label{color:#495057;font-weight:600}.summary-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.summary-value.house{color:#e74c3c}.winner-modal-footer{text-align:center;border-top:1px solid #dee2e6;padding-top:20px}.winner-note{color:#6c757d;margin:0 0 20px;font-size:.9rem;font-style:italic}.winner-modal-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);border:none;border-radius:25px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 8px rgba(0,0,0,.2)}.winner-modal-btn:hover{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.3)}.winner-modal-btn:active{transform:translateY(0)}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.winner-item.main-winner{animation:2s infinite winnerPulse}@media (max-width:768px){.winner-modal-overlay{padding:15px}.winner-modal{max-width:100%;padding:25px}.winner-modal-title{font-size:1.4rem}.winner-item{padding:15px}.winner-icon{margin-right:15px;font-size:2rem}.winner-name{font-size:1.2rem}.winner-summary{padding:15px}.summary-row:last-child{margin:0 -15px -15px;padding:12px 15px}}@media (max-width:480px){.winner-modal-overlay{padding:10px}.winner-modal{padding:20px}.winner-modal-title{font-size:1.3rem}.winner-item{text-align:center;flex-direction:column;padding:12px}.winner-icon{margin-bottom:10px;margin-right:0;font-size:1.8rem}.winner-name{font-size:1.1rem}.winner-details{font-size:.9rem}.winner-summary{padding:12px}.summary-row:last-child{margin:0 -12px -12px;padding:10px 12px}.winner-modal-btn{padding:10px 25px;font-size:.9rem}}