body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{-webkit-tap-highlight-color:transparent;color:#1e293b;font-family:Inter,Segoe UI,system-ui,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;transition:all .3s ease}#root,.app-outer-container,body,html{background:linear-gradient(135deg,#667eea,#764ba2)}.app-outer-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.app-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;height:85vh;max-height:800px;max-width:420px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.app-container.dark{background:#1e293bf2;border:1px solid #ffffff1a;color:#f7fafc}.app-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #fff3;border-radius:24px 24px 0 0;display:flex;flex-shrink:0;justify-content:center;padding:1.5rem 1.5rem 1rem;position:sticky;top:0;z-index:1100}.app-container.dark .app-header{background:#1e293bf2;border-bottom:1px solid #ffffff1a}.app-header h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.8rem;font-weight:800;gap:.5rem;margin:0;-webkit-user-select:none;user-select:none}.app-container.dark .app-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#90cdf4,#a78bfa);-webkit-background-clip:text;background-clip:text}.dark-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#667eea1a;border:none;border-radius:16px;color:#667eea;cursor:pointer;display:flex;font-size:1.4rem;justify-content:center;padding:.75rem;position:absolute;right:1.5rem;transition:all .3s ease}.dark-mode-toggle:hover{background:#667eea33;transform:scale(1.05)}.app-container.dark .dark-mode-toggle{background:#90cdf41a;color:#90cdf4}.app-container.dark .dark-mode-toggle:hover{background:#90cdf433}.main-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 1.5rem 1.5rem;scroll-behavior:smooth;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.input-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.app-container.dark .input-section{background:#2d3748cc;border:1px solid #ffffff1a;color:#f7fafc}.input-section:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-2px)}.input-section h2{align-items:center;color:#667eea;display:flex;font-size:1.2rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.app-container.dark .input-section h2{color:#90cdf4}.add-user{align-items:center;display:flex;gap:.75rem}.add-user input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #667eea33;border-radius:16px;color:#1e293b;flex:1 1;font-size:1rem;padding:.875rem 1.25rem;transition:all .3s ease}.add-user input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.add-user input::placeholder{color:#94a3b8}.app-container.dark .add-user input{background:#1e293be6;border-color:#90cdf433;color:#f7fafc}.app-container.dark .add-user input:focus{background:#1e293b;border-color:#90cdf4;box-shadow:0 0 0 3px #90cdf426}.add-user button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.add-user button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.add-user button:disabled{cursor:not-allowed;opacity:.6;transform:none}.claim-points{align-items:center;display:flex;gap:.75rem}.claim-points select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #10b98133;border-radius:16px;color:#1e293b;flex:1 1;font-size:1rem;padding:.875rem 1.25rem;transition:all .3s ease}.claim-points select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126;outline:none}.app-container.dark .claim-points select{background:#1e293be6;border-color:#34d39933;color:#f7fafc}.app-container.dark .claim-points select:focus{background:#1e293b;border-color:#34d399;box-shadow:0 0 0 3px #34d39926}.claim-points button{background:linear-gradient(45deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 4px 15px #10b9814d;color:#fff;cursor:pointer;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease;white-space:nowrap}.claim-points button:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.claim-points button:disabled{cursor:not-allowed;opacity:.6;transform:none}.claim-result{animation:slideIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#10b9811a,#0596691a);border:1px solid #10b9814d;border-radius:16px;color:#059669;font-weight:600;margin-top:1rem;padding:1rem 1.25rem;text-align:center}.app-container.dark .claim-result{background:linear-gradient(45deg,#34d39933,#10b98133);color:#34d399}.podium{align-items:end;gap:.5rem;justify-content:center;margin:2rem 0;padding:2rem 1rem;perspective:1000px}.podium,.podium-slot{display:flex;position:relative}.podium-slot{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #ffffff4d;border-radius:24px 24px 12px 12px;cursor:pointer;flex-direction:column;justify-content:flex-end;overflow:visible;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none}.podium-slot:before{background:inherit;border-radius:24px 24px 12px 12px;bottom:0;content:"";left:0;right:0;top:0;transition:all .4s ease;z-index:-1}.podium-slot:hover{box-shadow:0 25px 50px #00000040;transform:translateY(-8px) scale(1.05) rotateY(5deg)}.podium-slot:hover:before{opacity:.3;transform:translateY(8px) scale(.95)}.podium-slot.rank-1{background:linear-gradient(135deg,gold,orange 50%,#ff8c00);border:3px solid gold;box-shadow:0 20px 40px #ffd70066,0 0 0 4px #ffd70033,inset 0 2px 0 #ffffff4d;height:200px;order:2;padding:1.5rem 1rem 2rem;width:120px;z-index:3}.podium-slot.rank-1:after{animation:goldGlow 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#0000,#ffd7001a,#0000);border-radius:30px;bottom:-10px;content:"";left:-10px;position:absolute;right:-10px;top:-10px;z-index:-2}@keyframes goldGlow{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.02)}}.podium-slot.rank-2{background:linear-gradient(135deg,silver,#e5e5e5 50%,#d3d3d3);border:3px solid silver;box-shadow:0 15px 35px #c0c0c066,0 0 0 3px #c0c0c033,inset 0 2px 0 #fff6;height:170px;order:1;padding:1.25rem 1rem 1.75rem;width:110px;z-index:2}.podium-slot.rank-3{background:linear-gradient(135deg,#cd7f32,#d2691e 50%,sienna);border:3px solid #cd7f32;box-shadow:0 12px 30px #cd7f3266,0 0 0 3px #cd7f3233,inset 0 2px 0 #ffffff4d;height:140px;order:3;padding:1rem 1rem 1.5rem;width:110px;z-index:2}.app-container.dark .podium-slot{background:#2d3748f2;border:2px solid #ffffff1a}.app-container.dark .podium-slot.rank-1{background:linear-gradient(135deg,#b8860b,#daa520 50%,gold);border:3px solid #daa520}.app-container.dark .podium-slot.rank-2{background:linear-gradient(135deg,#696969,#a9a9a9 50%,silver);border:3px solid #a9a9a9}.app-container.dark .podium-slot.rank-3{background:linear-gradient(135deg,#8b4513,sienna 50%,peru);border:3px solid sienna}.crown.floating{animation:floatCrown 3s ease-in-out infinite;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));font-size:2.5rem;left:50%;pointer-events:none;position:absolute;top:-20px;transform:translateX(-50%);z-index:10}@keyframes floatCrown{0%,to{filter:drop-shadow(0 6px 12px rgba(0,0,0,.3)) hue-rotate(0deg);transform:translateX(-50%) translateY(0) rotate(-3deg)}50%{filter:drop-shadow(0 10px 20px rgba(0,0,0,.4)) hue-rotate(10deg);transform:translateX(-50%) translateY(-12px) rotate(3deg)}}.podium-slot .avatar{border:4px solid #ffffffe6;border-radius:50%;box-shadow:0 8px 25px #0003;margin-bottom:1rem;overflow:hidden;position:relative;transition:all .4s ease}.podium-slot.rank-1 .avatar{border:4px solid gold;box-shadow:0 0 0 2px #ffd7004d,0 8px 25px #0003;height:80px;width:80px}.podium-slot.rank-2 .avatar{border:4px solid silver;height:70px;width:70px}.podium-slot.rank-3 .avatar{border:4px solid #cd7f32;height:70px;width:70px}.podium-slot:hover .avatar{box-shadow:0 12px 30px #0000004d;transform:scale(1.1) rotate(5deg)}.podium-slot.rank-1 .avatar:after{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.podium-slot.rank-1:hover .avatar:after{left:100%}.podium-name{font-size:1.1rem;font-weight:800;letter-spacing:.5px;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.podium-slot.rank-1 .podium-name{color:#1a1a1a;font-size:1.3rem;text-shadow:0 2px 4px #0003}.podium-slot.rank-2 .podium-name,.podium-slot.rank-3 .podium-name{color:#1a1a1a;font-size:1.1rem}.podium-points{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.podium-slot.rank-1 .podium-points{background:#ffffff4d;color:#1a1a1a;font-size:1.1rem;font-weight:800}.podium-slot:hover .podium-points{background:#fff6;transform:scale(1.05)}.podium-slot.rank-1 .podium-points .fa-trophy{color:gold;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.2rem}.podium-slot.rank-2 .podium-points .fa-trophy{color:silver;font-size:1.1rem}.podium-slot.rank-3 .podium-points .fa-trophy{color:#cd7f32;font-size:1.1rem}.podium-slot:before{align-items:center;border-radius:50%;color:#fff;content:attr(data-rank);display:flex;font-size:1.2rem;font-weight:900;height:35px;justify-content:center;position:absolute;right:-15px;top:-15px;transition:all .3s ease;width:35px;z-index:5}.podium-slot.rank-1:before{background:linear-gradient(135deg,gold,orange);box-shadow:0 4px 15px #ffd70080;content:"1"}.podium-slot.rank-2:before{background:linear-gradient(135deg,silver,#a9a9a9);box-shadow:0 4px 15px #c0c0c080;content:"2"}.podium-slot.rank-3:before{background:linear-gradient(135deg,#cd7f32,sienna);box-shadow:0 4px 15px #cd7f3280;content:"3"}.confetti-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.confetti-piece{animation:confettiFall 3s ease-out forwards;background:gold;height:8px;position:absolute;width:8px}.confetti-piece:nth-child(odd){animation-delay:.1s;background:#ff6b6b}.confetti-piece:nth-child(3n){animation-delay:.2s;background:#4ecdc4;height:12px;width:6px}.confetti-piece:nth-child(4n){animation-delay:.3s;background:#45b7d1;border-radius:50%}.confetti-piece:nth-child(5n){animation-delay:.4s;background:#96ceb4;height:6px;width:10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.points-claimed-success{animation:pointsSuccess .6s ease-out}@keyframes pointsSuccess{0%{transform:scale(1)}50%{box-shadow:0 0 20px #10b98199;transform:scale(1.1)}to{transform:scale(1)}}.avatar,.avatar-sm{border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 8px 25px #00000026;flex-shrink:0;overflow:hidden;transition:all .3s ease}.avatar{height:60px;margin:0 auto .75rem;width:60px}.avatar-sm{height:45px;margin-right:1rem;width:45px}.rank-card:hover .avatar-sm{box-shadow:0 8px 20px #0003;transform:scale(1.1)}.avatar img,.avatar-sm img{height:100%;object-fit:cover;width:100%}.initials{align-items:center;background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.4rem;font-weight:800;height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}.avatar-sm .initials{font-size:1.1rem}.rank-list{max-height:280px;overflow-x:hidden;overflow-y:auto;padding-right:.5rem;scroll-behavior:smooth;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.rank-list::-webkit-scrollbar{width:6px}.rank-list::-webkit-scrollbar-track{background:#0000}.rank-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.rank-list::-webkit-scrollbar-thumb:hover{background:#667eea80}.rank-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #ffffff4d;border-radius:18px;cursor:pointer;display:flex;margin-bottom:.75rem;padding:1rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.rank-card:hover{background:#fffffff2;box-shadow:0 12px 30px #00000026;transform:translateY(-2px)}.app-container.dark .rank-card{background:#2d3748cc;border:1px solid #ffffff1a}.app-container.dark .rank-card:hover{background:#2d3748f2}.rank-num{color:#667eea;flex-shrink:0;font-size:1.4rem;font-weight:900;margin-right:1rem;text-align:center;width:30px}.app-container.dark .rank-num{color:#90cdf4}.rank-info{display:flex;flex-direction:column;flex-grow:1;gap:.25rem}.rank-name{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.app-container.dark .rank-name{color:#f7fafc}.rank-points{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;margin:0}.app-container.dark .rank-points{color:#cbd5e0}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.slide-in{animation:slideIn .5s ease forwards}.toast-notification{animation:toastSlideUp .5s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#10b981,#059669);border-radius:18px;bottom:30px;box-shadow:0 10px 40px #10b98166;color:#fff;font-weight:600;left:50%;max-width:350px;padding:1rem 1.5rem;position:fixed;text-align:center;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:3000}@keyframes toastSlideUp{0%{opacity:0;transform:translateX(-50%) translateY(100px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:5000}.modal-box{animation:modalZoomIn .3s ease forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 25px 80px #0000004d;max-width:400px;padding:2rem;width:100%}.app-container.dark .modal-box{background:#1e293bf2;border:1px solid #ffffff1a;color:#f7fafc}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-box h2{color:#1e293b;font-weight:700;margin-bottom:1.5rem;margin-top:0}.app-container.dark .modal-box h2{color:#f7fafc}.claim-history-list{list-style:none;margin:0 0 2rem;max-height:250px;overflow-y:auto;padding:0;scrollbar-color:#667eea4d #0000;scrollbar-width:thin}.claim-history-list::-webkit-scrollbar{width:6px}.claim-history-list::-webkit-scrollbar-track{background:#0000}.claim-history-list::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:10px}.claim-history-item{align-items:center;animation:slideIn .4s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f3f4f6cc;border:1px solid #cbd5e180;border-radius:16px;color:#1e293b;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem;padding:1rem 1.25rem}.app-container.dark .claim-history-item{background:#4a5568cc;border:1px solid #ffffff1a;color:#f7fafc}.modal-box .close-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:0 auto;padding:.75rem 1.5rem;transition:all .3s ease}.modal-box .close-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.bottom-nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -10px 40px #0000001a;display:flex;gap:2rem;justify-content:center;left:50%;max-width:420px;padding:1rem 2rem;position:fixed;transform:translateX(-50%);width:100%;z-index:1000}.app-container.dark .bottom-nav{background:#1e293bf2;border:1px solid #ffffff1a}.bottom-nav .nav-icon{align-items:center;border-radius:12px;color:#667eea;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:.5rem;transition:all .3s ease}.bottom-nav .nav-icon:hover{background:#667eea1a;transform:scale(1.1)}.app-container.dark .bottom-nav .nav-icon{color:#90cdf4}.app-container.dark .bottom-nav .nav-icon:hover{background:#90cdf41a}@media (max-width:480px){.app-outer-container{padding:10px}.app-container{border-radius:20px;height:90vh}.podium{gap:.5rem}.podium-slot{padding:1.2rem .5rem 1.5rem;width:85px}.avatar{height:50px;width:50px}.main-content{padding:1rem}}
/*# sourceMappingURL=main.d09840b2.css.map*/