@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800;900&display=swap";@font-face{font-family:gotham-black;src:url(/assets_juego/fonts/Gotham%20Condensed%20Black.otf) format("opentype");font-style:normal}@font-face{font-family:gotham-bold;src:url(/assets_juego/fonts/gotham-condensed-bold.ttf) format("truetype");font-style:normal}@font-face{font-family:primary-font;src:url(/assets_juego/fonts/gotham-condensed-bold.ttf) format("truetype");font-style:normal}:root{font-family:gotham-black,gotham-bold,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden;width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}.ranking-page-single-piece{height:100vh;width:100vw;background-color:#0b2455;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:gotham-bold,sans-serif}.main-design-container{width:100%;height:100%;background-size:100% 100%;background-position:center;position:relative}.ranking-filter-container{position:absolute;top:27%;right:13.5%;width:20%;height:5%;display:flex;justify-content:center;align-items:center;gap:0;z-index:20;border-radius:20px;padding:2px}.filter-btn{background:transparent;color:#a0aec0;border:none;padding:0;height:100%;font-family:gotham-bold,sans-serif;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:.9rem;transition:all .3s ease;flex:1;display:flex;align-items:center;justify-content:center;border-radius:18px;position:relative}.filter-btn:hover{color:#fff;background:#ffffff0d}.filter-btn.side{flex:.8;z-index:1;font-size:1rem;opacity:1;color:#e0e0e0;background:linear-gradient(to top,#1e4b7a,#000);border-radius:10px;margin:0 -8px;height:85%}.filter-btn.active{background:#ffd600;color:#002d52;font-weight:900;box-shadow:0 4px 10px #0000004d;flex:1.2;z-index:10;transform:scale(1.05);font-size:1.35rem;margin:0;border-radius:10px;height:100%}.ranking-overlay-list{position:absolute;top:35%;right:10.3%;width:29.5%;height:44.5%;overflow:hidden;display:flex;flex-direction:column;z-index:10}.rank-item-row{display:flex;align-items:center;color:#fff;font-size:1rem;height:13%;width:100%;padding:0 10%}.rank-number{min-width:30px;font-weight:900;font-size:1.1rem}.rank-info-col{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;margin-right:10px}.rank-name{color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:900;letter-spacing:.5px}.rank-date{color:#a0aec0;font-size:.65rem;font-weight:400;margin-top:2px}.rank-points{color:#ffd200;font-weight:900;min-width:80px;text-align:right;font-size:.8rem}.ranking-overlay-list::-webkit-scrollbar{width:0}.loading-row{color:#fff;text-align:center;padding:20px}@media screen and (orientation:portrait){.ranking-page-single-piece{height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}.main-design-container{width:100%;max-width:100vw;height:auto;aspect-ratio:375 / 1546;background-size:100% 100%}.ranking-filter-container{top:59.9%;right:18%;width:60%;height:2%}.filter-btn.active{font-size:3rem}.filter-btn.side{font-size:2.2rem}.ranking-overlay-list{top:62%;right:15%;width:70%;height:31%;padding-right:0}.rank-item-row{padding:0 8%}.rank-points{color:#ffd600}@media screen and (max-height:1080px){.rank-name,.rank-number,.rank-points{font-size:1rem;font-weight:900}.rank-date{font-size:.8rem}.rank-points{font-size:1.2rem}.filter-btn.active{font-size:1.3rem}.filter-btn.side{font-size:1rem}.ranking-filter-container{top:59.6%}}@media screen and (min-height:1081px){.rank-name,.rank-number,.rank-points{font-size:3rem;font-weight:900}.rank-number{min-width:100px}.rank-points{min-width:300px}.rank-date{font-size:2rem}}}.ingresar-codigo-page-art{height:100vh;min-height:100dvh;width:100vw;background-color:#0b2455;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin:0;padding:0}.art-content{width:100%;height:100%;background-size:100% 100%;background-position:center;background-repeat:no-repeat;position:relative}.art-ingresa{position:absolute;top:40.2%;left:50%;transform:translate(-50%);color:#002d52;font-size:2.2rem;font-weight:900;text-transform:uppercase;margin:0;text-align:center;width:100%;font-family:gotham-bold,sans-serif;letter-spacing:-1px}.art-form{position:absolute;top:51.5%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;display:flex;flex-direction:column;gap:2rem;align-items:center}.art-input{width:80%;max-width:500px;height:clamp(50px,8vh,80px);padding:0 30px;border-radius:50px;border:4px solid #AF2425;background-color:#fef0b9;color:#002d52;font-size:2.2rem;font-weight:700;text-align:center;font-family:gotham-bold,sans-serif;outline:none;box-shadow:0 8px 20px #00000026;transition:all .2s ease;text-transform:uppercase}.art-input:focus{border-color:#af2424e3;transform:scale(1.02);box-shadow:0 12px 25px #0003}.art-input::placeholder{color:#002d5266}.art-btn-img{background:none;border:none;cursor:pointer;padding:0;transition:transform .2s;width:320px;max-width:85%}.art-btn-img img{width:100%;height:auto;filter:drop-shadow(0 6px 15px rgba(0,0,0,.5))}.art-btn-img:hover:not(:disabled){transform:scale(1.03)}.art-btn-img:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.5)}@media(max-width:768px){.art-content{background-size:100% 100%}.art-ingresa{font-size:1.6rem;top:40.5%}.art-form{top:52%;gap:1.2rem}.art-input{width:85%;height:55px;font-size:1.8rem;border-width:3px;padding:0 20px}.art-btn-img{width:240px}}@media(min-width:769px)and (max-width:1199px){.art-content{background-size:100% 100%}.art-ingresa{font-size:3rem;top:40%}.art-form{top:51.5%;gap:2.5rem}.art-input{width:80%;height:100px;font-size:3.5rem;border-width:6px;border-radius:60px}.art-btn-img{width:450px}}@media(min-height:1200px)and (orientation:portrait){.art-content{background-size:100% 100%}.art-ingresa{font-size:5rem;top:40%}.art-input{width:75%;height:140px;font-size:5rem;border-radius:100px;border-width:10px}.art-btn-img{width:650px}.art-form{gap:4rem;top:51.8%}}@media(max-width:380px){.art-ingresa{font-size:1.3rem}.art-input{height:48px;font-size:1.5rem;padding:0 15px}.art-btn-img{width:200px}}.juego-page{position:relative;height:100vh;height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#001529;overflow:hidden;font-family:Poppins,sans-serif;color:#fff}.juego-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:1}.aurora-container-juego{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.particles-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.particle{position:absolute;border-radius:50%;background:#00b4d880;box-shadow:0 0 10px #00b4d866;filter:blur(1px);animation:moveChaotic 15s infinite ease-in-out}@keyframes moveChaotic{0%{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,40px) scale(.9)}75%{transform:translate(-40px,-20px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes floatNatural{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseZoom{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.p1{width:8px;height:8px;top:10%;left:20%;animation-duration:12s;background:#0ff6}.p2{width:5px;height:5px;top:30%;left:80%;animation-duration:18s}.p3{width:10px;height:10px;top:70%;left:10%;animation-duration:25s;filter:blur(2px)}.p4{width:4px;height:4px;top:40%;left:40%;animation-duration:15s}.p5{width:6px;height:6px;top:80%;left:70%;animation-duration:20s;background:#0077b699}.p6{width:9px;height:9px;top:15%;left:50%;animation-duration:14s}.p7{width:3px;height:3px;top:50%;left:20%;animation-duration:22s}.p8{width:7px;height:7px;top:90%;left:30%;animation-duration:30s;filter:blur(1.5px)}.p9{width:5px;height:5px;top:20%;left:90%;animation-duration:16s}.p10{width:8px;height:8px;top:60%;left:85%;animation-duration:28s;background:#90e0ef80}.p11{width:4px;height:4px;top:5%;left:5%;animation-duration:19s}.p12{width:6px;height:6px;top:95%;left:15%;animation-duration:24s}.p13{width:9px;height:9px;top:35%;left:60%;animation-duration:13s;filter:blur(2px)}.p14{width:3px;height:3px;top:75%;left:45%;animation-duration:21s}.p15{width:7px;height:7px;top:25%;left:35%;animation-duration:17s}.p16{width:6px;height:6px;top:55%;left:55%;animation-duration:20s}.p17{width:4px;height:4px;top:12%;left:75%;animation-duration:26s}.p18{width:8px;height:8px;top:85%;left:90%;animation-duration:29s;background:#00b4d880}.p19{width:5px;height:5px;top:45%;left:10%;animation-duration:15s}.p20{width:3px;height:3px;top:65%;left:25%;animation-duration:23s}.p21{width:7px;height:7px;top:5%;left:40%;animation-duration:18s}.p22{width:9px;height:9px;top:50%;left:95%;animation-duration:12s;filter:blur(1px)}.p23{width:5px;height:5px;top:92%;left:50%;animation-duration:27s}.p24{width:6px;height:6px;top:28%;left:28%;animation-duration:20s}.p25{width:4px;height:4px;top:78%;left:5%;animation-duration:23s}.p26{width:8px;height:8px;top:18%;left:65%;animation-duration:14s}.p27{width:3px;height:3px;top:62%;left:72%;animation-duration:21s;background:#48cae499}.p28{width:7px;height:7px;top:88%;left:12%;animation-duration:25s}.p29{width:5px;height:5px;top:8%;left:92%;animation-duration:19s}.p30{width:6px;height:6px;top:38%;left:82%;animation-duration:17s}.p31{width:4px;height:4px;top:72%;left:38%;animation-duration:22s}.p32{width:9px;height:9px;top:22%;left:52%;animation-duration:13s;filter:blur(2px)}.p33{width:3px;height:3px;top:96%;left:68%;animation-duration:26s}.p34{width:7px;height:7px;top:4%;left:18%;animation-duration:20s}.p35{width:5px;height:5px;top:48%;left:6%;animation-duration:24s;background:#0077b666}.code-input-container{z-index:10;width:90%;max-width:650px;padding:.5rem}.code-card{background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:4rem 3rem;box-shadow:0 8px 32px #0000004d;text-align:center;transition:transform .3s ease}.code-card:hover{transform:translateY(-5px);border-color:#fff6}.code-header{margin-bottom:2rem}.brand-logo-juego{max-width:150px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));animation:pulseZoom 3s ease-in-out infinite}.code-title{color:#fff;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.code-subtitle{color:#fffc;font-size:.95rem;font-weight:300}.code-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{text-align:left}.label-input{display:block;font-size:.9rem;color:#ade8f4;margin-bottom:.5rem;font-weight:500}.input-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#ade8f4}.form-input{width:100%;padding:12px 12px 12px 45px;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-input::placeholder{color:#fff6}.form-input:focus{outline:none;border-color:#00b4d8;background:#ffffff1a;box-shadow:0 0 15px #00b4d833;color:#000}.btn-play{background:linear-gradient(135deg,#00b4d8,#0077b6);color:#fff;border:none;padding:14px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0077b64d}.btn-play:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #0077b680;background:linear-gradient(135deg,#48cae4,#0096c7)}.btn-play:disabled{background:#333;color:#aaa;cursor:not-allowed;transform:none;box-shadow:none}.btn-play i{margin-right:8px}.error-message{background:#eb4d4b26;border:1px solid rgba(235,77,75,.5);color:#ff6b6b;padding:10px;border-radius:10px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.code-footer{margin-top:2rem;font-size:.85rem;color:#ffffffb3}.code-footer a{color:#48cae4;text-decoration:none;font-weight:500;transition:color .3s ease}.code-footer a:hover{color:#fff;text-decoration:underline}.juego-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:20;overflow:hidden}.game-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.game-wrapper canvas{max-width:100%;max-height:100%;object-fit:contain}@media(max-width:480px){.code-container{padding:0 1rem}.code-card{padding:2rem 1.5rem}.code-title{font-size:1.5rem}}:root{--polar-blue: #005583;--polar-dark: #002D52;--polar-cyan: #00b4d8;--polar-ice: #caf0f8;--text-main: #1e293b;--text-sub: #64748b;--bg-page: #001529}body{margin:0;font-family:Montserrat,sans-serif;background-color:var(--bg-page);color:var(--text-main);overflow:hidden}.login-page{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#001529}.aurora-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;background:radial-gradient(circle at bottom center,#002d52,#001529 80%)}.stars-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(white,rgba(255,255,255,.2) 2px,transparent 3px),radial-gradient(white,rgba(255,255,255,.15) 1px,transparent 2px),radial-gradient(white,rgba(255,255,255,.1) 2px,transparent 3px);background-size:550px 550px,350px 350px,250px 250px;background-position:0 0,40px 60px,130px 270px;animation:starMove 100s linear infinite;opacity:.6}@keyframes starMove{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.aurora-beam{position:absolute;filter:blur(60px);opacity:.6;animation:auroraFloat 20s infinite alternate cubic-bezier(.4,0,.2,1)}.beam-1{top:-50%;left:-20%;width:80%;height:150%;background:linear-gradient(120deg,transparent,#005583,transparent);transform:rotate(45deg);animation-duration:25s}.beam-2{bottom:-30%;right:-20%;width:70%;height:120%;background:linear-gradient(-120deg,transparent,#00b4d8,transparent);transform:rotate(-25deg);animation-delay:-5s}.beam-3{top:20%;right:20%;width:400px;height:400px;background:radial-gradient(circle,rgba(0,180,216,.4),transparent 70%);animation-name:pulseAurora;animation-duration:15s}@keyframes auroraFloat{0%{transform:translate(0) rotate(var(--r, 0deg));opacity:.4}to{transform:translate(30px,50px) rotate(var(--r, 0deg));opacity:.7}}@keyframes pulseAurora{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:.6}}.login-container{position:relative;z-index:10;width:100%;max-width:520px;padding:1.5rem}.login-card{background:#101e31bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.5rem 2rem;box-shadow:0 25px 50px -12px #00000080;text-align:center;animation:cardEntrance .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{margin-bottom:2rem}.brand-logo{width:auto;height:80px;max-width:180px;object-fit:contain;margin-bottom:.5rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.login-title{font-size:1.5rem;font-weight:800;color:#bccadf;margin-bottom:.25rem;letter-spacing:-.025em}.login-subtitle{color:#64748b;font-size:.9rem;margin-bottom:.5rem}.login-form{display:flex;flex-direction:column;text-align:left;gap:1rem}.form-group{margin-bottom:.2rem}.label-input{display:block;font-size:.8rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em;margin-left:4px}.input-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:#94a3b8;transition:color .3s;font-size:1.1rem;pointer-events:none;z-index:10}.form-input{width:100%;padding:.9rem 1rem .9rem 3.5rem!important;border:2px solid #e2e8f0;border-radius:12px;font-size:.9rem;transition:all .3s;background:#f8fafc;color:#334155!important;-webkit-text-fill-color:#334155!important;caret-color:#334155;box-sizing:border-box;height:48px}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus,.form-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f8fafc inset!important;-webkit-text-fill-color:#334155!important;transition:background-color 5000s ease-in-out 0s}.form-input:focus{outline:none;background:#fff;border-color:#00b4d8;box-shadow:0 0 0 4px #00b4d81a}.form-input:focus+.input-highlight{width:100%}.input-highlight{position:absolute;bottom:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,#005583,#00b4d8);transition:width .3s ease;border-radius:0 0 12px 12px;display:none}.toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:0}.toggle-password:hover{color:#005583}.btn-login{width:100%;padding:1rem;background:linear-gradient(135deg,#005583,#023e8a);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 10px 20px -5px #00558366;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #00558380;background:linear-gradient(135deg,#0077b6,#005583)}.btn-login:disabled{opacity:.7;cursor:wait}.btn-back-link{background:transparent;border:none;display:block;margin:1.5rem auto 0;color:#64748b;font-size:.9rem;cursor:pointer;transition:all .2s;text-decoration:none;padding:.5rem 1rem;border-radius:8px}.btn-back-link:hover{color:#00fafe;color:#005583;background:#f1f5f9}.loader-dots{display:flex;gap:4px;align-items:center}.loader-dots span{width:6px;height:6px;background:#fff;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loader-dots span:nth-child(1){animation-delay:-.32s}.loader-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{padding:.75rem;background:#fee2e2;color:#b91c1c;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:.5rem;border:1px solid #fecaca}@media(max-width:640px){.login-card{padding:2rem 1.5rem}}.admin-layout{display:flex;height:100vh;height:100dvh;width:100%;background-color:transparent;overflow:hidden}.sidebar{width:280px;background:linear-gradient(to bottom,#002d52,#001529);border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;transition:all .3s ease;z-index:100;flex-shrink:0;box-shadow:4px 0 20px #0003;color:#fff}.sidebar-collapsed .sidebar{width:80px}.sidebar-header{height:90px;display:flex;align-items:center;justify-content:center;padding:1rem;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{height:100%;width:auto;object-fit:contain;transition:opacity .2s;filter:brightness(0) invert(1);transform:translateY(5px)}.sidebar-collapsed .sidebar-logo{display:none}.btn-toggle-sidebar{background:transparent;border:none;color:#6f7680;cursor:pointer;font-size:1rem;padding:.5rem;border-radius:.5rem;transition:all .2s}.btn-toggle-sidebar:hover{background-color:#fff3;color:#fff}.sidebar-nav{flex:1;padding:2rem 1rem;overflow-y:auto}.sidebar-section{margin-bottom:2.5rem}.section-title{display:block;font-size:.7rem;font-weight:700;color:#fff6;margin-bottom:1rem;padding:0 .75rem;text-transform:uppercase;letter-spacing:.1em}.sidebar-collapsed .section-title{text-align:center;font-size:0}.sidebar-collapsed .section-title:after{content:"...";font-size:1.2rem;color:#fff6}.nav-item{display:flex;align-items:center;gap:1rem;padding:.7rem;border-radius:12px;color:#cbd5e1;text-decoration:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:.1rem;border-left:4px solid transparent}.nav-item:hover{background-color:#ffffff14;color:#fff}.nav-item.active{background:linear-gradient(90deg,#005583cc,#0077b666);border-left-color:#00b4d846;color:#fff;box-shadow:0 4px 15px #00b4d833}.nav-item i{font-size:1rem;width:24px;text-align:center;transition:color .3s}.nav-item.active i{color:#00b4d8;filter:drop-shadow(0 0 5px rgba(0,180,216,.6))}.nav-text{font-size:.9rem;font-weight:500;white-space:nowrap;opacity:1;transition:opacity .2s}.sidebar-collapsed .nav-text{opacity:0;width:0;display:none}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;background:#0003}.sidebar-user{flex:1;display:flex;align-items:center;gap:.75rem;overflow:hidden}.user-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#00b4d8,#0077b6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 10px #0003}.user-info-sidebar{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem;color:#fff;white-space:nowrap}.user-role{font-size:.75rem;color:#fff9}.sidebar-collapsed .user-info-sidebar{display:none}.btn-sidebar-logout{background:#ef44441a;border:none;color:#f87171;cursor:pointer;padding:.6rem;border-radius:.6rem;transition:all .2s}.btn-sidebar-logout:hover{background-color:#ef444433;color:#fca5a5;transform:rotate(90deg)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.top-navbar{height:80px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;border-bottom:1px solid #e2e8f0;z-index:10}.navbar-left{display:flex;align-items:center;gap:1rem}.btn-menu-mobile{display:none;background:#0055830d;border:none;color:#005583;cursor:pointer;height:45px;border-radius:12px;align-items:center;justify-content:center}.page-title{font-size:1.4rem;font-weight:800;color:#1e293b;letter-spacing:-.02em}.navbar-right{display:flex;align-items:center;gap:1rem}.notification-bell{position:relative;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;color:#64748b;transition:background .2s;background:#fff;border:1px solid #e2e8f0}.notification-bell:hover{background-color:#f1f5f9;color:#005583}.notification-bell .badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center}.content-scrollable{flex:1;padding:.9rem;overflow-y:auto;background:transparent;display:flex;flex-direction:column}.dashboard-footer{margin-top:auto;padding-top:1rem;padding-bottom:.5rem;text-align:center;color:#94a3b8;font-size:.8rem;border-top:1px solid #dae1e7}.panel-header-mini{margin-bottom:2.5rem;text-align:center}.panel-title-mini{font-size:2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.03em}.panel-subtitle-mini{color:#64748b;font-size:1.1rem}.panel-dashboard-content{max-width:1200px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.stat-card{background-color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem;transition:all .2s ease-in-out;border:1px solid #e2e8f0}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#cbd5e1}.stat-icon{width:50px;height:50px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stat-icon.blue{background:#eff6ff;color:#3b82f6}.stat-icon.green{background:#f0fdf4;color:#22c55e}.stat-icon.yellow{background:#fefce8;color:#eab308}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2}@media(max-width:1024px){.admin-layout{display:block;position:relative;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:250px;transform:translate(-100%);z-index:1000}.admin-layout.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar-overlay-mobile{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{z-index:1000}.admin-layout:not(.sidebar-collapsed) .sidebar{transform:translate(0);box-shadow:20px 0 50px #0000004d}.main-content{width:100%;min-height:100vh;height:auto;overflow:visible}.btn-menu-mobile{display:block;padding:.5rem}.sidebar-logo{display:block!important}.nav-text,.section-title{display:block!important;opacity:1!important;width:auto!important}.sidebar-header{justify-content:center}.sidebar-collapsed .section-title:after{content:none}.content-scrollable{padding:1.5rem}.panel-title-mini{font-size:1.5rem}.btn-toggle-sidebar{display:none}}.search-card,.result-card{background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;padding:2rem;margin-bottom:2rem;border:1px solid #e2e8f0;max-width:800px;margin-left:auto;margin-right:auto}.card-header{margin-bottom:1.5rem;text-align:center}.card-title{font-size:1.4rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.card-description{color:#64748b;font-size:.95rem}.search-form{display:flex;flex-direction:column;gap:1.25rem;max-width:500px;margin:0 auto}.search-input-group{position:relative;display:flex;align-items:center}.search-input-group i{position:absolute;left:1rem;color:#94a3b8;font-size:1.1rem}.search-input-group input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e2e8f0;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#fff}.search-input-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.btn-search{background:linear-gradient(135deg,#005583,#004269);color:#fff;padding:1rem 2rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .2s;box-shadow:0 4px 6px -1px #00558333}.btn-search:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px #0055834d}.btn-search:disabled{opacity:.6;cursor:not-allowed}.result-card.not-found{text-align:center;border:1px dashed #f59e0b;background-color:#fffbeb;padding:2rem}.result-card.found{border:1px solid #e2e8f0;border-left:5px solid #10b981;background-color:#fff;padding:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.result-card.found .result-title{background:#f0fdf4;color:#166534;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #ecfdf5}.result-card.found .result-icon{display:none}.user-details{background:#fff;padding:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;text-transform:uppercase;color:#64748b;font-weight:600;letter-spacing:.05em}.detail-value{font-size:1rem;color:#1e293b;font-weight:500;word-break:break-word}.result-card.found .btn-generate-code{margin:0 1.5rem 1.5rem;width:auto;display:inline-flex}.background-visual-fixed{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;opacity:.35}.content-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.content-scrollable{position:relative;background:transparent!important}.stats-row-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stats-card-premium{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #1f268712}.stats-card-premium:hover{transform:translateY(-5px);background:#ffffffd9;box-shadow:0 12px 40px -5px #00558326;border-color:#ffffff80}.stats-icon-circle{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0;transition:all .3s ease}.stats-card-premium.blue .stats-icon-circle{background:linear-gradient(135deg,#005583,#0077b6);color:#fff;box-shadow:0 8px 20px -5px #00558366}.stats-card-premium.green .stats-icon-circle{background:linear-gradient(135deg,#22c55e,#10b981);color:#fff;box-shadow:0 8px 20px -5px #22c55e66}.stats-card-premium.yellow .stats-icon-circle{background:linear-gradient(135deg,#eab308,#f59e0b);color:#fff;box-shadow:0 8px 20px -5px #eab30866}.stats-info{display:flex;flex-direction:column}.stats-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stats-number{font-size:1.75rem;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.02em}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.view-header h2{color:#002d52;font-size:1.5rem;margin:0}.filter-input{padding:.8rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.9rem;width:300px;outline:none;transition:all .2s}.filter-input:focus{border-color:#004b8d;box-shadow:0 0 0 3px #004b8d1a}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:#f8fafc;padding:1rem;text-align:left;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem}.data-table tr:hover td{background-color:#f8fafc}.code-badge{background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;font-family:monospace;color:#0f172a;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.success{background-color:#dcfce7;color:#166534}.status-badge.pending{background-color:#fef9c3;color:#854d0e}.panel-welcome-section-premium{margin-bottom:2.5rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#fff6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px -5px #0000000d}@media(max-width:1024px){.panel-welcome-section-premium{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:1.5rem}.quick-actions-flex{width:100%;justify-content:stretch}.premium-action-card{flex:1}}.panel-title-premium{font-size:2.25rem;font-weight:800;color:#002d52;margin:0;letter-spacing:-.04em;line-height:1.1}.panel-subtitle-premium{color:#475569;font-size:1rem;margin-top:.5rem;font-weight:500}.quick-actions-flex{display:flex;gap:1rem}.premium-action-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d}.premium-action-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a;border-color:#005583}.action-card-icon{width:48px;height:48px;border-radius:1rem;background:#f1f5f9;color:#005583;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s}.premium-action-card:hover .action-card-icon{background:#005583;color:#fff}.action-card-text{display:flex;flex-direction:column;text-align:left}.action-card-title{font-weight:700;color:#1e293b;font-size:.95rem}.action-card-desc{font-size:.75rem;color:#64748b}.dashboard-grid-premium{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}@media(max-width:1200px){.dashboard-grid-premium{grid-template-columns:1fr}}.dashboard-secondary-charts{display:flex;flex-direction:column;gap:1.5rem}.glass-card{background:#ffffff73!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important}.score-card{display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}.score-display{width:100%;margin-top:1rem}.score-value-container{margin-bottom:1rem}.score-number{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#005583,#00b4d8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.score-unit{font-size:1rem;font-weight:700;color:#64748b;margin-left:.25rem}.score-progress-bg{width:100%;height:12px;background:#0000000d;border-radius:10px;overflow:hidden;margin-bottom:.75rem;position:relative}.score-progress-bar{height:100%;background:linear-gradient(90deg,#005583,#00b4d8);border-radius:10px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00b4d866}.score-footer{font-size:.75rem;font-weight:500;color:#94a3b8;margin:0}.chart-container-premium{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:2rem;border-radius:24px;border:1px solid rgba(255,255,255,.3);box-shadow:0 10px 30px -10px #00000014}.chart-header-premium{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.chart-title-premium{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.chart-subtitle-premium{font-size:.9rem;color:#64748b;margin:.25rem 0 0}.chart-legend-premium{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:#475569;padding:.5rem 1rem;background:#f8fafc;border-radius:2rem}.legend-dot{width:8px;height:8px;border-radius:50%;background:#005583}.premium-search-container{background:linear-gradient(135deg,#002d52,#001a35);padding:2rem;border-radius:1.5rem;color:#fff;margin-bottom:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.search-header-premium{display:flex;gap:1.25rem;align-items:center;margin-bottom:1.75rem}.search-icon-circle{width:50px;height:50px;background:#ffffff1a;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-text-premium h3{margin:0;font-size:1.2rem;font-weight:700}.search-text-premium p{margin:.2rem 0 0;font-size:.85rem;color:#fff9}.search-input-wrapper-premium{position:relative;display:flex;align-items:center}.search-input-wrapper-premium input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:1rem 3.5rem 1rem 1.25rem;border-radius:1rem;color:#fff;font-size:1rem;transition:all .3s}.search-input-wrapper-premium input:focus{background:#ffffff1a;border-color:#00b4d8;outline:none;box-shadow:0 0 0 4px #00b4d833}.btn-search-premium{position:absolute;right:.5rem;width:38px;height:38px;border-radius:.75rem;background:#00b4d8;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-search-premium:hover:not(:disabled){background:#0077b6;transform:scale(1.05)}.btn-search-premium:disabled{opacity:.5;cursor:not-allowed}.premium-alert-card{background:#fef2f2;border:1px solid #fee2e2;border-radius:1.25rem;padding:1.5rem}.alert-header-premium{display:flex;align-items:center;gap:.75rem;color:#ef4444;font-weight:700;margin-bottom:.75rem}.btn-premium-action-full{width:100%;margin-top:1rem;padding:1rem;border-radius:1rem;background:#ef4444;color:#fff;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.btn-premium-action-full:hover{background:#dc2626;box-shadow:0 10px 15px -3px #dc262633}.premium-user-profile{background:#fff;border-radius:1.5rem;padding:2rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000000d}.profile-header-premium{display:flex;align-items:center;gap:1.25rem;margin-bottom:1.75rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.profile-avatar-premium{width:64px;height:64px;border-radius:1.5rem;background:linear-gradient(135deg,#005583,#00b4d8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;box-shadow:0 10px 15px -5px #0055834d}.profile-names-premium h4{margin:0;font-size:1.25rem;font-weight:800;color:#1e293b}.result-actions{display:flex;flex-direction:column;gap:1rem;width:100%}.btn-generate-another{width:100%;padding:1.25rem;background:#fff;color:#005583;border:2px solid #005583;border-radius:1.25rem;font-weight:800;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s}.btn-generate-another:hover{background:#0055830d;transform:translateY(-2px)}.btn-finish{width:100%;padding:1.25rem;background:#64748b;color:#fff;border:none;border-radius:1.25rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s}.btn-finish:hover{background:#475569}.profile-details-grid{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.detail-item-premium{display:flex;align-items:center;gap:1rem}.detail-item-premium i{width:36px;height:36px;border-radius:.75rem;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center}.detail-item-premium .label{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;font-weight:600}.detail-item-premium .value{display:block;font-size:.95rem;color:#334155;font-weight:700}.btn-generate-premium-big{width:100%;padding:1.25rem;border-radius:1.25rem;background:linear-gradient(to right,#005583,#003a5c);color:#fff;border:none;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px -5px #00558366;letter-spacing:.02em}.btn-generate-premium-big:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #00558380;background:linear-gradient(to right,#006da8,#005583)}@media(max-width:1100px){.dashboard-grid-premium{grid-template-columns:1fr}.panel-welcome-section-premium{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.stats-row-premium{grid-template-columns:1fr;gap:1rem}.stats-card-premium{padding:.5rem}.stats-label{font-size:.65rem}.stats-number{font-size:1rem}.stats-icon-circle{width:50px;height:50px}.panel-title-premium{font-size:2rem}.quick-actions-flex{width:100%;flex-direction:column}.premium-action-card{width:100%}}@media(min-width:769px)and (max-width:1024px){.stats-row-premium{grid-template-columns:repeat(3,1fr);gap:1rem}.stats-card-premium{padding:1.25rem}.stats-label{font-size:.65rem}.stats-number{font-size:1.5rem}.quick-actions-flex{flex-direction:row;gap:1rem}.premium-action-card{flex:1}}.modal-overlay-premium{position:fixed;inset:0;background:#001529bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1.5rem;overflow-y:auto}.modal-container-premium{background:#fff;width:100%;max-width:800px;border-radius:2rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.modal-header-premium{padding:2rem;background:linear-gradient(135deg,#002d52,#001a35);color:#fff;display:flex;justify-content:space-between;align-items:center}.modal-header-text h3{margin:0;font-size:1.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-family:Gotham,sans-serif!important}.modal-header-text p{margin:.5rem 0 0;font-size:.9rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.btn-close-modal{background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.btn-close-modal:hover{background:#ef4444;transform:rotate(90deg)}.modal-body-premium{padding:2rem}.modal-search-form{margin-bottom:2rem}.modal-input-group{position:relative;display:flex;align-items:center}.modal-input-group input{width:100%;padding:1.5rem 5rem 1.5rem 1.5rem;border:2px solid #e2e8f0;background:#fff;border-radius:1.5rem;font-size:1.25rem;font-weight:700;transition:all .3s;color:#1e293b}.modal-input-group input:focus{outline:none;border-color:#005583;background:#fff;box-shadow:0 0 0 4px #0055831a}.modal-input-group button{position:absolute;right:.75rem;width:55px;height:55px;border-radius:1.25rem;background:#005583;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-input-group button:hover:not(:disabled){background:#00b4d8;transform:scale(1.05)}.modal-result-card{padding:2rem;border-radius:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.modal-result-card.error{background:#fff1f2;border:1px solid #fecdd3}.modal-result-card.success{background:#f0fdf4;border:1px solid #dcfce7}.result-icon-mini{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:.5rem}.result-icon-mini.red{background:#ef4444;color:#fff}.result-icon-mini.green{background:#10b981;color:#fff}.result-info h4{margin:0;font-size:1.6rem;font-weight:900;color:#1e293b;text-transform:uppercase;font-family:Gotham,sans-serif!important}.result-info p{margin:.25rem 0 0;color:#64748b;font-weight:600;text-transform:uppercase;font-size:.85rem}.doc-tag{display:inline-block;margin-top:.75rem;padding:.4rem 1rem;background:#005583;color:#fff;border-radius:2rem;font-size:.9rem;font-weight:700}.modal-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.m-detail{background:#ffffff80;padding:1rem;border-radius:1rem;display:flex;flex-direction:column}.m-detail span{font-size:.75rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.08em;font-weight:700}.m-detail strong{font-size:1rem;color:#1e293b;text-transform:uppercase;font-family:Gotham,sans-serif!important}.btn-modal-action-blue{width:100%;padding:1.25rem;background:linear-gradient(to right,#005583,#003a5c);color:#fff;border:none;border-radius:1.25rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;box-shadow:0 10px 20px -5px #00558366;text-transform:uppercase;letter-spacing:.05em}.btn-modal-action-blue:hover{transform:translateY(-3px);box-shadow:0 15px 30px -5px #00558380}.btn-modal-action-red{width:100%;padding:1.25rem;background:#ef4444;color:#fff;border:none;border-radius:1.25rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.btn-modal-action-red:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 10px 15px #ef44444d}.modal-footer-premium{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end}.btn-modal-cancel{padding:.75rem 2rem;background:#f1f5f9;border:1px solid #cbd5e1;color:#475569;border-radius:.75rem;font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-modal-cancel:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8}.dashboard-chart-section.full-width{grid-column:span 2}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:1100px){.dashboard-chart-section.full-width{grid-column:span 1}}.generar-code-container{max-width:1000px;margin:0 auto;padding:1rem}.steps-container{display:flex;justify-content:center;align-items:center;margin-bottom:3rem;position:relative;z-index:2}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:2}.step-circle{width:50px;height:50px;border-radius:50%;background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#475569;transition:all .3s ease;box-shadow:0 4px 6px #0000000d}.step-item.active .step-circle{background:#005583;border-color:#005583;color:#fff;box-shadow:0 0 15px #00558366}.step-item.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff}.step-label{font-size:.85rem;font-weight:600;color:#475569;text-shadow:0 1px 2px rgba(255,255,255,.8)}.step-line{flex:1;height:3px;background:#ffffff4d;margin:0 1rem 1.5rem;max-width:100px;border-radius:2px}.step-line.filled{background:#10b981}.action-card,.unified-card,.result-card-final{background:#ffffffa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #1f26871a;text-align:center;animation:slideUp .4s ease-out}.card-header-center h2{color:#002d52;font-size:1.8rem;margin-bottom:.5rem}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#005583,#0096c7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto 1.5rem;box-shadow:0 10px 20px #0055834d}.unified-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,50,100,.1);text-align:left}.icon-badge{width:48px;height:48px;background:#0055831a;color:#005583;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.unified-content{display:grid;grid-template-columns:1fr 1px 1fr;gap:2rem;align-items:start}.divider-vertical{width:1px;height:100%;background:#0000001a}.code-display-box{background:#ffffff80;border:2px dashed #005583;border-radius:16px;padding:1.5rem;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}@media(max-width:768px){.unified-content{grid-template-columns:1fr}.divider-vertical{width:100%;height:1px;margin:1rem 0}}.ranking-filters-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.filter-header{display:flex;align-items:center;gap:.75rem;color:#005583;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.filter-body{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.date-input{padding:.75rem;border:1px solid #cbd5e1;border-radius:.5rem;font-family:inherit;color:#334155}.btn-filter-apply{padding:.75rem 1.5rem;background:#005583;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-filter-apply:hover{background:#00446b}.rank-badge{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#f1f5f9;font-weight:700;font-size:.85rem;color:#64748b}.rank-1{background:#fbbf24;color:#fff;box-shadow:0 2px 5px #fbbf2466}.rank-2{background:#94a3b8;color:#fff}.rank-3{background:#b45309;color:#fff}.hover-row{cursor:pointer;transition:background .2s}.hover-row:hover{background-color:#f8fafc!important}.btn-icon-view{background:#0055831a;color:#005583;border:none;width:32px;height:32px;border-radius:8px;cursor:pointer;transition:all .2s}.btn-icon-view:hover{background:#005583;color:#fff}.toggle-container-premium{display:inline-flex;background:#e2e8f0;border-radius:50px;padding:4px;position:relative;margin-bottom:1.5rem;box-shadow:inset 0 2px 4px #0000000f}.toggle-btn-premium{padding:10px 24px;border-radius:50px;border:none;background:transparent;color:#64748b;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.toggle-btn-premium:hover{color:#334155}.toggle-btn-premium.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 6px -1px #0369a14d}.toggle-btn-premium:focus{outline:none}.filter-input-container{animation:fadeIn .4s ease-out}.glass-card{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;box-shadow:0 10px 30px -5px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{box-shadow:0 20px 40px -5px #0000001a}.premium-input{width:100%;padding:.875rem 1.25rem;border:1px solid #e2e8f0;border-radius:1rem;background-color:#f8fafc;color:#0f172a!important;font-weight:500;font-size:.95rem;transition:all .2s ease}.premium-input::placeholder{color:#94a3b8}.premium-input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 4px #3b82f626}.premium-label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.5rem}.tabla-premium thead th{background-color:#f8fafc;color:#475569;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;border-bottom:2px solid #e2e8f0;padding:1rem 1.5rem}.tabla-premium tbody td{padding:1rem 1.5rem;color:#334155;border-bottom:1px solid #f1f5f9}.tabla-premium tbody tr:last-child td{border-bottom:none}.tabla-premium tbody tr:hover{background-color:#f0f9ff}@font-face{font-family:Gotham;src:url(/assets_juego/fonts/Gotham%20Condensed%20Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Gotham;src:url(/assets_juego/fonts/Gotham%20Condensed%20Book.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}body,html,#root,.App,[class*=Asesor],.asesor-page,.asesor,.panel-asesor,.login-asesor,.registro-usuario,.generar-codigo,.validar-codigo-ciudad{font-family:Gotham,Arial,sans-serif!important}.generar-code-container{max-width:1200px;margin:0 auto;padding:2rem}.generar-code-container.lean-mode-camera{padding:1rem;max-width:100%}.generar-code-container.lean-mode-camera *:not(.scan-line-v2):not(.fas):not(.bar-ai):not(.ai-processing-text):not(.btn-capture-v2):not(.file-input):not(.unified-card):not(.unified-content):not(.upload-section):not(.code-section):not(.code-display-box):not(.code-main):not(.upload-form){animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.lean-mode-camera .steps-container,.lean-mode-camera footer,.lean-mode-camera .dashboard-footer{display:none!important}.generar-code-container.lean-mode-camera .unified-card,.generar-code-container.lean-mode-camera .action-card{box-shadow:none!important;border:1px solid #e2e8f0!important}.generar-code-container.lean-mode-camera .icon-circle,.generar-code-container.lean-mode-camera .icon-badge,.generar-code-container.lean-mode-camera .btn-generate-primary,.generar-code-container.lean-mode-camera .verify-btn{box-shadow:none!important;background:#005583!important}.sidebar-hidden-forced{display:block}.main-content.no-sidebar{margin-left:0!important;width:100%!important}@media(max-width:1024px){.main-content.no-sidebar{padding-left:0!important}}.steps-container{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;padding:0 1rem}.step-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:0 0 auto;position:relative;z-index:2}.step-circle{width:50px;height:50px;border-radius:50%;background-color:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:all .3s;border:4px solid #fff;box-shadow:0 4px 6px -1px #0000001a}.step-item.completed .step-circle{background:#10b981;color:#fff}.step-label{font-size:.85rem;color:#94a3b8;font-weight:600;text-align:center;transition:color .3s;text-transform:uppercase}.step-item.active .step-label{color:#1e293b}.step-line{width:80px;height:4px;background-color:#e2e8f0;margin:0 -10px;z-index:1;position:relative;top:-15px}.step-line.filled{background:linear-gradient(90deg,#10b981,#3b82f6)}.cards-wrapper{display:flex;justify-content:center;width:100%}.action-card{background:#fff;border-radius:1.5rem;padding:3rem 2rem;text-align:center;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #0000001a;width:100%;max-width:600px;animation:slideUp .5s ease-out}.card-header-center{margin-bottom:2rem}.icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#3b82f6;margin:0 auto 1.5rem}.pulse{animation:pulse-light 2s infinite}@keyframes pulse-light{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.action-card h2{font-size:1.75rem;color:#1e293b;margin-bottom:.5rem;text-transform:uppercase}.action-card p{color:#64748b}.btn-generate-primary{background:linear-gradient(135deg,#005583,#003a5c);color:#fff;padding:1rem 2.5rem;border-radius:.75rem;font-weight:900;font-size:1.1rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s;box-shadow:0 4px 12px #0055834d;text-transform:uppercase}.btn-generate-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb66}.btn-generate-primary:disabled{opacity:.7;cursor:wait}.upload-form .verify-btn{background:linear-gradient(135deg,#005583,#003a5c)!important;color:#fff!important;padding:1.25rem 2rem;border-radius:1rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .3s;box-shadow:0 10px 20px -5px #0055834d!important;text-transform:uppercase;border:none}.btn-test-ia{background:#f1f5f9!important;color:#005583!important;border:2px solid #005583!important;padding:1.25rem 2rem;border-radius:1rem;font-weight:900;text-transform:uppercase;transition:all .3s}.btn-test-ia:hover{background:#e2e8f0!important;transform:translateY(-2px)}.unified-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #0000001a;width:100%;max-width:900px;overflow:hidden;margin:0 auto}.unified-header{background:#f8fafc;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #e2e8f0;font-weight:700}.icon-badge{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 6px #2563eb33}.unified-header h3{margin:0;font-size:1.25rem;color:#1e293b;text-transform:uppercase}.unified-header p{margin:2px 0 0;font-size:.9rem;color:#64748b;text-transform:uppercase}.unified-content{display:flex;flex-direction:column;padding:2rem;gap:2rem}@media(min-width:768px){.unified-content{flex-direction:row;align-items:flex-start}}.code-section{flex:1;display:flex;flex-direction:column;gap:1rem;width:100%}.code-section label,.upload-section label{font-weight:600;color:#334155;font-size:.95rem;display:block;margin-bottom:.5rem;text-transform:uppercase}.code-display-box{background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.code-display-box:hover{border-color:#3b82f6;background:#eff6ff}.code-main{font-family:Courier New,monospace;font-size:2rem;font-weight:800;color:#1e293b;letter-spacing:2px}.btn-copy-icon{background:#fff;border:1px solid #e2e8f0;width:40px;height:40px;border-radius:8px;cursor:pointer;color:#64748b;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-copy-icon:hover{color:#3b82f6;border-color:#3b82f6}.hint-text{font-size:.85rem;color:#64748b;display:flex;align-items:center;gap:.5rem;font-weight:700;background:#fffbeb;padding:.75rem;border-radius:8px;border:1px solid #fcd34d;color:#92400e;text-transform:uppercase}.hint-text i{color:#f59e0b}.divider-vertical{width:1px;background:#e2e8f0;align-self:stretch;display:none}@media(min-width:768px){.divider-vertical{display:block}}.upload-section{flex:1.5;width:100%}.btn-capture-v2{background:#005583;color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00558333;text-transform:uppercase}.btn-capture-v2:hover{background:#00446b;transform:translateY(-2px);box-shadow:0 6px 15px #0055834d}.preview-below-container{margin-top:1.5rem;text-align:left;animation:fadeIn .4s ease-out}.generic-preview-label{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;display:flex;align-items:center;gap:12px;cursor:default;transition:all .2s ease;color:#005583;font-weight:700;box-shadow:0 4px 6px -1px #0000000d}.generic-preview-label:hover{background:#f1f5f9;border-color:#cbd5e1}.generic-preview-label i{font-size:1.2rem}.user-display-info{margin-bottom:2rem;padding:1rem;background:#f0f9ff;border-radius:12px;border-left:4px solid #3b82f6;color:#1e3a8a;font-weight:500}@keyframes scanMove{0%{top:-10%}50%{top:110%}to{top:-10%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ai-loading-overlay-v2{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff!important;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.scanning-container{width:100%;max-width:450px;min-height:250px;position:relative;overflow:hidden;border-radius:12px;background:#000;box-shadow:0 10px 30px #00000026;margin-bottom:2rem;display:flex;align-items:center;justify-content:center}.scanning-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.1) 1px,transparent 1px);background-size:20px 20px;z-index:5;pointer-events:none}.scan-image-under{width:100%;height:100%;object-fit:contain;opacity:.8}.scan-placeholder{width:100%;height:100%;background:#f1f5f9}.scan-line-v2{position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,transparent,#3b82f6,#60a5fa,#3b82f6,transparent);box-shadow:0 0 25px 4px #3b82f6cc;z-index:15;animation:scanMoveFull 2s ease-in-out infinite}@keyframes scanMoveFull{0%{top:0%}50%{top:98%}to{top:0%}}.scan-corners{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.corner{position:absolute;width:20px;height:20px;border:3px solid #3b82f6}.corner.tl{top:10px;left:10px;border-right:none;border-bottom:none}.corner.tr{top:10px;right:10px;border-left:none;border-bottom:none}.corner.bl{bottom:10px;left:10px;border-right:none;border-top:none}.corner.br{bottom:10px;right:10px;border-left:none;border-top:none}.ai-loading-status{text-align:center}.ai-processing-text{font-family:Gotham,Montserrat,sans-serif;font-weight:900;font-size:1.5rem;color:#1e293b;margin-bottom:.5rem;letter-spacing:1px;animation:pulse-text 1.5s ease-in-out infinite;text-transform:uppercase}@keyframes pulse-text{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.ai-sub-text{color:#64748b;font-size:1.1rem;text-transform:uppercase}@keyframes pulse-slow{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes bar-bounce{0%{height:10px}to{height:40px}}.generar-header{background:linear-gradient(135deg,var(--polar-red) 0%,var(--polar-red-dark) 100%);color:#fff;padding:3rem 2rem;text-align:center;position:relative;overflow:hidden}.generar-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.generar-header-content{max-width:800px;margin:0 auto}.generar-title{font-size:2rem;font-weight:900;margin-bottom:.5rem;text-transform:uppercase}.generar-subtitle{font-size:1rem;opacity:.9}.generar-content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.steps-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:3rem;padding:0 1rem}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:0 0 auto}.step-circle{width:50px;height:50px;border-radius:50%;background-color:#e2e8f0;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:all .3s}.step.active .step-circle{background:var(--polar-red);color:#fff;transform:scale(1.1);box-shadow:0 0 0 4px var(--polar-red-light)}.step.completed .step-circle{background:#10b981;color:#fff}.step-label{font-size:.75rem;color:#94a3b8;font-weight:600;text-align:center}.step.active .step-label{color:#1e293b}.step-line{width:60px;height:2px;background-color:#e2e8f0;margin:0 .5rem}.validation-card{background:linear-gradient(145deg,#fff,#f1f8ff);border-radius:1.5rem;padding:3rem 2rem;text-align:center;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #0000000d,inset 0 0 0 1px #ffffff80;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.validation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#005583,#00b4d8)}.validation-card:after{content:"";position:absolute;top:-50px;left:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(0,180,216,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.scanner-container{position:relative;width:140px;height:140px;background:#fff;border-radius:2rem;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 25px #3b82f626,inset 0 0 20px #3b82f60d;border:1px solid rgba(255,255,255,.8)}.scanner-target{font-size:4rem;color:#cbd5e1;display:flex;align-items:center;justify-content:center}.scanner-line{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);box-shadow:0 0 15px #3b82f6;animation:scan 1.5s cubic-bezier(.4,0,.2,1) infinite;z-index:10}.scanner-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.15),transparent 70%);animation:pulse-glow 2s ease-in-out infinite;pointer-events:none}@keyframes scan{0%{top:-10%;opacity:0}15%{opacity:1}85%{opacity:1}to{top:110%;opacity:0}}@keyframes pulse-glow{0%{transform:scale(.8);opacity:.3}50%{transform:scale(1.1);opacity:.8}to{transform:scale(.8);opacity:.3}}.validating-title{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem}.validating-text{color:#64748b;font-size:1.1rem}.generate-code-section{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem 0}.btn-generate-code{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1.25rem 3rem;border-radius:.75rem;font-size:1.125rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.btn-generate-code:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.btn-generate-code:disabled{opacity:.7;cursor:not-allowed}.btn-generate-code i{font-size:1.25rem}.code-info{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.code-info i{color:#3b82f6}.codigo-display-small{background:linear-gradient(135deg,#10b981,#059669);padding:1rem 2rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;justify-content:center;margin-top:1rem;box-shadow:0 4px 12px #10b9814d}.codigo-display-small i{font-size:1.5rem;color:#fff}.codigo-display-small .codigo-value{font-size:1.75rem;font-weight:900;color:#fff;letter-spacing:.1em;font-family:Courier New,monospace}.divider{height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent);margin:2rem 0}.header-icon{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1rem;box-shadow:0 4px 12px #3b82f64d}.header-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.error-card{background:linear-gradient(145deg,#fff5f5,#fff);border-radius:1.5rem;padding:3rem 2rem;text-align:center;box-shadow:0 4px 15px #ef44441a,inset 0 0 0 1px #fff9;border:1px solid rgba(239,68,68,.1)}.error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 1.5rem;box-shadow:0 4px 12px #ef44444d}.error-title{font-size:1.75rem;font-weight:800;color:#dc2626;margin-bottom:.75rem;letter-spacing:-.02em;text-transform:uppercase}.error-text{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.codigo-reminder{background:#fef3c7;border:2px solid #f59e0b;border-radius:.5rem;padding:1rem;margin:1.5rem 0;display:flex;flex-direction:column;gap:.5rem;align-items:center}.codigo-reminder i{color:#f59e0b;font-size:1.25rem}.codigo-reminder span{color:#78350f;font-size:.875rem}.codigo-reminder strong{font-size:1.25rem;font-family:Courier New,monospace;letter-spacing:.05em}.estado-pendiente{color:#dc2626!important;font-weight:600}.btn-retry{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:.875rem 2rem;border-radius:.5rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;margin-top:1rem}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.validating-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #00000014;padding:3rem 2rem;text-align:center}.validating-icon{font-size:5rem;color:#3b82f6;margin-bottom:1.5rem}.validating-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;text-transform:uppercase}.validating-text{color:#64748b;margin-bottom:2rem}.progress-bar{width:100%;height:8px;background-color:#e2e8f0;border-radius:1rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1e40af);width:0;animation:progress 1.5s ease-in-out forwards}@keyframes progress{to{width:100%}}.codigo-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 12px #00000014;padding:2rem;text-align:center}.codigo-icon{width:100px;height:100px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;margin-bottom:1.5rem;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.codigo-title{font-size:2rem;font-weight:900;color:#1e293b;margin-bottom:2rem;text-transform:uppercase}.codigo-display{margin:2rem 0}.codigo-badge{display:inline-flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:1.5rem 2rem;border-radius:1rem;font-size:1.5rem;font-weight:900;letter-spacing:.05em}.codigo-value{font-family:Courier New,monospace}.codigo-details{background-color:#f8fafc;border-radius:1rem;padding:1.5rem;margin:2rem 0;text-align:left}.detail-item{display:flex;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-item i{color:#3b82f6;font-size:1.125rem}.codigo-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-new-code,.btn-finish,.btn-retry{padding:1rem 2rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;text-transform:uppercase}.btn-new-code{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff}.btn-new-code:hover{transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.btn-finish{background-color:#f1f5f9;color:#64748b}.btn-finish:hover{background-color:#e2e8f0}.btn-retry{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 10px 20px #fbbf244d}.codigo-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;color:#64748b;font-size:.875rem}.codigo-info i{color:#3b82f6}@media(min-width:768px){.generar-header{padding:3rem 2rem}.generar-title{font-size:3rem}.generar-content{padding:3rem 2rem}.step-label{font-size:.875rem}.step-line{width:100px}.codigo-actions{flex-direction:row}}.error-message{background-color:#ef44441a;border:1px solid #ef4444;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.comparacion-detalles{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.comparacion-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px dashed rgba(245,158,11,.3)}.comparacion-item:last-child{border-bottom:none}.comparacion-item i{color:#b45309;font-size:1.1rem;width:24px;text-align:center}.comparacion-label{font-weight:600;color:#92400e;min-width:140px}.comparacion-value{font-family:Courier New,monospace;font-weight:700;font-size:1.1rem;padding:.25rem .75rem;border-radius:6px}.comparacion-value.esperado{background-color:#dcfce7;color:#166534;border:1px solid #22c55e}.comparacion-value.encontrado{background-color:#fee2e2;color:#dc2626;border:1px solid #ef4444}.comparacion-value.similitud{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}@media(max-width:768px){.generar-code-container{padding:1rem;width:100%;overflow-x:hidden}.steps-container{padding:0;margin-bottom:2rem;transform:scale(.9)}.step-line{width:30px;margin:0 -5px}.step-circle{width:40px;height:40px;font-size:1.5rem}.unified-card,.action-card{border-radius:1rem;padding:1.5rem 1rem;width:100%;max-width:100%}.verification-section{grid-template-columns:1fr;gap:1.5rem}.upload-area,.result-area{width:100%}.btn-generate-primary{width:100%;justify-content:center;padding:1rem}}.final-success-text{font-size:1.1rem;color:#15803d;font-weight:500;margin:1.5rem auto;padding:1rem;background-color:#f0fdf4;border-radius:8px;border:1px solid #bbf7d0;max-width:80%;line-height:1.5;text-transform:uppercase}.titulo-principal,h1{font-family:Gotham,Montserrat,Segoe UI,Arial,sans-serif!important;font-size:2.5rem;font-weight:900;color:#1e293b;letter-spacing:-1px;margin-bottom:.5em;line-height:1.1;text-transform:uppercase}.titulo-secundario,h2{font-family:Gotham,Montserrat,Segoe UI,Arial,sans-serif!important;font-size:1.75rem;font-weight:700;color:#3b82f6;line-height:1.2;text-transform:uppercase}.titulo-terciario,h3{font-family:Gotham,Montserrat,Segoe UI,Arial,sans-serif!important;font-size:1.25rem;font-weight:600;color:#64748b;margin-bottom:.5em;line-height:1.3;text-transform:uppercase}.titulo-principal{text-shadow:0 2px 8px rgba(59,130,246,.08)}.titulo-gradiente{background:linear-gradient(90deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}@keyframes pulse-slow{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 10px rgba(0,85,131,.4))}to{transform:scale(1);opacity:.8}}@keyframes bar-bounce{0%{transform:scaleY(1);opacity:.5}to{transform:scaleY(1.8);opacity:1}}.preview-mini-card{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.btn-take-photo:hover{background:#00446b!important;transform:translateY(-2px)}.asesor-page{min-height:100vh;background-color:#f8fafc}.navbar-asesor{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background-color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 4px 6px -1px #0000001a;border-bottom:1px solid #e2e8f0;max-width:1400px;margin:0 auto;width:100%}.brand-logo{height:40px;width:auto;object-fit:contain}.btn-back{color:#64748b;background:none;border:none;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:color .2s}.btn-back:hover{color:var(--polar-red)}.btn-back span{display:none}.asesor-header{background:linear-gradient(135deg,var(--polar-red) 0%,var(--polar-red-dark) 100%);color:#fff;padding:3rem 2rem;max-width:1400px;margin:0 auto;width:100%;position:relative;overflow:hidden}.asesor-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.asesor-header-content{max-width:900px;margin:0 auto;text-align:center}.header-icon{width:64px;height:64px;background-color:#fff3;border-radius:1rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.header-icon i{font-size:2rem}.asesor-title{font-size:1.875rem;font-weight:900;margin-bottom:.75rem}.asesor-subtitle{color:var(--polar-red-light);font-size:.875rem;font-weight:300;opacity:.9}.asesor-content{max-width:1100px;margin:0 auto;padding:1rem;width:100%}.validation-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;padding:1.5rem;margin-bottom:1.5rem}.card-header{margin-bottom:1.5rem}.card-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.card-title i{color:#005583}.card-description{color:#64748b;font-size:.875rem;margin:0}.result-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #f1f5f9;padding:1.5rem;margin-bottom:2rem}.result-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.result-title i{color:#10b981}.info-steps{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}.step-card{border-radius:1rem;padding:1.25rem;text-align:center}.step-capture{background-color:var(--polar-red-light);border:1px solid #fecaca}.step-write{background-color:#f0fdf4;border:1px solid #dcfce7}.step-validate{background-color:#fef3c7;border:1px solid #fde68a}.step-icon{width:48px;height:48px;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;margin-bottom:.75rem}.step-capture .step-icon{background-color:var(--polar-red)}.step-write .step-icon{background-color:#16a34a}.step-validate .step-icon{background-color:#ca8a04}.step-title{font-weight:700;color:#1e293b;margin-bottom:.25rem;font-size:.95rem}.step-text{font-size:.75rem;color:#64748b;margin:0}@media(min-width:768px){.navbar-asesor{padding:1.5rem 3rem}.btn-back span{display:inline}.asesor-header{padding:4rem 3rem}.asesor-title{font-size:3rem}.asesor-subtitle{font-size:1.125rem}.asesor-content{padding:3rem}.validation-card,.result-card{padding:2rem}.card-title,.result-title{font-size:1.5rem}.info-steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1024px){.navbar-asesor{padding:1.5rem 4rem}.asesor-header{padding:5rem 4rem}.asesor-title{font-size:3.5rem}.asesor-content{max-width:1200px;padding:4rem}.validation-card,.result-card{padding:2.5rem}.card-title,.result-title{font-size:1.75rem}.card-description{font-size:1rem}.info-steps{gap:2rem}.step-card{padding:2rem}}@media(min-width:1440px){.navbar-asesor{padding:1.5rem 5rem}.asesor-header{padding:6rem 5rem}.asesor-title{font-size:4rem}.header-icon{width:80px;height:80px}.header-icon i{font-size:2.5rem}.asesor-content{max-width:1300px;padding:5rem}.validation-card,.result-card{padding:3rem}}@media(orientation:portrait)and (min-height:1024px){.asesor-header{padding:5rem 2rem}.asesor-title{font-size:3.5rem}.info-steps{grid-template-columns:1fr;max-width:500px;margin:2rem auto}.step-card{padding:2rem}.step-icon{width:64px;height:64px;font-size:1.75rem}.step-title{font-size:1.25rem}.step-text{font-size:.95rem}}.registro-page{min-height:100vh;background-color:#f8fafc}.registro-container{max-width:900px;width:100%;margin:0 auto;padding:2rem 1rem}.registro-card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:3rem 2.5rem;border:1px solid #e2e8f0;min-height:600px;width:100%;box-sizing:border-box}.registro-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #f1f5f9}.registro-icon{width:90px;height:90px;background:linear-gradient(135deg,#005583,#003049);border:none;border-radius:2rem;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;margin-bottom:1.5rem;box-shadow:0 10px 20px #00558333}.registro-title{font-size:2.2rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;letter-spacing:-.02em}.registro-subtitle{color:#64748b;font-size:1.1rem}.registro-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1rem}.registro-form .form-group{display:flex;flex-direction:column;gap:.5rem}.registro-form .form-group label{font-size:.875rem;font-weight:600;color:#292a2c;display:flex;align-items:center;gap:.5rem}.registro-form .form-group label i{color:#0081c3}.registro-form .form-group input,.registro-form .form-group textarea{padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s;background-color:#fff!important;color:#0f172a!important;min-height:48px;height:auto}.registro-form .form-group input::placeholder,.registro-form .form-group textarea::placeholder{color:#94a3b8}.registro-form .form-group input:focus,.registro-form .form-group textarea:focus{outline:none;border-color:#005583;box-shadow:0 0 0 4px #0055831a;background-color:#fff!important}.registro-form .form-group input.error{border-color:#ef4444}.registro-form .form-group input:disabled,.registro-form .form-group textarea:disabled{background-color:#f8fafc;cursor:not-allowed}.registro-form .error-text{color:#ef4444;font-size:.75rem;margin-top:-.25rem}.registro-form .form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel{flex:1;padding:1rem;background-color:#f1f5f9;color:#64748b;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-cancel:hover{background-color:#e2e8f0}.btn-register{flex:2;padding:1rem;background:linear-gradient(135deg,#005583,#003049);color:#fff;border:none;border-radius:.75rem;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 6px #00558333}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #0055834d;background:linear-gradient(135deg,#069,#004060)}.terms-container{margin-bottom:2rem;padding:0 1rem}.checkbox-label{display:flex;align-items:flex-start;gap:.8rem;cursor:pointer;font-size:.9rem;color:#555;line-height:1.4}.checkbox-label input[type=checkbox]{margin-top:3px;width:18px;height:18px;accent-color:#005aa9;cursor:pointer}.checkbox-label a{color:#005aa9;text-decoration:underline}.error-text.block-error{display:block;margin-top:.5rem;margin-left:2rem}.btn-register:disabled{opacity:.7;cursor:not-allowed}.section-title{color:#0f172a;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e2e8f0;padding-bottom:.75rem}.section-title i{color:#005583;background:#e0f2fe;padding:.5rem;border-radius:.5rem;font-size:1rem}.terms-section{padding:1rem 0}.checkbox-text{color:#64748b;font-size:.875rem}.checkbox-text a{color:#3b82f6;text-decoration:underline}.error-box{background-color:#ef44441a;border:1px solid #ef4444;color:#dc2626;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.loading-spinner{text-align:center;padding:3rem;color:#64748b;font-size:1rem}.registro-form .form-group select{padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:.5rem;font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s;background-color:#fff!important;color:#0f172a!important;cursor:pointer;min-height:48px;height:auto}.registro-form .form-group select:focus{outline:none;border-color:#005583;box-shadow:0 0 0 4px #0055831a}.registro-form .form-group select:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}@media(min-width:768px){.registro-container{padding:3rem 2rem}.registro-card{padding:3rem}.form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-row:has(.registro-form .form-group:only-child){grid-template-columns:1fr}}.checkbox-content-wrapper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.terms-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;margin-left:5px}.info-icon{color:#005583;cursor:pointer;font-size:1.1rem;transition:color .2s}.info-icon:hover{color:#0081c3}.tooltip-content{visibility:hidden;opacity:0;position:absolute;bottom:140%;left:50%;transform:translate(-50%);width:300px;background-color:#334155;color:#f8fafc;padding:1rem;border-radius:.75rem;font-size:.85rem;line-height:1.5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;transition:all .2s ease-in-out;pointer-events:none;text-align:left}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border-width:6px;border-style:solid;border-color:#334155 transparent transparent transparent}.terms-tooltip-wrapper:hover .tooltip-content,.terms-tooltip-wrapper:active .tooltip-content,.terms-tooltip-wrapper:focus-within .tooltip-content{visibility:visible;opacity:1;bottom:125%;pointer-events:auto}@media(max-width:640px){.tooltip-content{width:250px;left:auto;right:0;transform:none}.tooltip-content:after{left:auto;right:10px;margin-left:0}}.participaciones-container-premium{display:flex;flex-direction:column;gap:1.5rem}.filters-section-premium{padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,85,131,.05);margin-bottom:2rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.6rem}.filter-group label{font-size:.8rem;color:#64748b;font-weight:700;display:flex;align-items:center;gap:.5rem;text-transform:uppercase;letter-spacing:.5px}.filter-group label i{color:#005583}.premium-input{background:#f8fafc;border:1.5px solid #e2e8f0;padding:.65rem 1rem;border-radius:10px;font-size:.9rem;color:#1e293b;transition:all .2s ease;width:100%}.premium-input:focus{outline:none;border-color:#00b4d8;background:#fff;box-shadow:0 0 0 4px #00b4d81a}.filter-actions-horizontal{display:flex;gap:.75rem;grid-column:span 1}.filter-actions-horizontal .premium-btn{flex:1;font-size:.85rem;height:42px;justify-content:center}.table-section{padding:1.5rem}.tabla-premium{width:100%;border-collapse:separate;border-spacing:0 .5rem}.tabla-premium th{text-align:left;padding:.75rem 1rem;color:#64748b;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:1px}.tabla-premium td{background:#fff;padding:.6rem 1rem;margin-bottom:.25rem;border-top:1px solid rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.03);vertical-align:middle}.tabla-premium tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;border-left:1px solid rgba(0,0,0,.03)}.tabla-premium tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;border-right:1px solid rgba(0,0,0,.03)}.tabla-premium tr{transition:all .2s ease}.tabla-premium tr:hover td{background:#fdfdfd;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.rank-badge{background:#f1f5f9;color:#005583;padding:.25rem .5rem;border-radius:6px;font-weight:700;font-size:.85rem}.score-cell{color:#22c55e;font-weight:700}.fw-bold{font-weight:600;color:#1e293b}.action-btn-mini{background:#0055831a;color:#005583;border:none;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.action-btn-mini:hover{background:#005583;color:#fff}.empty-state{text-align:center;padding:3rem;color:#94a3b8;font-style:italic;background:transparent!important}.detail-list-premium{list-style:none;padding:0;display:flex;flex-direction:column;gap:.8rem}.detail-item{display:flex;align-items:center;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid rgba(0,0,0,.04)}.detail-icon{width:40px;height:40px;background:#e0f2fe;color:#005583;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.2rem}.detail-info{flex:1;display:flex;flex-direction:column}.code-text{font-weight:700;color:#1e293b;font-size:1rem}.product-text{font-size:.85rem;color:#64748b}.detail-score{font-weight:700;color:#22c55e;font-size:1.1rem}.loading-state{text-align:center;padding:3rem;color:#64748b;font-size:1.1rem}.evidence-preview{display:flex;flex-direction:column;align-items:center;margin:0 1rem;cursor:pointer;transition:transform .2s}.evidence-preview:hover{transform:scale(1.05)}.evidence-img{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid #e2e8f0;box-shadow:0 2px 5px #0000001a}.evidence-label{font-size:.7rem;color:#64748b;margin-top:.25rem}.evidence-missing{width:60px;height:60px;border-radius:8px;background:#f1f5f9;border:1px dashed #cbd5e1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;font-size:.8rem;margin:0 1rem}.product-badge{display:inline-block;background:#f0f9ff;color:#0369a1;font-size:.7rem;padding:3px 10px;border-radius:20px;font-weight:700;border:1px solid rgba(3,105,161,.1);box-shadow:0 1px 2px #0000000d}.modal-lg{max-width:600px;width:90%}.details-subtext{font-size:.8rem;color:#94a3b8;font-weight:400}.empty-state-small{text-align:center;color:#94a3b8;padding:1rem;font-style:italic}.codes-grid{display:flex;flex-wrap:wrap;gap:.5rem}.code-chip{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;padding:.25rem .6rem;border-radius:8px;font-size:.8rem;white-space:nowrap}.chip-code{font-weight:700;color:#005583}.chip-score{color:#22c55e;font-weight:600;font-size:.75rem;background:#22c55e1a;padding:1px 4px;border-radius:4px}.chip-prod{color:#64748b;font-size:.75rem;max-width:80px;overflow:hidden;text-overflow:ellipsis}.details-cell{vertical-align:middle}.no-data{color:#ccc}.codes-count{text-align:center}.badge-codes{display:inline-block;background:linear-gradient(135deg,#005583,#00b4d8);color:#fff;padding:.4rem .8rem;border-radius:20px;font-weight:700;font-size:.9rem;min-width:40px;text-align:center}.score-highlight{display:inline-block;background:#22c55e14;color:#16a34a;padding:.3rem .75rem;border-radius:6px;font-weight:800;font-size:.85rem;border:1px solid rgba(34,197,94,.15)}.modal-body-premium{max-height:60vh;overflow-y:auto;padding:1.5rem}.modal-body-premium::-webkit-scrollbar{width:8px}.modal-body-premium::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-body-premium::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-body-premium::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filters-header-inner{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;width:100%;color:#005583}.filters-header-inner i{font-size:1.25rem;background:#0055831a;padding:.5rem;border-radius:10px}.filters-header-inner h3{font-size:1.1rem;font-weight:700;margin:0}.back-btn-premium{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#005583;border:1px solid rgba(0,85,131,.2);padding:.5rem 1rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;margin-top:1rem}.back-btn-premium:hover{background:#005583;color:#fff;transform:translate(-5px)}.profile-stats-header{display:flex;gap:1rem;margin-top:1rem}.stat-card-mini{background:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.75rem 1.25rem;border-radius:12px;display:flex;flex-direction:column;min-width:120px;border:1px solid rgba(255,255,255,.2)}.stat-card-mini .stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.stat-card-mini .stat-value{font-size:1.25rem;font-weight:700}.stat-card-mini.highlight{background:#22c55e33;border-color:#22c55e4d}.status-badge{padding:.2rem .6rem;border-radius:20px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d}.status-validado{background:#dcfce7;color:#15803d;border:1px solid rgba(21,128,61,.1)}.status-generado{background:#fef9c3;color:#854d0e;border:1px solid rgba(133,77,14,.1)}.status-canjeado{background:#e0f2fe;color:#0369a1;border:1px solid rgba(3,105,161,.1)}.evidence-preview-table{cursor:pointer;transition:transform .2s;width:45px;height:45px}.evidence-preview-table:hover{transform:scale(1.2);z-index:10}.evidence-img-mini{width:100%;height:100%;object-fit:cover;border-radius:4px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000014}.no-photo-tag{font-size:.75rem;color:#94a3b8;font-style:italic}.filter-info-alert{background:#f0f9ff;border-left:4px solid #00b4d8;padding:.85rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem;color:#0369a1;font-size:.9rem}.filter-info-alert i{font-size:1.25rem}.filter-info-alert strong{margin-left:4px;color:#0c4a6e}.admin-register-page{min-height:100vh;background-color:#0f172a;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.admin-register-card{background-color:#1e293b;width:100%;max-width:700px;padding:2.5rem;border-radius:1rem;box-shadow:0 25px 50px -12px #00000080;border:1px solid #334155}.admin-header{text-align:center;margin-bottom:2rem}.admin-icon{font-size:3rem;color:#3b82f6;margin-bottom:1rem}.admin-header h1{color:#f8fafc;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:#94a3b8;font-size:.875rem}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.section-title{color:#3b82f6;font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:600px){.form-row{grid-template-columns:1fr}.admin-register-card{padding:1.5rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#e2e8f0;font-size:.875rem;font-weight:500}.form-group input,.form-group select{background-color:#1e293b;border:1px solid #334155;color:#f8fafc;padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;transition:all .2s}.form-group input::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.form-group input:disabled,.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group select option{background-color:#1e293b;color:#f8fafc}.terms-section{background-color:transparent;border:none;padding:0}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;gap:.75rem}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.checkbox-text{color:#94a3b8;font-size:.875rem}.checkbox-text .link{color:#3b82f6;text-decoration:underline}.checkbox-text .link:hover{color:#60a5fa}.btn-create{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:1rem;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-create:disabled{opacity:.7;cursor:not-allowed;transform:none}.message-box{padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;text-align:center;font-size:.9rem}.message-box.success{background-color:#10b98133;color:#34d399;border:1px solid #059669}.message-box.error{background-color:#ef444433;color:#f87171;border:1px solid #dc2626}.admin-footer{margin-top:2rem;text-align:center}.btn-text{background:none;border:none;color:#64748b;cursor:pointer;font-size:.875rem}.btn-text:hover{color:#94a3b8}.loading-spinner{color:#94a3b8;text-align:center;padding:3rem;font-size:1rem}.validar-codigo-container{padding:20px;max-width:1400px;margin:0 auto}.filtros-card,.validacion-card,.listado-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;overflow:hidden}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;align-items:center;gap:12px;position:relative}.card-header i{font-size:24px}.card-header h2{margin:0;font-size:20px;font-weight:600;flex:1}.btn-close{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.card-body{padding:24px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-group select,.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff;color:#333}.form-group select:focus,.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group select:disabled,.form-group input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.input-with-button{display:flex;gap:12px;align-items:center}.input-with-button input{flex:1}.actions-row{display:flex;gap:12px;margin-top:20px}.btn-ver-codigos,.btn-validar,.btn-limpiar{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-ver-codigos{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex:1}.btn-ver-codigos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-validar{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;min-width:140px;justify-content:center}.btn-validar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #11998e66}.btn-limpiar{background:#ff6b6b;color:#fff;width:48px;padding:12px;justify-content:center}.btn-limpiar:hover:not(:disabled){background:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.btn-ver-codigos:disabled,.btn-validar:disabled,.btn-limpiar:disabled{opacity:.6;cursor:not-allowed;transform:none}.info-text{margin:8px 0 0;padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:13px;color:#1565c0;display:flex;align-items:center;gap:8px}.info-text i{font-size:16px}.validation-result{margin-top:24px;padding:24px;border-radius:12px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.validation-result.success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745}.validation-result.error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #dc3545}.result-content{display:flex;gap:20px;align-items:flex-start}.result-icon{font-size:48px;color:#28a745;flex-shrink:0}.result-icon.error{color:#dc3545}.result-details{flex:1}.result-details h3{margin:0 0 16px;font-size:20px;color:#155724}.validation-result.error .result-details h3{color:#721c24}.result-details p{margin:0 0 12px;font-size:15px;color:#721c24}.detail-row{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1);font-size:14px}.detail-row:last-child{border-bottom:none}.detail-row strong{display:inline-block;min-width:120px;color:#155724}.validation-result.error .detail-row strong{color:#721c24}.table-responsive{overflow-x:auto;margin-top:16px}.codes-table{width:100%;border-collapse:collapse;font-size:14px}.codes-table thead{background:#f8f9fa}.codes-table th{padding:14px 12px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.codes-table td{padding:12px;border-bottom:1px solid #dee2e6;color:#212529}.codes-table tbody tr:hover{background:#f8f9fa}.code-cell{font-family:Courier New,monospace;font-weight:600;color:#667eea;font-size:15px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.badge-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.badge-danger{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.badge-secondary{background:#e2e3e5;color:#383d41;border:1px solid #d6d8db}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state i{font-size:64px;margin-bottom:16px;opacity:.3}.empty-state p{margin:0;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spinner.fa-spin{animation:spin 1s linear infinite}@media(max-width:768px){.validar-codigo-container{padding:12px}.card-body{padding:16px}.form-row{grid-template-columns:1fr}.input-with-button{flex-direction:column}.input-with-button input,.btn-validar,.btn-limpiar{width:100%}.result-content{flex-direction:column;align-items:center;text-align:center}.detail-row strong{display:block;margin-bottom:4px}.codes-table{font-size:12px}.codes-table th,.codes-table td{padding:8px 6px}}.shopper-detail-container{max-width:1280px;margin:0 auto;padding-bottom:2.5rem;animation:fadeIn .5s ease-out}.shopper-header-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media(min-width:1024px){.shopper-header-grid{grid-template-columns:2fr 1fr}}.shopper-info-card{position:relative;overflow:hidden;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:1.5rem;box-shadow:0 10px 30px -5px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.shopper-info-card:hover{box-shadow:0 20px 40px -5px #0000001a}@media(min-width:768px){.shopper-info-card{flex-direction:row;align-items:flex-start}}.shopper-avatar-container{position:relative}.shopper-avatar{width:6rem;height:6rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#4f46e5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;box-shadow:0 4px 6px -1px #0000001a;border:4px solid #eff6ff;flex-shrink:0}.shopper-info-content{flex:1;position:relative;z-index:10;text-align:center}@media(min-width:768px){.shopper-info-content{text-align:left}}.shopper-name{font-size:1.875rem;font-weight:900;color:#1e293b;letter-spacing:-.025em;line-height:1.2}.shopper-badge{display:inline-block;padding:.25rem .75rem;background-color:#dbeafe;color:#1d4ed8;border-radius:9999px;font-size:.75rem;font-weight:700;margin-top:.25rem;letter-spacing:.05em}.shopper-details-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem;color:#475569;font-size:.875rem}@media(min-width:768px){.shopper-details-grid{grid-template-columns:1fr 1fr;column-gap:3rem}}.shopper-detail-item{display:flex;align-items:center;gap:.5rem}.stats-summary-card{padding:2rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-radius:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stats-deco-circle-1{position:absolute;top:0;right:0;width:8rem;height:8rem;background-color:#fff;opacity:.05;border-radius:50%;margin-right:-4rem;margin-top:-4rem;filter:blur(24px)}.stats-deco-circle-2{position:absolute;bottom:0;left:0;width:6rem;height:6rem;background-color:#3b82f6;opacity:.2;border-radius:50%;margin-left:-3rem;margin-bottom:-3rem;filter:blur(24px)}.stats-header{position:relative;z-index:10;text-align:center}.stats-header h3{font-size:1.2rem;text-transform:uppercase;color:#1e293b;margin-bottom:.25rem;font-weight:700}.date-range-badge{font-size:.8rem;color:#cbd5e1;font-family:monospace;background-color:#1e293b80;display:inline-block;padding:.25rem .5rem;border-radius:.25rem;border:1px solid #334155}.stats-flex-container{display:flex;justify-content:space-around;align-items:flex-end;width:100%;margin-top:1.5rem;position:relative;z-index:10}.stat-item-large{text-align:center;cursor:default}.stat-number-large{font-size:3rem;font-weight:900;line-height:1;color:#333;transition:transform .3s ease}.stat-item-large:hover .stat-number-large{transform:scale(1.1)}.stat-number-points{font-size:3rem;font-weight:900;line-height:1;background:linear-gradient(to bottom,#fde047,#eab308);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:transform .3s ease}.stat-item-large:hover .stat-number-points{transform:scale(1.1)}.stat-label-small{font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-top:.25rem;display:block}.stats-divider{width:1px;height:3rem;background:linear-gradient(to bottom,transparent,#475569,transparent);margin:0 .5rem}.table-card{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:1rem;box-shadow:0 10px 30px -5px #0000000d;overflow:hidden;margin-bottom:2rem}.table-header{padding:1.5rem;border-bottom:1px solid #f1f5f9;background-color:#f8fafc80;display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1.125rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.table-icon-box{width:2rem;height:2rem;border-radius:.5rem;background-color:#dbeafe;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:.875rem}.table-responsive{overflow-x:auto}.tabla-reportes{width:100%;text-align:left;font-size:.875rem;border-collapse:collapse}.tabla-reportes thead th{background-color:#f8fafc;color:#64748b;font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:1rem 1.5rem;border-bottom:2px solid #e2e8f0}.tabla-reportes tbody td{padding:1rem 1.5rem;color:#334155;border-bottom:1px solid #f1f5f9}.tabla-reportes tbody tr:last-child td{border-bottom:none}.tabla-reportes tbody tr:hover{background-color:#f8fafccc}.management-form-container{border:1px solid rgba(226,232,240,.8);border-radius:1rem;box-shadow:0 10px 30px -5px #0000000d;overflow:hidden;position:relative;background:#fff}.management-bg-orb{position:absolute;top:0;right:0;width:16rem;height:16rem;background-color:#f0fdf4;border-radius:50%;filter:blur(64px);opacity:.5;margin-right:-8rem;margin-top:-8rem;pointer-events:none}.form-title-bar{padding:1.5rem;border-bottom:1px solid #f1f5f9;background:linear-gradient(to right,#f8fafc,#fff);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:10}.managed-badge{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:9999px;background-color:#f0fdf4;color:#15803d;border:1px solid #dcfce7;font-size:.75rem;font-weight:700}.form-content-grid{padding:2rem;display:grid;grid-template-columns:1fr;gap:1.5rem;position:relative;z-index:10}@media(min-width:768px){.form-content-grid{grid-template-columns:1fr 1fr;column-gap:2rem}}.form-group header{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.input-wrapper{position:relative}.form-input-premium{width:100%;padding:.875rem 1.25rem;border:1px solid #e2e8f0;border-radius:.75rem;background-color:#f8fafc;color:#0f172a;font-weight:500;font-size:.95rem;transition:all .2s ease}.form-input-premium:focus{outline:none;border-color:#22c55e;background-color:#fff;box-shadow:0 0 0 4px #22c55e1a}.form-input-premium.with-icon{padding-left:2.5rem}.input-icon-overlay{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;font-weight:700;font-size:.875rem}.select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none;font-size:.75rem}.form-col-span-2{grid-column:1 / -1}.file-upload-box{position:relative;border:2px dashed #e2e8f0;border-radius:.75rem;background-color:#f8fafc;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s}.file-upload-box:hover{background-color:#f1f5f9;border-color:#cbd5e1}.file-input-hidden{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10}.upload-icon{font-size:1.875rem;color:#cbd5e1;margin-bottom:.5rem;transition:color .2s}.file-upload-box:hover .upload-icon{color:#3b82f6}.upload-text{font-size:.875rem;color:#64748b}.file-list-tags{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.file-tag{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:#eff6ff;color:#1d4ed8;border-radius:.5rem;font-size:.875rem;border:1px solid #dbeafe;transition:all .2s}.file-tag:hover{background-color:#dbeafe}.remove-file-btn{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background-color:#ffffff80;color:#ef4444;border:none;cursor:pointer;font-size:.75rem;margin-left:.25rem;transition:all .2s}.remove-file-btn:hover{background-color:#fee2e2;color:#dc2626;transform:scale(1.1)}.form-textarea{resize:none;min-height:100px}.form-actions-bar{padding:1.5rem;border-top:1px solid #f1f5f9;background-color:#f8fafc;display:flex;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0;z-index:20;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.btn-form-back{padding:.625rem 1.5rem;border-radius:.75rem;border:1px solid #e2e8f0;color:#475569;font-weight:700;background:transparent;cursor:pointer;transition:all .2s}.btn-form-back:hover{background-color:#fff;color:#1e293b;border-color:#cbd5e1}.btn-form-save{background-color:#22c55e;color:#fff;padding:.625rem 2rem;border-radius:.75rem;font-weight:700;border:none;box-shadow:0 10px 15px -3px #22c55e4d;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-form-save:hover{background-color:#16a34a;transform:translateY(-1px)}.btn-form-save:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fadeInUp .4s ease-out forwards}:root{--polar-red: #D71920;--polar-red-dark: #A31318;--polar-red-light: #FFEBEC;--polar-blue: #004B93;--text-dark: #1e293b;--text-muted: #64748b;--text-light: #ffffff;--border-color: #e2e8f0;--bg-color: #f8fafc;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}button{transition:all .2s ease}button:active{transform:scale(.98)}#root{min-height:100vh}.upload-form{display:flex;flex-direction:column;gap:1rem}.file-input{display:none}.file-drop-zone{border:2px dashed rgba(0,85,131,.3);border-radius:1rem;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-drop-zone:hover{border-color:var(--polar-blue);background-color:#ffffffb3}.file-drop-zone.drag-active{border-color:var(--polar-red);background-color:#fee2e2;transform:scale(1.02)}.preview-container{width:100%;text-align:center}.preview-image{max-width:100%;max-height:300px;border-radius:.5rem;margin:0 auto;display:block;object-fit:contain;box-shadow:0 4px 6px #0000001a}.upload-form .input-group{display:flex;flex-direction:column;gap:.5rem}.upload-form label{font-size:.875rem;font-weight:600;color:var(--text-dark)}.upload-form input[type=text],.text-input{width:100%;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:.95rem;transition:all .3s ease;font-family:Inter,sans-serif;background-color:#fff;color:var(--text-dark)}.upload-form input[type=text]:focus,.text-input:focus{outline:none;border-color:var(--polar-blue);box-shadow:0 0 0 3px #2563eb1a}.upload-form button[type=submit],.verify-btn{background:linear-gradient(135deg,var(--polar-blue) 0%,var(--polar-blue-dark) 100%);color:#fff;padding:1rem 2rem;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem}.upload-form button[type=submit]:hover:not(:disabled),.verify-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #1e40af4d}.upload-form button[type=submit]:disabled,.verify-btn:disabled{opacity:.6;cursor:not-allowed}.result-card{padding:1.5rem;border-radius:1rem;margin-top:1rem;animation:slideUp .4s ease-out}.result-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.match-badge{padding:.5rem 1rem;border-radius:1.5rem;font-weight:700;font-size:.875rem;text-transform:uppercase}.match-badge.success{background-color:#d1fae5;color:#059669;border:1px solid #86efac}.match-badge.fail{background-color:#fee2e2;color:#dc2626;border:1px solid #fca5a5}.ai-response{font-size:1rem;line-height:1.6;color:var(--text-muted);margin-bottom:.75rem}.meta-info{font-size:.8rem;color:var(--text-muted);opacity:.7;text-align:right}.result-container{padding:1.5rem;border-radius:1rem;margin-top:1rem}.result-container.success{background-color:#f0fdf4;border:2px solid #86efac}.result-container.error{background-color:#fef2f2;border:2px solid #fca5a5}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}a:focus-visible,button:focus-visible{outline:2px solid var(--polar-blue);outline-offset:2px}html{scroll-behavior:smooth}p,li,a,span{text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}