@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;700&family=Milonga:wght@400&family=WindSong:wght@400&family=Poppins:wght@400;500;600&display=swap";.page-wrapper{animation:pageTransition .35s ease-in-out forwards}.page-wrapper.fade-out{animation:pageOut .2s ease-in forwards}.page-wrapper.fade-in{animation:pageIn .35s ease-out forwards}@keyframes pageOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes pageIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pageTransition{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.android-compact{width:100%;min-height:100vh;background-color:var(--light-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.header{position:relative;z-index:10;width:100%;max-width:375px;display:flex;align-items:center;justify-content:space-between;padding:24px 20px;gap:116px}.menu-button{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.menu-button img{width:100%;height:100%}.logo-container{width:55.147px;height:48.164px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.logo{width:100%;height:100%;object-fit:contain}.sign-in{color:#000;font-family:Archivo,sans-serif;font-size:16px;font-weight:400;text-decoration:none;letter-spacing:-.48px}.sign-in-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;height:32px;flex-shrink:0}.sign-in-btn img{height:100%;width:auto;object-fit:contain}.background-decorations{position:absolute;top:20px;left:50%;transform:translate(-50%);width:100%;height:600px;pointer-events:none;z-index:2}.decoration{position:absolute;opacity:.8}.decoration.vertical{width:500px;height:850px;left:50%;transform:translate(-50%);top:0}.decoration img{width:100%;height:100%;object-fit:contain}.decoration.left{width:304.126px;height:608.258px;left:5%;top:20px;transform:rotate(-60deg);background:radial-gradient(circle,rgba(175,23,35,.1) 0%,transparent 70%)}.decoration.right{width:304.126px;height:608.258px;right:5%;top:20px;transform:rotate(-120deg) scaleY(-1);background:radial-gradient(circle,rgba(175,23,35,.08) 0%,transparent 70%)}.union-image{position:absolute;top:100px;left:50%;transform:translate(calc(-20% + 90px));width:180px;height:200px;z-index:5}.union-image img{width:100%;height:100%;object-fit:contain}.main-content{position:relative;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 20px;text-align:center;margin-top:80px}.title{font-family:Milonga,serif;font-size:140px;font-weight:400;color:var(--primary-red);letter-spacing:-8.4748px;line-height:1;margin:80px 0 0}.subtitle{font-family:WindSong,cursive;font-size:65px;font-weight:400;color:var(--dark-blue);letter-spacing:-2.0798px;line-height:1;margin:-30px 0 0;font-style:normal}.event-name{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:var(--primary-red);letter-spacing:-.64px;margin:20px 0 40px;line-height:1.4;max-width:300px}.events-link{font-family:Archivo,sans-serif;font-size:24px;font-weight:400;color:var(--primary-blue);text-decoration:none;letter-spacing:-1.68px;margin:30px 0;transition:all .3s ease}.events-link:hover{opacity:.8;transform:translate(5px)}.leaderboard-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--light-bg);border:.77px solid black;border-radius:30px;font-family:Archivo,sans-serif;font-size:15.4px;font-weight:400;color:var(--text-dark);cursor:pointer;transition:all .3s ease;margin-top:20px;margin-bottom:60px}.leaderboard-btn:hover{background-color:#f5f2de;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.live-badge{display:flex;align-items:center;gap:4px;background-color:#d31f1f;color:#fff;padding:4px 8px;border-radius:71.61px;position:relative}.live-text{font-family:Archivo,sans-serif;font-size:12.32px;font-weight:700;letter-spacing:-.4px}.live-dot{width:5.962px;height:5.962px;background-color:#fff;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mandala-decoration{position:absolute;bottom:-200px;left:50%;transform:translate(-50%);width:500px;height:500px;z-index:1;pointer-events:none;animation:rotate 30s linear infinite}.mandala-decoration img{width:100%;height:100%;object-fit:contain}@keyframes rotate{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}@media (max-width: 480px){:root{--grid-size: 30px}.android-compact{min-height:100vh}.background-decorations{top:-160px}.header{padding:16px 12px;gap:40px;max-width:100%}.menu-button{width:24px;height:24px}.logo-container{width:45px;height:40px}.sign-in-btn{height:28px}.decoration.vertical{width:600px;height:1050px}.title{font-size:clamp(110px,25vw,130px);letter-spacing:-5px;margin-top:70px;width:calc(100vw - 40px)}.subtitle{font-size:42px;letter-spacing:-1.2px;margin-top:-15px}.event-name{font-size:13px;letter-spacing:-.52px;margin:15px 0 30px}.events-link{font-size:18px;letter-spacing:-1.2px;margin:20px 0}.leaderboard-btn{padding:8px 7px;font-size:12px;border-radius:25px;margin-top:15px;margin-bottom:40px}.union-image{width:120px;height:135px;top:180px}.main-content{padding:30px 16px;margin-top:40px;gap:15px}.mandala-decoration{position:absolute;bottom:auto;top:calc(100vh - 250px);left:50%;transform:translate(-50%);width:100vw;height:100vw;z-index:1;pointer-events:none}}@media (max-width: 360px){.header{gap:30px;padding:12px 10px}.menu-button{width:20px;height:20px}.logo-container{width:40px;height:35px}.decoration.vertical{width:500px;height:900px}.title{font-size:55px;letter-spacing:-3.5px;margin-top:15px}.subtitle{font-size:34px;letter-spacing:-.9px;margin-top:-12px}.event-name{font-size:11px;max-width:260px;margin:12px 0 25px}.events-link{font-size:15px;letter-spacing:-1px;margin:15px 0}.leaderboard-btn{padding:6px 10px;font-size:11px;margin-top:12px;margin-bottom:30px}.union-image{width:95px;height:108px;top:150px}.main-content{padding:25px 12px;margin-top:30px}.mandala-decoration{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:100vw;height:100vw;z-index:1;pointer-events:none}}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:40px 20px;text-align:center;position:relative;z-index:2}.coming-soon-title{font-family:Archivo,sans-serif;font-size:80px;color:var(--primary-red);margin:0;letter-spacing:-3px;font-weight:700}.coming-soon-subtitle{font-family:Poppins,sans-serif;font-size:36px;color:var(--primary-blue);margin:10px 0 20px;letter-spacing:-1px;font-weight:500}.coming-soon-text{font-family:Poppins,sans-serif;font-size:16px;color:var(--text-dark);margin:0 0 40px;max-width:300px;line-height:1.5;font-weight:400}.countdown-section{margin:30px 0 40px}.countdown-label{font-family:Archivo,sans-serif;font-size:14px;color:var(--text-dark);margin:0 0 15px;font-weight:500}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:8px}.countdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.countdown-value{font-family:Archivo,sans-serif;font-size:32px;font-weight:700;color:var(--primary-red);line-height:1}.countdown-unit{font-family:Poppins,sans-serif;font-size:10px;color:var(--text-dark);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.countdown-separator{font-family:Archivo,sans-serif;font-size:24px;font-weight:700;color:var(--primary-red);margin:0 4px;line-height:1}.back-button{background-color:var(--primary-red);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-family:Archivo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.back-button:hover{background-color:#8b1219;transform:translateY(-2px);box-shadow:0 4px 12px #af17234d}@media (max-width: 480px){.coming-soon-container{min-height:70vh;padding:30px 15px}.coming-soon-title{font-size:55px;letter-spacing:-2px}.coming-soon-subtitle{font-size:28px;letter-spacing:-.8px}.countdown-section{margin:25px 0 35px}.countdown-label{font-size:13px;margin:0 0 12px}.countdown-value{font-size:26px}.countdown-unit{font-size:8px}.countdown-separator{font-size:20px}.back-button{padding:10px 24px;font-size:13px}}@media (max-width: 360px){.coming-soon-container{min-height:65vh;padding:25px 12px}.coming-soon-title{font-size:44px;letter-spacing:-1.5px}.coming-soon-subtitle{font-size:22px;letter-spacing:-.6px;margin:8px 0 15px}.countdown-section{margin:20px 0 30px}.countdown-label{font-size:11px;margin:0 0 10px}.countdown-value{font-size:22px}.countdown-unit{font-size:7px}.countdown-separator{font-size:18px;margin:0 2px}.back-button{padding:8px 20px;font-size:12px}}.loading-screen{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--light-bg);background-image:linear-gradient(0deg,var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);font-size:18px;color:var(--text-dark);font-weight:500;letter-spacing:.5px}.auth-container{width:100%;min-height:100vh;background-color:var(--light-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.auth-container .grid-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(0deg,var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:0}.auth-container .header{width:100%;max-width:375px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:116px;position:relative;z-index:2}.auth-container .logo-container{width:50px;height:45px}.auth-container .logo-container img{width:100%;height:100%;object-fit:contain}.auth-form-wrapper{display:flex;align-items:center;justify-content:center;flex:1;width:100%;max-width:375px;padding:20px;position:relative;z-index:2}.auth-card{background-color:var(--light-bg);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:32px 24px;width:100%;max-width:340px;box-shadow:0 2px 8px #00000014}.auth-header{text-align:center;margin-bottom:32px}.auth-title{font-family:Archivo,sans-serif;font-size:32px;font-weight:700;color:var(--text-dark);margin:0 0 8px;letter-spacing:-1px}.auth-subtitle{font-family:Poppins,sans-serif;font-size:14px;color:#666;margin:0;font-weight:400}.google-signin-btn{width:100%;padding:12px 16px;background-color:#fff;border:1.5px solid #ddd;border-radius:8px;font-family:Archivo,sans-serif;font-size:14px;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.google-signin-btn:hover:not(:disabled){background-color:#f9f9f9;border-color:#bbb;box-shadow:0 2px 4px #0000001a}.google-signin-btn:disabled{opacity:.7;cursor:not-allowed}.divider{position:relative;margin:24px 0;text-align:center}.divider span{background-color:var(--light-bg);padding:0 12px;color:#999;font-size:13px;position:relative;z-index:1;font-family:Poppins,sans-serif}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#ddd}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:Archivo,sans-serif;font-size:13px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:10px 12px;border:1.5px solid #ddd;border-radius:6px;font-family:Poppins,sans-serif;font-size:14px;color:var(--text-dark);background-color:#fff;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #0066ff1a}.checkbox-group{flex-direction:row;align-items:center;gap:8px;margin-top:8px}.form-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-red)}.checkbox-label{font-family:Poppins,sans-serif;font-size:13px;color:var(--text-dark);cursor:pointer;margin:0;font-weight:400}.submit-btn{padding:12px 16px;background-color:var(--primary-red);color:#fff;border:none;border-radius:8px;font-family:Archivo,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover:not(:disabled){background-color:#8b1219;transform:translateY(-2px);box-shadow:0 4px 12px #af17234d}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;padding:10px 12px;font-family:Poppins,sans-serif;font-size:13px;color:#c33;margin-bottom:16px}.auth-toggle{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.auth-toggle p{font-family:Poppins,sans-serif;font-size:13px;color:#666;margin:0}.toggle-link{background:none;border:none;color:var(--primary-blue);font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s ease}.toggle-link:hover{color:var(--primary-red)}@media (max-width: 480px){.auth-container .header{padding:16px;gap:60px;max-width:100%}.auth-container .logo-container{width:45px;height:40px}.auth-form-wrapper{max-width:100%;padding:16px}.auth-card{padding:24px 16px;max-width:100%}.auth-title{font-size:28px}.auth-subtitle{font-size:13px}.form-input{font-size:16px}}@media (max-width: 360px){.auth-container .header{padding:12px 10px;gap:30px}.auth-container .logo-container{width:40px;height:35px}.auth-form-wrapper{padding:12px}.auth-card{padding:20px 14px;border-radius:10px}.auth-title{font-size:24px}.auth-subtitle{font-size:12px}.google-signin-btn{font-size:13px;padding:10px 14px}.submit-btn{font-size:13px}.form-input{padding:9px 10px;font-size:14px}.form-label,.auth-toggle p{font-size:12px}}.profile-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--light-bg);font-family:Poppins,sans-serif;color:#333}.profile-container .grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:1}.profile-container .header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#fbf8e8f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(0,0,0,.08);z-index:50}.profile-container .logo-container{flex:1;display:flex;justify-content:center}.profile-container .logo{height:40px;width:auto}.profile-container .menu-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.profile-container .menu-button img{width:24px;height:24px}.profile-container .menu-button:hover{opacity:.8}.profile-container .background-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.profile-container .decoration{position:absolute;opacity:.05}.profile-container .decoration.vertical{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.profile-container .decoration.vertical img{width:100%;height:100%;object-fit:contain}.profile-container .decoration.left{top:-50%;left:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--primary-blue) 0%,transparent 70%);opacity:.05}.profile-container .decoration.right{bottom:-30%;right:-10%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--primary-red) 0%,transparent 70%);opacity:.05}.progress-section{position:relative;z-index:10;margin-top:80px;padding:0 16px;margin-bottom:24px}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:500;color:#333}.progress-percentage{color:var(--primary-blue);font-weight:700;font-size:16px}.progress-bar{width:100%;height:8px;background:#00000014;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,.12)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-red),var(--primary-blue));border-radius:4px;transition:width .3s ease;box-shadow:0 0 12px #af172399}.profile-form-wrapper{position:relative;z-index:10;padding:24px 16px 40px}.profile-card{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;padding:32px 24px;box-shadow:none}.form-header{margin-bottom:32px;text-align:center}.form-title{font-family:Archivo,sans-serif;font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a;letter-spacing:-.5px}.form-subtitle{font-size:14px;color:#0009;margin:0}.success-message{background:linear-gradient(135deg,#28a74526,#28a74514);border:1px solid rgba(40,167,69,.4);color:#2a6e3f;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease}.error-message{background:linear-gradient(135deg,#af172326,#af172314);border:1px solid rgba(175,23,35,.4);color:#af1723;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500;animation:slideDown .3s ease}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#1a1a1a;letter-spacing:.5px;text-transform:uppercase}.form-input,.form-select{padding:12px 14px;background:#fbf8e8b3;border:1.5px solid rgba(0,0,0,.12);border-radius:10px;color:#333;font-family:Poppins,sans-serif;font-size:15px;transition:all .3s ease;outline:none}.form-input::placeholder,.form-select{color:#0006}.form-input:focus,.form-select:focus{background:#fffc;border-color:var(--primary-blue);box-shadow:0 0 12px #060fff33}.form-input.error{border-color:var(--primary-red);background:#af172314}.form-input.error:focus{box-shadow:0 0 12px #af172333}.form-input-readonly{cursor:not-allowed;background:#00000008;border-color:#0000001a}.form-input-readonly:focus{box-shadow:none;border-color:#0000001a}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.5) 50%),linear-gradient(135deg,rgba(255,255,255,.5) 50%,transparent 50%);background-position:right 12px center,right 12px center;background-size:8px 8px,8px 8px;background-repeat:no-repeat;padding-right:36px}.form-select::-webkit-scrollbar{width:8px}.form-select::-webkit-scrollbar-track{background:transparent}.form-select::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:4px}.form-hint{display:block;font-size:12px;color:#00000080;margin-top:4px}.photo-hint{color:#060fff99;margin-top:8px;line-height:1.4}.error-text{font-size:12px;color:#af1723;margin-top:4px}.photo-upload-section{position:relative}.photo-upload-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 20px;background:#fbf8e866;border:2px dashed rgba(0,0,0,.2);border-radius:12px;cursor:pointer;transition:all .3s ease}.photo-upload-btn:hover{background:#fbf8e899;border-color:var(--primary-blue)}.photo-upload-icon{font-size:32px}.photo-upload-text{display:flex;flex-direction:column;gap:4px}.photo-upload-main{font-size:14px;font-weight:600;color:#333}.photo-upload-sub{font-size:12px;color:#00000080}.photo-preview{position:relative;display:flex;align-items:center;justify-content:center;background:#fbf8e880;border:2px solid rgba(0,0,0,.15);border-radius:12px;overflow:hidden;aspect-ratio:1 / 1;max-width:200px;margin:0 auto}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-change-btn{position:absolute;bottom:8px;right:8px;padding:6px 12px;background:#af1723e6;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.photo-change-btn:hover{background:var(--primary-red);transform:scale(1.05)}.face-detected-badge{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px;box-shadow:0 2px 8px #28a7454d;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hidden-input{display:none}.crop-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.crop-modal{background:var(--light-bg);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:95%;height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.crop-modal-header{padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.crop-modal-title{font-family:Archivo,sans-serif;font-size:20px;font-weight:700;margin:0;color:#1a1a1a}.crop-modal-close{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s}.crop-modal-close:hover{color:#1a1a1a}.crop-container{flex:1;position:relative;width:100%;min-height:400px;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.crop-container>div{width:100%!important;height:100%!important;position:relative!important}.reactEasyCrop_Container{width:100%!important;height:100%!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.reactEasyCrop_Image{max-width:100%!important;max-height:100%!important}.reactEasyCrop_CropArea{border:2px dashed rgb(255,255,255)!important}.crop-modal-actions{padding:16px 24px;display:flex;gap:12px;justify-content:flex-end;flex-shrink:0;border-top:1px solid rgba(0,0,0,.08)}.crop-btn-cancel,.crop-btn-confirm{padding:10px 20px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;letter-spacing:.5px;text-transform:uppercase}.crop-btn-cancel{background:#00000014;color:#333}.crop-btn-cancel:hover{background:#0000001f}.crop-btn-confirm{background:linear-gradient(135deg,var(--primary-red),#ff4757);color:#fff;box-shadow:0 4px 12px #af172333}.crop-btn-confirm:hover{transform:translateY(-1px);box-shadow:0 6px 16px #af17234d}.crop-btn-confirm:active{transform:translateY(0)}.face-detection-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;font-weight:600;flex:1;justify-content:center}.face-detection-status .spinner{width:14px;height:14px;border:2px solid rgba(175,23,35,.2);border-top-color:var(--primary-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.crop-btn-cancel:disabled,.crop-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.crop-btn-confirm:disabled:hover{transform:none;box-shadow:0 4px 12px #af172333}.submit-btn{padding:14px 24px;background:linear-gradient(135deg,var(--primary-red),#ff4757);color:#fff;border:none;border-radius:10px;font-family:Archivo,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px;letter-spacing:.5px;box-shadow:0 4px 16px #af17234d}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #af172380}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 480px){:root{--grid-size: 30px}.profile-card{padding:24px 16px;border-radius:16px}.form-title{font-size:24px}.form-row{grid-template-columns:1fr;gap:12px}.progress-section{padding:0 12px}.profile-form-wrapper{padding:16px 12px}.form-input,.form-select{font-size:14px;padding:11px 12px}.photo-preview{max-width:150px}.submit-btn{font-size:14px;padding:12px 20px}}@media (max-width: 360px){.profile-container .header{height:56px;padding:0 12px}.profile-container .logo{height:36px}.progress-section{margin-top:72px;margin-bottom:20px;padding:0 12px}.progress-label{font-size:13px}.progress-percentage{font-size:14px}.profile-card{padding:20px 14px;border-radius:14px}.form-header{margin-bottom:24px}.form-title{font-size:20px}.form-subtitle,.form-label{font-size:12px}.form-input,.form-select{font-size:13px;padding:10px 11px;border-radius:8px}.form-hint{font-size:11px}.photo-upload-btn{padding:20px 16px;gap:10px}.photo-upload-icon{font-size:28px}.photo-upload-main{font-size:13px}.photo-upload-sub{font-size:11px}.photo-preview{max-width:130px}.submit-btn{font-size:13px;padding:11px 18px;margin-top:6px}.profile-form{gap:16px}}@media (max-width: 320px){.form-title{font-size:18px}.progress-label{font-size:12px}.form-label{font-size:11px}.form-input,.form-select{font-size:12px;padding:9px 10px}}.reactEasyCrop_Container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;display:flex;justify-content:center;align-items:center}.reactEasyCrop_Image,.reactEasyCrop_Video{will-change:transform}.reactEasyCrop_Contain{max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}.reactEasyCrop_Cover_Horizontal{width:100%;height:auto}.reactEasyCrop_Cover_Vertical{width:auto;height:100%}.reactEasyCrop_CropArea{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.5);box-sizing:border-box;box-shadow:0 0 0 9999em;color:#00000080;overflow:hidden}.reactEasyCrop_CropAreaRound{border-radius:50%}.reactEasyCrop_CropAreaGrid:before{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:0;bottom:0;left:33.33%;right:33.33%;border-top:0;border-bottom:0}.reactEasyCrop_CropAreaGrid:after{content:" ";box-sizing:border-box;position:absolute;border:1px solid rgba(255,255,255,.5);top:33.33%;bottom:33.33%;left:0;right:0;border-left:0;border-right:0}.leaderboard-container{position:relative;min-height:100vh;width:100%;overflow-x:hidden;background-color:var(--light-bg);font-family:Poppins,sans-serif;color:#333}.leaderboard-container .grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(0deg,var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:1}.leaderboard-container .header{position:fixed;top:0;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#fbf8e8f2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(0,0,0,.08);z-index:50}.leaderboard-container .logo-container{flex:1;display:flex;justify-content:center}.leaderboard-container .logo{height:40px;width:auto}.leaderboard-container .menu-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.leaderboard-container .menu-button img{width:24px;height:24px}.leaderboard-container .menu-button:hover{opacity:.8}.leaderboard-container .background-decorations{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.leaderboard-container .decoration{position:absolute;opacity:.05}.leaderboard-container .decoration.vertical{top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px}.leaderboard-container .decoration.vertical img{width:100%;height:100%;object-fit:contain}.leaderboard-container .decoration.left{top:-50%;left:-10%;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--primary-blue) 0%,transparent 70%)}.leaderboard-container .decoration.right{bottom:-30%;right:-10%;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,var(--primary-red) 0%,transparent 70%)}.leaderboard-wrapper{position:relative;z-index:10;margin-top:80px;padding:24px 16px 40px}.leaderboard-header{text-align:center;margin-bottom:32px;animation:fadeInDown .6s ease}.leaderboard-title{font-family:Archivo,sans-serif;font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--primary-red),var(--primary-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leaderboard-subtitle{font-size:15px;color:#000000b3;margin:0 0 6px;font-weight:500}.last-updated{font-size:12px;color:#00000080;margin:0}.leaderboard-content{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.leaderboard-item{display:flex;align-items:center;gap:14px;padding:16px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.08);border-radius:12px;transition:all .3s ease;animation:slideInUp .5s ease forwards;animation-fill-mode:both}.leaderboard-item:nth-child(1){animation-delay:.1s}.leaderboard-item:nth-child(2){animation-delay:.2s}.leaderboard-item:nth-child(3){animation-delay:.3s}.leaderboard-item:nth-child(4){animation-delay:.4s}.leaderboard-item:hover{background:#fffc;border-color:#00000026;transform:translate(4px)}.rank-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-family:Archivo,sans-serif;font-size:20px;font-weight:700;color:#000;flex-shrink:0;box-shadow:0 4px 16px #0006}.zone-info{flex:1;display:flex;flex-direction:column;gap:4px}.zone-name{font-family:Archivo,sans-serif;font-size:16px;font-weight:700;margin:0;letter-spacing:.3px;color:#1a1a1a}.zone-status{font-size:12px;color:#00000080;margin:0;display:flex;align-items:center;gap:6px}.trend{font-weight:700;font-size:14px}.points-container{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.points-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.points-value{font-family:Archivo,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px}.leaderboard-footer{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;background:#fff6;border-radius:12px;border:1px dashed rgba(0,0,0,.1)}.leaderboard-footer p{margin:0;font-size:13px;color:#0009}.view-my-zone-btn{padding:11px 24px;background:linear-gradient(135deg,var(--primary-blue),#0094ff);color:#fff;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px #060fff4d}.view-my-zone-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #060fff80}.view-my-zone-btn:active{transform:translateY(0)}:root{--primary-red: #af1723;--primary-blue: #06f;--secondary-blue: #0094ff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){:root{--grid-size: 30px}.leaderboard-title{font-size:28px}.leaderboard-subtitle{font-size:14px}.leaderboard-item{padding:14px;gap:12px}.rank-badge{width:44px;height:44px;font-size:18px}.zone-name{font-size:15px}.points-value{font-size:16px}.leaderboard-wrapper{margin-top:72px;padding:16px 12px}}@media (max-width: 360px){.leaderboard-container .header{height:56px;padding:0 12px}.leaderboard-container .logo{height:36px}.leaderboard-wrapper{margin-top:68px;padding:14px 10px}.leaderboard-title{font-size:24px}.leaderboard-subtitle{font-size:13px}.last-updated{font-size:11px}.leaderboard-item{padding:12px;gap:10px}.rank-badge{width:40px;height:40px;font-size:16px}.zone-name{font-size:14px}.zone-status{font-size:11px}.points-label{font-size:10px}.points-value{font-size:15px}.leaderboard-footer{padding:16px;gap:12px}.leaderboard-footer p{font-size:12px}.view-my-zone-btn{padding:10px 20px;font-size:12px}}@media (max-width: 320px){.leaderboard-title{font-size:22px}.rank-badge{width:38px;height:38px;font-size:14px}.zone-name{font-size:13px}.points-value{font-size:14px}}.sargam-btn{padding:12px 24px;border:none;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.sargam-btn-primary{background:linear-gradient(135deg,#af1723,#8b0f1a);color:#fff;box-shadow:0 4px 12px #af17234d}.sargam-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #af172366}.sargam-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #af17234d}.sargam-btn-secondary{background:linear-gradient(135deg,#06f,#0052cc);color:#fff;box-shadow:0 4px 12px #060fff4d}.sargam-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #060fff66}.sargam-btn-secondary:active{transform:translateY(0);box-shadow:0 2px 8px #060fff4d}.sargam-btn-outline{background:transparent;color:#af1723;border:2px solid #af1723}.sargam-btn-outline:hover{background:#af17231a;transform:translateY(-2px)}.sargam-btn-outline:active{transform:translateY(0)}.sargam-btn-sm{padding:8px 16px;font-size:12px}.sargam-btn-lg{padding:14px 32px;font-size:16px}.sargam-btn-full{width:100%}.sargam-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.sargam-btn:disabled:hover{box-shadow:none;transform:none}:root{--primary-red: #af1723;--primary-blue: #06f;--dark-blue: #003e9e;--light-bg: #fbf8e8;--text-dark: #272727;--grid-color: rgba(239, 171, 102, .15);--grid-size: 40px}.results-page{min-height:100vh;background-color:var(--light-bg);padding:80px 20px 20px;position:relative;overflow:hidden}.grid-background{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(0deg,var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size);pointer-events:none;z-index:0}.results-container{max-width:900px;margin:0 auto;position:relative;z-index:1}.results-title{text-align:center;color:var(--primary-red);font-size:28px;font-weight:600;margin-bottom:8px;letter-spacing:-.5px}.results-subtitle{text-align:center;color:#666;font-size:13px;margin-bottom:20px}.search-box{display:flex;margin-bottom:24px;padding:0 12px}.search-input{width:100%;padding:10px 16px;font-size:14px;border:1px solid var(--grid-color);border-radius:8px;background:#fff;color:var(--text-dark);font-family:Archivo,sans-serif;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-red);box-shadow:0 0 0 2px #af17231a}.search-input::placeholder{color:#999}.event-cards-grid{display:grid;grid-template-columns:1fr;gap:12px}.event-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden;transition:all .2s ease}.event-card:hover{box-shadow:0 2px 8px #0000001f}.event-card.expanded{box-shadow:0 4px 12px #00000026}.event-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafafa;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.event-card-header:hover{background:linear-gradient(135deg,#f0f0f0,#f9f9f9)}.event-card-title{flex:1;display:flex;justify-content:space-between;align-items:center;gap:15px}.event-card-title h3{margin:0;font-size:15px;color:var(--text-dark);font-weight:600}.event-type-badge{font-size:11px;padding:3px 8px;border-radius:4px;font-weight:600;white-space:nowrap}.event-type-badge.individual{background:#e8f4f8;color:var(--primary-blue)}.event-type-badge.group{background:#f0e8f4;color:var(--dark-blue)}.event-card-toggle{display:flex;align-items:center;color:var(--primary-red)}.toggle-icon{font-size:16px;transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.event-card-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.event-card-content.show{max-height:2000px}.event-description{padding:12px 16px;margin:0;color:#666;font-size:13px;border-bottom:1px solid #f0f0f0;line-height:1.5}.event-meta{display:flex;gap:16px;padding:10px 16px;background:#fafafa;font-size:12px;color:#666;border-bottom:1px solid #f0f0f0}.meta-item{display:flex;align-items:center;gap:5px}.results-section{padding:14px 16px}.loading-results,.no-results-message{padding:20px;text-align:center;color:#999;font-size:13px}.individual-results,.group-results{display:flex;flex-direction:column;gap:20px}.rank-group{background:#f9f9f9;border-radius:6px;padding:12px;border-left:3px solid #ddd}.rank-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.rank-badge{font-size:11px;padding:2px 6px;border-radius:3px;font-weight:700;color:#fff;min-width:28px;text-align:center}.rank-title{font-weight:600;color:#333;flex:1;font-size:13px}.rank-count{background:var(--primary-red);color:#fff;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:700}.no-winners{margin:0;padding:10px 0;text-align:center;color:#999;font-size:13px;font-style:italic}.winners-list{display:flex;flex-direction:column;gap:10px}.winner-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 12px;border-radius:4px;border:1px solid #f0f0f0;transition:all .2s ease;font-size:13px}.winner-item:hover{border-color:var(--primary-red);background:#fff9f9}.winner-name{font-weight:600;color:var(--text-dark);font-size:13px}.winner-details{display:flex;gap:8px;align-items:center}.zone-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.points-badge{background:#f0f0f0;color:var(--primary-red);padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.loading-spinner{text-align:center;padding:40px 20px;color:#999;font-size:14px}.error-message{background:#fee;color:#c33;padding:16px;border-radius:6px;text-align:center;margin:16px 0;font-size:13px}.no-results{background:#fff;padding:32px 20px;border-radius:8px;text-align:center;color:#999;font-size:14px}@media (max-width: 600px){.results-page{padding:70px 15px 15px}.results-title{font-size:24px}.event-card-title{flex-direction:column;align-items:flex-start}.event-card-title h3{font-size:16px}.event-meta{flex-direction:column;gap:8px}.rank-header{flex-wrap:wrap}.winner-item{flex-direction:column;align-items:flex-start;gap:8px}.winner-details{width:100%;justify-content:flex-start}}.admin-dashboard{min-height:100vh;background-color:#fbf8e8;position:relative;padding:0}.admin-header{background:linear-gradient(135deg,#af1723,#7a0f1a);color:#fff;padding:10px 20px;text-align:center;box-shadow:0 4px 12px #af172333}.admin-header-content{max-width:1200px;margin:0 auto}.admin-title{font-size:1.5rem;font-weight:700;margin:0 0 2px;letter-spacing:-.5px}.admin-subtitle{font-size:.8rem;opacity:.9;margin:0}.admin-container{display:flex;flex-direction:column;gap:15px;margin:15px auto;max-width:1400px;padding:0 20px}.event-selector-wrapper{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:15px}.event-selector-header{display:flex;align-items:center;gap:10px}.selector-controls{display:flex;gap:10px;width:100%;align-items:center}.event-search-dropdown{flex:1;position:relative}.event-search-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff;color:#272727}.event-search-input:focus{outline:none;border-color:#af1723;box-shadow:0 0 0 3px #af17231a}.event-search-input::placeholder{color:#999}.event-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #af1723;border-radius:8px;box-shadow:0 8px 24px #0000001f;z-index:1000;margin-top:5px;max-height:500px;overflow:hidden;display:flex;flex-direction:column}.dropdown-filters{display:flex;gap:8px;padding:12px;border-bottom:1px solid #f0f0f0;background:#fbf8e8;flex-wrap:wrap}.dropdown-filters .filter-btn{padding:6px 12px;border:2px solid #e0e0e0;background:#fff;color:#272727;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.dropdown-filters .filter-btn:hover{border-color:#af1723;color:#af1723}.dropdown-filters .filter-btn.active{background:#af1723;color:#fff;border-color:#af1723}.dropdown-items{overflow-y:auto;max-height:380px;flex:1}.dropdown-item{padding:15px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all .2s ease;background:#fff}.dropdown-item:hover{background:#fbf8e8}.dropdown-item.active{background:#af172314;border-left:4px solid #af1723;padding-left:11px}.dropdown-item-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.dropdown-item-header h4{margin:0;font-size:.95rem;color:#272727;flex:1}.dropdown-item-info{display:flex;gap:15px;font-size:.85rem;color:#666}.dropdown-loading,.dropdown-empty{padding:20px 15px;text-align:center;color:#999;font-size:.9rem}.clear-selection-btn{padding:10px 16px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;white-space:nowrap}.clear-selection-btn:hover{background:#d32f2f;transform:scale(1.05)}.admin-main-full{max-width:100%}font-weight: 600; flex-shrink: 0; text-transform: uppercase; } .event-info{display:flex;gap:10px;font-size:.8rem;color:#666}.reg-count,.pts-1st{display:inline-block}.loading-state{padding:30px 20px;text-align:center;color:#999;font-size:.95rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 40px;color:#999}.empty-icon{font-size:4rem;opacity:.5}.empty-state h2{color:#666;margin:0}.empty-state p{margin:0;font-size:.95rem}.admin-main{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.event-details-header{padding:20px 25px;border-bottom:2px solid #f5f5f5;display:flex;justify-content:space-between;align-items:flex-start;gap:25px}.event-details-header>div:first-child{flex:0 1 auto}.event-details-header h2{margin:0 0 6px;color:#272727;font-size:1.5rem}.event-type-label{margin:0;color:#666;font-size:.9rem}.event-stats{display:flex!important;flex-direction:row!important;gap:30px!important;align-items:center!important;flex-shrink:0!important;margin-left:auto!important}.stat{text-align:center;display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important}.stat-value{font-size:1.5rem;font-weight:700;color:#af1723}.stat-label{font-size:.8rem;color:#999;margin-top:2px}.tabs{display:flex;gap:0;padding:0 25px;border-bottom:2px solid #f0f0f0;background:#fafafa}.tab{padding:15px 20px;background:none;border:none;color:#999;font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .2s ease}.tab:hover{color:#666}.tab.active{color:#af1723;border-bottom-color:#af1723}.tab-content{flex:1;overflow-y:auto;padding:25px}.table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e5e5}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table thead{background:#f5f5f5;position:sticky;top:0}.admin-table th{padding:15px;text-align:left;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0}.admin-table td{padding:15px;border-bottom:1px solid #f0f0f0;color:#272727}.admin-table tbody tr:hover{background:#fafafa}.admin-table tbody tr.has-result{background:#af172308}.user-name{font-weight:500;color:#af1723}.user-email{color:#999;font-size:.9rem}.zone-badge{display:inline-block;padding:6px 12px;border:2px solid;border-radius:20px;font-size:.85rem;font-weight:500}.result-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-weight:600;color:#fff;font-size:.85rem}.result-badge.rank-1st{background:linear-gradient(135deg,#ffc107,#ff9800)}.result-badge.rank-2nd{background:linear-gradient(135deg,silver,#a8a8a8)}.result-badge.rank-3rd{background:linear-gradient(135deg,#cd7f32,#b67e2a)}.no-result{display:inline-block;padding:6px 12px;background:#f0f0f0;color:#999;border-radius:20px;font-size:.85rem}.action-btn{padding:8px 14px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.action-btn:hover{border-color:#af1723;color:#af1723}.mark-btn:hover{background:#af17230d}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rank-card{background:linear-gradient(135deg,#f9f9f9,#fafafa);border-radius:10px;overflow:hidden;border-left:5px solid #ddd;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column}.rank-header{padding:12px 15px;background:#fff;border-bottom:3px solid;display:flex;align-items:center;gap:8px}.rank-icon{font-size:1.3rem;flex-shrink:0}.rank-header h3{margin:0;flex:1;font-size:1rem}.rank-count{display:inline-block;padding:3px 8px;background:#0000000d;border-radius:12px;font-size:.8rem;font-weight:600}.winners-list{padding:10px 12px;max-height:400px;overflow-y:auto;flex:1}.winner-item{padding:10px;margin-bottom:8px;background:#fff;border-radius:6px;border-left:3px solid #ddd}.winner-info{margin:0}.winner-name{margin:0 0 3px;font-weight:600;color:#272727;font-size:.9rem}.winner-zone{margin:0;color:#999;font-size:.8rem}.no-winners{padding:20px;text-align:center;color:#999;font-size:.9rem;margin:0}.empty-table{padding:40px;text-align:center;color:#999}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:90%;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;transition:color .2s}.modal-close:hover{color:#af1723}.modal-title{margin:25px 25px 0;color:#272727;font-size:1.5rem;font-weight:700}.modal-body{padding:25px}.user-info-card{background:#f9f9f9;padding:15px;border-radius:8px;border-left:4px solid #af1723;margin-bottom:25px}.user-info-card p{margin:8px 0;color:#272727;font-size:.95rem}.rank-selector{margin-bottom:25px}.rank-selector label{display:block;margin-bottom:15px;font-weight:600;color:#272727}.rank-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rank-option{padding:12px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.85rem;transition:all .2s ease}.rank-option:hover{border-color:#af1723;background:#af17230d}.rank-option.selected{border-color:#af1723;background:linear-gradient(135deg,#af17231a,#af17230d);font-weight:600}.rank-option .rank-icon{font-size:1.5rem}.points-preview{padding:15px;background:#af17230d;border-radius:8px;border-left:4px solid #af1723;margin-bottom:25px}.points-label{margin:0 0 8px;color:#666;font-size:.9rem;font-weight:500}.points-value{margin:0;font-size:1.3rem;font-weight:700}.modal-footer{padding:20px 25px;border-top:1px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-btn{background:#f0f0f0;color:#666}.cancel-btn:hover{background:#e0e0e0}.confirm-btn{background:linear-gradient(135deg,#af1723,#7a0f1a);color:#fff}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #af17234d}.alert{margin:0 auto 20px;max-width:1400px;padding:15px 20px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:500}.alert-error{background:#dc26261a;color:#dc2626;border-left:4px solid #dc2626}.alert-success{background:#22c55e1a;color:#22c55e;border-left:4px solid #22c55e}.alert-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s}.alert-close:hover{opacity:1}.events-list::-webkit-scrollbar,.winners-list::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:8px}.events-list::-webkit-scrollbar-track,.winners-list::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:transparent}.events-list::-webkit-scrollbar-thumb,.winners-list::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#af17234d;border-radius:4px}.events-list::-webkit-scrollbar-thumb:hover,.winners-list::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#af172380}.admin-footer{padding:12px;margin:12px auto;max-width:1400px;width:100%;box-sizing:border-box}.signout-container{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;padding:10px 15px;border-radius:8px;box-shadow:0 2px 8px #00000014;border-left:4px solid #af1723}.signout-user-info{display:flex;align-items:center;gap:8px}.signout-user-name{font-size:.85rem;color:#272727;font-weight:500}.signout-btn{padding:8px 16px;background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s ease;white-space:nowrap}.signout-btn:hover:not(:disabled){background:linear-gradient(135deg,#d32f2f,#b71c1c);transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.signout-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 1024px){.admin-container{flex-direction:column;gap:15px}.admin-sidebar{flex:1;max-height:50vh}.results-grid{grid-template-columns:repeat(2,1fr)}.event-stats{flex-direction:column;gap:15px}.event-details-header{flex-direction:column}}@media (max-width: 768px){.admin-title{font-size:1.3rem}.admin-table{font-size:.85rem}.admin-table th,.admin-table td{padding:10px}.rank-options,.results-grid{grid-template-columns:1fr}.filter-buttons{justify-content:center}.signout-container{flex-direction:column;gap:12px;align-items:stretch}.signout-btn{width:100%}}.group-results-container{padding:20px}.group-results-empty{text-align:center;padding:40px 20px}.group-results-empty p{color:#999;margin-bottom:20px;font-size:1.1rem}.add-result-btn{padding:12px 24px;background:linear-gradient(135deg,#af1723,#7a0f1a);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:20px}.add-result-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #af17234d}.group-result-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.95rem;font-weight:600;color:#333}.zone-select{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;background:#fff;cursor:pointer;transition:border-color .2s ease}.zone-select:focus{outline:none;border-color:#af1723}.zone-select:hover{border-color:silver}.points-info{font-size:.9rem;color:#666;margin-top:4px}.form-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.form-group-header label{margin:0}.points-badge{display:inline-block;background:linear-gradient(135deg,#af1723,#7a0f1a);color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.zones-checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px;padding:12px;background:#f9f7f0;border-radius:8px;border:1px solid #e8e5e0}.zone-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.zone-checkbox:hover{background:#af17230d}.zone-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#af1723}.zone-checkbox label{cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;margin:0;flex:1}.selected-zones{font-size:.9rem;color:#af1723;font-weight:600;margin-top:8px;padding:8px 12px;background:#af17231a;border-radius:6px}.modal-subtitle{font-size:.9rem;color:#666;margin-top:-8px;margin-bottom:12px}@media (max-width: 768px){.group-result-form{gap:16px}.zone-select{font-size:.9rem;padding:10px}}.add-participant-btn{padding:8px 16px;background:linear-gradient(135deg,#06f,#0047d9);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-participant-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0047d94d}.add-user-form{display:flex;flex-direction:column;gap:20px}.form-input{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;background:#fff;transition:border-color .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:#af1723}.form-input:hover{border-color:silver}.form-input::placeholder{color:#999}@media (max-width: 768px){.modal-content{width:95%;max-width:100%;max-height:85vh;overflow-y:auto}.modal-title{font-size:1.25rem;margin:20px 20px 5px}.modal-subtitle{margin:0 20px 15px;font-size:.85rem}.modal-body{padding:15px 20px}.modal-footer{padding:15px 20px;flex-direction:column;gap:10px}.modal-btn{width:100%;padding:12px 16px;font-size:.9rem}.modal-close{top:12px;right:12px;font-size:1.3rem;width:40px;height:40px}.add-user-form{gap:16px}.form-group{gap:6px}.form-group label{font-size:.9rem}.form-input,.zone-select{padding:14px 12px;font-size:16px}.add-participant-btn{width:100%;padding:10px 12px}.dropdown-item-info{flex-direction:column;gap:12px}.user-info-card{padding:12px;margin-bottom:15px}.user-info-card p{font-size:.9rem;margin:6px 0}.rank-options{gap:8px}.rank-option{padding:10px;font-size:.8rem;gap:6px}.rank-option .rank-icon{font-size:1.3rem}.points-preview{padding:12px;margin-bottom:15px}.points-label{margin-bottom:6px;font-size:.85rem}.points-value{font-size:1.1rem}}@media (max-width: 480px){.modal-content{width:100%;border-radius:12px 12px 0 0;max-height:90vh}.modal-title{font-size:1.1rem;margin:18px 18px 3px}.modal-body,.modal-footer{padding:12px 18px}.form-input,.zone-select{padding:14px 12px;border-radius:6px;font-size:16px}.add-user-form{gap:14px}.form-group label{font-size:.9rem;font-weight:700}.modal-btn{padding:12px 14px;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
