.support-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.support-modal-content{background:var(--card-bg);border-radius:20px;box-shadow:0 25px 50px #00000040;max-width:500px;width:90%;max-height:80vh;overflow:hidden;animation:slideUp .3s ease-out;position:relative}.support-modal-header{display:flex;justify-content:flex-end;padding:1.5rem 1.5rem 0}.support-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.support-modal-close:hover{background:var(--border-color);color:var(--text-color)}.support-modal-body{padding:0 2rem 2rem;max-height:calc(80vh - 80px);overflow-y:auto}.support-title{font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 .5rem;background:linear-gradient(135deg,#6d28d9,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;text-align:center}.support-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:1.5rem;text-align:center}.support-form{text-align:left}.form-group{margin-bottom:1.25rem;position:relative}.form-label{display:block;color:var(--text-color);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.form-textarea{resize:vertical;min-height:120px}.char-count{position:absolute;bottom:-20px;right:0;font-size:.75rem;color:var(--text-secondary)}.submit-btn{width:100%;padding:.875rem;background:linear-gradient(135deg,#6d28d9,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf64d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}body.light .support-modal-content,body:not(.dark) .support-modal-content{background:#fff;border:1px solid rgba(0,0,0,.08)}body.light .form-input,body.light .form-select,body.light .form-textarea,body:not(.dark) .form-input,body:not(.dark) .form-select,body:not(.dark) .form-textarea{background:#fff;border-color:#00000026;color:#111827}body.light .form-label,body:not(.dark) .form-label{color:#111827}body.light .support-description,body:not(.dark) .support-description{color:#6b7280}body.light .char-count,body:not(.dark) .char-count{color:#9ca3af}body.light .support-modal-close,body:not(.dark) .support-modal-close{color:#6b7280}body.light .support-modal-close:hover,body:not(.dark) .support-modal-close:hover{background:#0000000d;color:#111827}body.dark .support-modal-content{background:var(--card-bg);border:1px solid var(--border-color)}body.dark .support-title{background:linear-gradient(135deg,#a78bfa,#c084fc);background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.support-modal-content{margin:1rem;max-width:calc(100vw - 2rem);border-radius:16px}.support-modal-header{padding:1rem 1rem 0}.support-modal-body{padding:0 1.5rem 2rem}.support-title{font-size:2.5rem}}.verify-page-wrapper{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#fff;padding:0;margin:0}.verify-card{background:#fff;padding:3rem 2rem;width:100%;max-width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.verify-icon-container{margin-bottom:1.5rem}.verify-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#f0fdf4;border-radius:50%}.verify-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .75rem}.verify-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.4}.verify-input-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.verify-input{width:44px;height:48px;text-align:center;font-size:1.25rem;font-weight:600;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#1f2937;outline:none;transition:all .2s ease}.verify-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.verify-input:disabled{opacity:.5;cursor:not-allowed}.verify-submit-btn{width:100%;padding:.875rem 1.5rem;background:#22d3ee;border:none;border-radius:25px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.verify-submit-btn:hover:not(:disabled){background:#06b6d4;transform:translateY(-1px)}.verify-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.verify-resend-link{background:transparent;border:none;color:#3b82f6;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:.5rem;margin-bottom:1.5rem;display:block;width:100%}.verify-resend-link:hover:not(:disabled){color:#2563eb}.verify-resend-link:disabled{color:#9ca3af;cursor:not-allowed}.verify-note{font-size:.75rem;color:#9ca3af;margin:1rem 0 0;max-width:300px}@media (max-width: 480px){.verify-card{padding:2rem 1.5rem}.verify-input{width:40px;height:44px;font-size:1rem}.verify-input-container{gap:.4rem}.verify-title{font-size:1.25rem}.verify-note{font-size:.7rem}}.invoice-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow-y:auto;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.invoice-container{background:#fff;max-width:650px;width:100%;border-radius:12px;box-shadow:0 10px 40px #0000004d;position:relative;max-height:95vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.invoice-close-btn{position:absolute;top:15px;right:15px;background:#f44;color:#fff;border:none;width:35px;height:35px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;line-height:1;padding:0}.invoice-close-btn:hover{background:#c00;transform:rotate(90deg)}.invoice-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:30px 20px 25px;text-align:center;border-radius:12px 12px 0 0}.invoice-logo h1{margin:0;font-size:32px;font-weight:700;letter-spacing:1px}.invoice-logo p{margin:8px 0 0;font-size:14px;opacity:.95;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.invoice-code-section{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:25px 20px;text-align:center;border-bottom:3px dashed #ff9800}.invoice-code-section h2{margin:0 0 15px;font-size:18px;color:#e65100;font-weight:600;text-transform:uppercase;letter-spacing:1px}.invoice-code-display{background:#fff;border:3px solid #ff9800;border-radius:10px;padding:15px 20px;font-size:24px;font-weight:700;color:#e65100;letter-spacing:2px;font-family:Courier New,monospace;margin:0 auto;display:inline-block;box-shadow:0 4px 12px #ff980033}.invoice-code-hint{margin:12px 0 0;font-size:12px;color:#bf360c;font-style:italic}.invoice-date{padding:15px 30px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;font-size:13px;color:#555}.invoice-date strong{color:#333}.invoice-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:0}.invoice-section{padding:25px 30px}.invoice-section h3{margin:0 0 18px;font-size:16px;color:#34495e;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #34495e;padding-bottom:8px}.invoice-details{display:flex;flex-direction:column;gap:8px;font-family:Courier New,monospace}.invoice-details .detail-row{display:flex;justify-content:flex-start;align-items:center;padding:12px 16px;position:relative;line-height:1.6;background:#f8f4ff;border:1px solid #e8deff;border-radius:0;margin-bottom:0;gap:8px}.invoice-details .detail-row:last-child{border:1px solid #e8deff}.invoice-details .detail-label{font-weight:600;color:#333;font-size:13px;position:relative;z-index:1;white-space:nowrap}.invoice-details .detail-value{color:#000;font-size:13px;text-align:left;position:relative;z-index:1;font-weight:500}.detail-value.invoice-code{font-size:12px;font-weight:700;color:#e67e22;font-family:Courier New,monospace;letter-spacing:.5px}.detail-value.ticket-number{font-size:14px;font-weight:700;color:#2c3e50}.detail-value.price{font-weight:700;color:#27ae60;font-size:14px}.detail-value.transaction-id{font-family:Courier New,monospace;font-size:11px;color:#666;word-break:break-all}.detail-value.payment-status{color:#27ae60;font-weight:600}.highlight-row{padding:10px 0;margin:10px 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.highlight-row .detail-label{font-size:14px;color:#000;font-weight:700}.highlight-row .detail-value.total-amount{font-size:14px;font-weight:700;color:#000}.invoice-warning{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #f44336;border-radius:10px;padding:15px 20px;margin:20px 30px;display:flex;gap:12px;align-items:start}.warning-icon{font-size:24px;flex-shrink:0}.warning-content h4{margin:0 0 12px;color:#c62828;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.warning-content p{margin:0 0 8px;color:#d32f2f;font-size:12px;line-height:1.5}.warning-content p:last-child{margin:0}.invoice-actions{padding:20px 30px;display:flex;gap:15px;justify-content:center;border-top:1px solid #e0e0e0}.btn-download-pdf{padding:16px 40px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 12px #3498db4d;min-width:250px}.btn-download-pdf:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 6px 16px #3498db66}.btn-download-pdf:active{transform:translateY(0);box-shadow:0 2px 8px #3498db4d}.invoice-footer{background:#f5f5f5;padding:20px;text-align:center;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0}.invoice-footer p{margin:0;color:#666;font-size:13px}.footer-small{font-size:11px!important;color:#999!important;margin-top:5px!important;font-style:italic}@media (max-width: 768px){.invoice-overlay{padding:0!important;align-items:stretch!important;justify-content:flex-start!important;overflow:hidden!important}.invoice-container{max-width:100%!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;overflow-y:auto!important;margin:0!important}.invoice-header{padding:25px 15px 20px;border-radius:0!important}.invoice-code-section,.invoice-warning,.invoice-footer,.download-button{border-radius:0!important}.invoice-logo h1{font-size:26px}.invoice-logo p{font-size:12px}.invoice-code-section{padding:20px 15px}.invoice-code-display{font-size:18px;padding:12px 15px;letter-spacing:1px}.invoice-section{padding:20px}.invoice-section h3{font-size:14px}.detail-row{flex-direction:row;align-items:baseline;gap:0}.detail-label{font-size:12px}.detail-value{text-align:right;max-width:100%;font-size:12px}.invoice-warning{margin:15px 20px;padding:15px}.warning-icon{font-size:24px}.warning-content h4{font-size:13px}.warning-content p{font-size:12px}.invoice-actions{padding:15px 20px}.btn-download-pdf{min-width:100%}}@media (min-width: 769px) and (max-width: 1024px){.invoice-overlay{padding:20px!important}.invoice-container{max-width:500px!important;width:100%!important;margin:auto!important}}@media (max-width: 480px){.invoice-code-display{font-size:16px;padding:10px}.detail-value.ticket-number{font-size:16px}.highlight-row .detail-value.total-amount{font-size:18px}}.raffle-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:radial-gradient(ellipse at top,#1a3a2acc,#0d1f15f2,#050a08);background-attachment:fixed;background-size:100% 100%;min-height:100vh;padding:2rem 1.5rem;color:#e0e0e0;position:relative;overflow-x:hidden;width:100%;max-width:100vw;box-sizing:border-box;margin:0}.raffle-container>*:not(.modal-overlay):not(.floating-decoration){position:relative;z-index:2;max-width:100%;box-sizing:border-box}.raffle-container .modal-overlay{position:fixed;z-index:999999}body.raffle-page{overflow-x:hidden!important;overflow-y:auto!important;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100%}body.modal-open{overflow:hidden!important;height:100vh!important}body.raffle-page #root{overflow-x:hidden!important;overflow-y:visible!important;min-height:auto!important}.raffle-header{text-align:center;margin-bottom:1rem;position:relative;padding:4rem 0 1rem;max-width:100%;overflow:hidden;box-sizing:border-box}.raffle-header:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background-image:radial-gradient(circle at 5% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 12% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 19% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 26% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 33% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 40% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 47% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 54% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 61% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 68% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 75% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 82% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 89% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 96% 50%,#fbbf24 7px,transparent 7px);background-size:100% 100%;z-index:1;pointer-events:none;animation:lightsGlow 2s ease-in-out infinite;transform:translateZ(0)}.raffle-header:after{content:"";position:absolute;top:0;left:0;right:0;height:40px;background-image:radial-gradient(circle at 5% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 12% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 19% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 26% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 33% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 40% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 47% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 54% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 61% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 68% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 75% 50%,#ef4444 7px,transparent 7px),radial-gradient(circle at 82% 50%,#fbbf24 7px,transparent 7px),radial-gradient(circle at 89% 50%,#22c55e 7px,transparent 7px),radial-gradient(circle at 96% 50%,#ef4444 7px,transparent 7px);background-size:100% 100%;z-index:1;pointer-events:none;animation:lightsGlowAlt 2s ease-in-out infinite;transform:translateZ(0)}@keyframes lightsGlow{0%,to{opacity:1;filter:brightness(2) saturate(1.5) drop-shadow(0 0 20px rgba(255,255,255,.9)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(255,255,255,.3))}50%{opacity:.5;filter:brightness(1.2) saturate(1.2) drop-shadow(0 0 10px rgba(255,255,255,.5))}}@keyframes lightsGlowAlt{0%,to{opacity:.5;filter:brightness(1.2) saturate(1.2) drop-shadow(0 0 10px rgba(255,255,255,.5))}50%{opacity:1;filter:brightness(2) saturate(1.5) drop-shadow(0 0 20px rgba(255,255,255,.9)) drop-shadow(0 0 40px rgba(255,255,255,.6)) drop-shadow(0 0 60px rgba(255,255,255,.3))}}.raffle-header h1{font-family:Georgia,Playfair Display,serif;font-size:clamp(3rem,10vw,5.5rem);font-weight:700;color:#e74c3c;text-shadow:2px 2px 0px rgba(0,0,0,.3),4px 4px 8px rgba(0,0,0,.5);margin:0;position:relative;letter-spacing:.5px;line-height:1.1}.year-badge{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:400;font-style:italic;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 25px rgba(255,215,0,.6);margin:.5rem auto .3rem;letter-spacing:3px}.raffle-header p{font-size:1.1rem;color:#fff;font-weight:500;text-shadow:2px 2px 4px rgba(0,0,0,.8);max-width:700px;margin:1rem auto 0;line-height:1.6}.subtitle-raffle{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;color:#c4c4c4;font-weight:300;font-style:normal;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:.8rem auto 1.5rem;letter-spacing:.5px}.tickets-available-badge{display:inline-flex;align-items:center;gap:10px;background:transparent;border:2.5px solid #d4a855;border-radius:50px;padding:12px 32px;margin:0 auto 2.5rem;box-shadow:0 6px 20px #0009,0 0 40px #d4a8554d,inset 0 0 20px #d4a8551a;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tickets-available-badge:hover{transform:scale(1.03);box-shadow:0 8px 25px #000000b3,0 0 50px #d4a85566,inset 0 0 25px #d4a85526;border-color:#ffed4e}.gift-icon-badge{font-size:1.4rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}.available-count{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;color:gold;text-shadow:0 2px 8px rgba(0,0,0,.7),0 0 20px rgba(255,215,0,.5);letter-spacing:1.5px}.available-label{font-family:Arial,sans-serif;font-size:.75rem;font-weight:400;color:#b8b8b8;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 2px 4px rgba(0,0,0,.7)}.category-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.category-btn{padding:12px 30px;font-size:1rem;font-weight:700;border-radius:50px;border:2px solid transparent;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0006;text-transform:none;letter-spacing:.5px}.red-category{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:#dc2626}.red-category:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.02);box-shadow:0 6px 20px #dc262680}.green-category{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border-color:#16a34a}.green-category:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.02);box-shadow:0 6px 20px #16a34a80}.floating-decoration{position:fixed;pointer-events:none;z-index:1;opacity:.6;transition:opacity .3s ease}.tree-1{top:8%;left:3%;font-size:60px;animation:floatSlow 8s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(46,125,50,.5))}.tree-2{top:60%;right:5%;font-size:55px;animation:floatSlow 10s ease-in-out infinite 1s;filter:drop-shadow(0 0 10px rgba(46,125,50,.5))}.star-1{top:25%;right:10%;font-size:50px;animation:starTwinkle 2.5s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.star-2{top:70%;left:8%;font-size:45px;animation:starTwinkle 2.8s ease-in-out infinite .5s;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.star-3{top:15%;left:15%;font-size:40px;animation:starTwinkle 2.3s ease-in-out infinite 1s;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.star-4{top:80%;right:20%;font-size:42px;animation:starTwinkle 2.6s ease-in-out infinite .8s;filter:drop-shadow(0 0 15px rgba(255,215,0,.8))}.gift-1{top:40%;left:6%;font-size:50px;animation:floatMedium 9s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.gift-2{top:55%;right:12%;font-size:48px;animation:floatMedium 8s ease-in-out infinite 1.5s;filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.gift-3{top:90%;left:10%;font-size:46px;animation:floatMedium 8.5s ease-in-out infinite 2s;filter:drop-shadow(0 0 10px rgba(239,68,68,.5))}.snowflake-1{top:12%;left:25%;font-size:45px;animation:floatSlow 9s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(200,230,255,.6))}.snowflake-2{top:50%;left:5%;font-size:42px;animation:floatSlow 10s ease-in-out infinite 1.2s;filter:drop-shadow(0 0 8px rgba(200,230,255,.6))}.snowflake-3{top:75%;right:8%;font-size:40px;animation:floatSlow 9.5s ease-in-out infinite 2s;filter:drop-shadow(0 0 8px rgba(200,230,255,.6))}.bell{top:35%;right:6%;font-size:48px;animation:swing 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}.bell-2{top:85%;left:20%;font-size:45px;animation:swing 2.2s ease-in-out infinite .5s;filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}.bow-1{top:20%;right:25%;font-size:50px;animation:floatSlow 8.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(219,39,119,.6))}.bow-2{top:65%;left:18%;font-size:48px;animation:floatSlow 9s ease-in-out infinite 1.5s;filter:drop-shadow(0 0 10px rgba(219,39,119,.6))}.circle-red{top:30%;left:12%;font-size:35px;animation:bounce 3s ease-in-out infinite}.circle-red-2{top:78%;right:15%;font-size:35px;animation:bounce 3.2s ease-in-out infinite .5s}.circle-yellow{top:45%;right:18%;font-size:35px;animation:floatMedium 7s ease-in-out infinite}.circle-yellow-2{top:95%;left:15%;font-size:35px;animation:floatMedium 7.5s ease-in-out infinite 1s}.circle-green{top:18%;left:8%;font-size:35px;animation:swing 4s ease-in-out infinite}.circle-green-2{top:88%;right:10%;font-size:35px;animation:swing 4.2s ease-in-out infinite .8s}@keyframes floatSlow{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.6}50%{transform:translate3d(0,-15px,0) scale(1.05) rotate(3deg);opacity:.8}}@keyframes floatMedium{0%,to{transform:translateZ(0) scale(1) rotate(0);opacity:.6}50%{transform:translate3d(0,-20px,0) scale(1.08) rotate(5deg);opacity:.9}}@keyframes starTwinkle{0%,to{opacity:.5;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}@keyframes bounce{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-10px,0) scale(1.1)}}@keyframes swing{0%,to{transform:translateZ(0) rotate(-15deg)}50%{transform:translate3d(0,-5px,0) rotate(15deg)}}.raffle-back-button{margin-bottom:1.5rem}.btn-back{background:linear-gradient(145deg,#1f2a40,#172030);border:1px solid rgba(255,215,0,.3);border-radius:8px;padding:.75rem 1.5rem;color:gold;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-back:hover{background:linear-gradient(145deg,#2a3550,#1f2a40);box-shadow:0 4px 15px #ffd70033;transform:scale(1.02)}.raffles-list{display:flex;flex-direction:column;gap:8rem;max-width:95%;margin:0 auto 2rem;width:100%;box-sizing:border-box;overflow:visible}.raffle-card{background:linear-gradient(145deg,#1a3a2e,#0f251d,#0a1812);border-radius:24px;padding:60px 28px 28px;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 8px 24px #0009,0 16px 48px #0006,0 0 0 1px #d4a85526 inset;position:relative;border:1px solid rgba(212,168,85,.25);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible;animation:cardFadeIn .6s ease-out;z-index:10}.raffle-card:before{content:"";position:absolute;top:-95px;left:-130px;width:calc(100% + 260px);height:180px;background-image:url(/img/nieve.png);background-size:100% 100%;background-position:center top;background-repeat:no-repeat;z-index:9999;pointer-events:none;border-radius:24px 24px 0 0;filter:drop-shadow(0 4px 8px rgba(255,255,255,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.5)) drop-shadow(0 8px 16px rgba(200,230,255,.3));will-change:transform;transform:translateZ(0)}.sold-out-badge{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%) rotate(-25deg);background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-size:1.8rem;font-weight:900;padding:14px 50px;border-radius:10px;box-shadow:0 8px 32px #dc2626cc,0 4px 16px #000000e6,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d;border:4px solid #fef2f2;letter-spacing:3px;z-index:200;animation:pulseGlow 2s ease-in-out infinite;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.8),-1px -1px 2px rgba(255,255,255,.2)}@keyframes pulseGlow{0%,to{box-shadow:0 8px 32px #dc2626cc,0 4px 16px #000000e6,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0000004d;transform:translate(-50%,-50%) rotate(-25deg) scale(1)}50%{box-shadow:0 12px 48px #dc2626,0 6px 24px #000,inset 0 2px 4px #fff6,inset 0 -2px 4px #0006;transform:translate(-50%,-50%) rotate(-25deg) scale(1.05)}}.raffle-card.sold-out{opacity:1;position:relative}.raffle-card.raffle-completed{background:linear-gradient(145deg,#1a2a3a,#0f1a25,#0a1218);border:2px solid rgba(76,175,80,.5);box-shadow:0 8px 24px #0009,0 0 20px #4caf5033}.raffle-card.raffle-completed:after{display:none}.completed-badge{background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:1px;box-shadow:0 4px 12px #4caf5066;flex-shrink:0}.sold-out-label{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:1px;box-shadow:0 4px 12px #6b728066;flex-shrink:0}.btn-ver-tickets-header{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;font-size:.75rem!important;font-weight:700!important;padding:6px 14px!important;border-radius:50px!important;white-space:nowrap;box-shadow:0 4px 15px #ef444466!important;border:2px solid rgba(185,28,28,.5)!important;display:flex;align-items:center;gap:6px;flex-shrink:0;cursor:pointer}.completed-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.completed-header .gift-icon{flex-shrink:0}.completed-header .title-content{flex:1;text-align:center}.completed-header .title{text-align:center}.winners-announcement{background:linear-gradient(135deg,#ffd7001a,#ffc1070d);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:12px;margin:15px 0}.winners-title{text-align:center;font-size:1.1rem;color:gold;margin:0 0 10px;text-shadow:0 2px 8px rgba(255,215,0,.3)}.winners-list-card{display:flex;flex-direction:row;gap:10px}.winner-item-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:10px;border-radius:10px;background:#0000004d;flex:1}.winner-item-card.first-place{border:2px solid #FFD700;background:linear-gradient(135deg,#ffd70026,#ffc1070d)}.winner-item-card.second-place{border:2px solid #C0C0C0;background:linear-gradient(135deg,#c0c0c026,#a9a9a90d)}.winner-medal{font-size:1.8rem;line-height:1}.winner-info{display:flex;flex-direction:column;align-items:center}.winner-position{font-size:.75rem;color:#aaa;margin-bottom:2px}.winner-ticket{font-size:.95rem;font-weight:700;color:#fff}.winner-prize{font-size:1.1rem;font-weight:800;color:#4caf50}.draw-date-btn.completed{background:linear-gradient(135deg,#4caf50,#2e7d32)!important;border-color:#4caf50!important}.my-participation{background:#2196f326;border:1px solid rgba(33,150,243,.3);border-radius:12px;padding:12px 16px;margin-top:15px;text-align:center}.my-participation p{margin:0;color:#64b5f6;font-size:.95rem;font-weight:600}.raffle-card.sold-out:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00000080,#14141499,#00000080);border-radius:24px;z-index:5;pointer-events:none;-webkit-backdrop-filter:blur(1px) grayscale(50%);backdrop-filter:blur(1px) grayscale(50%)}.raffle-card.sold-out .cta-button:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.7}.raffle-card.sold-out .cta-button:disabled:hover{transform:none;box-shadow:0 6px 20px #6b72804d}.raffle-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #000000b3,0 20px 60px #00000080,0 0 0 1px #d4a8554d inset,0 0 30px #d4a85526;border-color:#d4a85566}.raffle-card:hover:before{filter:drop-shadow(0 6px 12px rgba(255,255,255,.5)) drop-shadow(0 3px 6px rgba(0,0,0,.6)) drop-shadow(0 10px 20px rgba(200,230,255,.4))}.card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px;margin-top:20px;padding-bottom:24px;gap:20px;position:relative;z-index:20;border-bottom:1px solid rgba(212,168,85,.2)}.left-content{display:flex;align-items:center;gap:15px;flex:1}.gift-icon{background:linear-gradient(135deg,#ef4444,#dc2626);width:70px;height:70px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ef444466;flex-shrink:0}.gift-icon span{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.title-content{display:flex;flex-direction:column;gap:8px;flex:1}.price-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef4444,#dc2626);padding:6px 16px;border-radius:50px;width:-moz-fit-content;width:fit-content;box-shadow:0 2px 8px #ef444466}.price-icon{font-size:1rem}.price-text{font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.title{font-size:1.9rem;font-weight:900;color:#f5d885;text-shadow:2px 2px 0px #6b5328,0 0 20px rgba(245,216,133,.6),0 2px 8px rgba(0,0,0,.8);margin:0;line-height:1.3;letter-spacing:.5px}.card-header .cta-button{font-size:1rem;padding:14px 30px;margin:0;flex-shrink:0;white-space:nowrap}.my-tickets-section{background:linear-gradient(135deg,#1e5128,#133920);border:2px solid #2e7d32;border-radius:14px;padding:16px 20px;margin-bottom:24px;box-shadow:0 4px 12px #2e7d324d,inset 0 1px 2px #ffffff1a;position:relative;z-index:50}.my-tickets-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ticket-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.my-tickets-title{font-size:1.1rem;font-weight:700;color:#a5d6a7;text-shadow:0 2px 4px rgba(0,0,0,.6)}.my-tickets-list{display:flex;flex-wrap:wrap;gap:10px}.my-ticket-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#1a3a2e;font-size:1.2rem;font-weight:900;padding:10px 20px;border-radius:8px;box-shadow:0 4px 12px #ffd70066,inset 0 1px 2px #ffffff4d;border:2px solid rgba(139,115,53,.5);transition:all .3s ease}.my-ticket-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd70099,inset 0 1px 2px #fff6}.progress-section{margin-bottom:20px;background:linear-gradient(145deg,#1a3328,#12271d,#0d1b14);padding:20px;border-radius:14px;border:1px solid rgba(212,168,85,.15);box-shadow:inset 0 2px 8px #00000080,inset 0 0 0 1px #d4a85514,0 2px 8px #0003;position:relative;z-index:50;display:flex;flex-direction:row;align-items:center;gap:15px}.tickets-sold-row{display:flex;justify-content:center;flex-shrink:0}.progress-row{display:flex;align-items:center;justify-content:center;gap:15px;flex:1}.tickets-sold-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);padding:10px 18px;border-radius:50px;box-shadow:0 2px 10px #fbbf2466;flex-shrink:0;height:38px}.tickets-sold-badge span{color:#1a3a2a;font-size:.95rem;font-weight:800;text-shadow:0 1px 1px rgba(255,255,255,.3);white-space:nowrap}.progress-section .progress-bar{height:24px!important;flex:1;background:linear-gradient(145deg,#0a140fe6,#050a08f2);border-radius:50px;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6,inset 0 0 0 1px #14281e80;position:relative;border:1px solid rgba(30,50,40,.6);align-self:center}.progress-section .progress-fill{height:100%!important;background:repeating-linear-gradient(-45deg,#dc2626 0px 15px,#fff 15px 30px)!important;border-radius:50px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 12px #dc2626b3,inset 0 1px 2px #ffffff4d,inset 0 -1px 2px #0003;display:flex;align-items:center;justify-content:center;min-width:0}.progress-percentage-badge{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:.85rem;font-weight:900;padding:10px 16px;border-radius:50px;box-shadow:0 3px 10px #dc262666,inset 0 1px 2px #fff3;border:2px solid rgba(255,255,255,.3);letter-spacing:.5px;min-width:55px;text-align:center;flex-shrink:0;margin-left:12px;height:38px;display:flex;align-items:center;justify-content:center}.progress-glow{display:none}.draw-date-section{display:flex;justify-content:center;gap:12px;margin:20px 0;position:relative;z-index:250}.ticket-price-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a3a2a;font-size:1.05rem;font-weight:700;padding:14px 32px;border:none;border-radius:50px;cursor:default;box-shadow:0 4px 16px #fbbf2466,inset 0 1px 2px #fff3;transition:all .3s ease;text-transform:none;letter-spacing:.5px}.draw-date-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.05rem;font-weight:700;padding:14px 32px;border:none;border-radius:50px;cursor:default;box-shadow:0 4px 16px #10b98166,inset 0 1px 2px #fff3;transition:all .3s ease;text-transform:none;letter-spacing:.5px}.draw-date-btn:hover{background:linear-gradient(135deg,#34d399,#10b981);transform:translateY(-2px);box-shadow:0 6px 24px #10b98180,inset 0 1px 2px #fff3}.prizes-section{margin-bottom:16px;position:relative;z-index:50;min-height:60px}.prizes-header{margin-bottom:16px}.prizes-toggle-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#1a3a2a99,#0f251dcc);border:2px solid rgba(212,168,85,.4);border-radius:12px;padding:16px 24px;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0006,inset 0 1px 2px #d4a85533;position:relative;overflow:hidden}.prizes-toggle-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,168,85,.2),transparent);transition:left .5s ease}.prizes-toggle-btn:hover:before{left:100%}.prizes-toggle-btn:hover{transform:translateY(-2px);background:linear-gradient(145deg,#1a3a2acc,#0f251df2);box-shadow:0 5px 15px #00000080,inset 0 1px 3px #d4a8554d,0 0 20px #d4a85533;border-color:#d4a85599}.prizes-toggle-btn:hover .prizes-title{color:#ffed4e;text-shadow:0 2px 8px rgba(255,237,78,.4)}.prizes-toggle-btn:active{transform:translateY(0)}.prizes-icon{font-size:1.4rem;display:flex;align-items:center}.prizes-title{font-size:1.2rem;font-weight:900;color:#d4a855;margin:0;transition:color .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px;display:flex;align-items:center}.prizes-arrow{font-size:1.1rem;color:#d4a855;transition:transform .3s ease;font-weight:900;display:flex;align-items:center}.prizes-toggle-btn:hover .prizes-arrow{transform:scale(1.2)}.prizes-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.prize-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:10px;position:relative;text-align:center;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.prize-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.first-prize{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 3px 10px #ffd7004d}.second-prize{background:linear-gradient(135deg,silver,#e8e8e8);box-shadow:0 3px 10px #c0c0c04d}.bonus-prize{background:linear-gradient(135deg,#228b22,#32cd32);box-shadow:0 3px 10px #228b224d}.prize-medal{font-size:1.1rem;display:inline}.prize-content{display:flex;flex-direction:column;gap:2px;width:100%}.prize-position{font-size:.7rem;font-weight:700;color:#1a3a2e;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:4px}.prize-amount{font-size:1.2rem;font-weight:900;color:#0d1f1a}.action-section{text-align:center}.cta-button,.christmas-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:1rem;font-weight:800;padding:14px 35px;border:none;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #00000080,0 0 20px #ef44444d;position:relative;transition:all .3s ease;overflow:hidden}.cta-button:before,.christmas-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before,.christmas-button:hover:before{left:100%}.cta-button:hover,.christmas-button:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);transform:scale(1.02) scale(1.03);box-shadow:0 6px 25px #0009,0 0 30px #ef444480}.cta-button:active,.christmas-button:active:not(:disabled){transform:scale(.98)}.christmas-button:disabled{background:linear-gradient(135deg,#374151,#1f2937);color:#9ca3af;cursor:not-allowed;opacity:1;box-shadow:0 4px 12px #0006,inset 0 1px 2px #0000004d;font-weight:700}.christmas-button:disabled:hover{transform:none;box-shadow:0 4px 12px #0006,inset 0 1px 2px #0000004d}.button-icon{font-size:.95rem}.button-text{position:relative;z-index:1}.button-shine{display:none}.raffle-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto 3rem;padding:0 1rem}.info-box{background:linear-gradient(145deg,#1a3a2e,#0d1f1a);border-radius:12px;padding:1.5rem;border:2px solid rgba(255,215,0,.3);box-shadow:0 4px 15px #0000004d;display:flex;flex-direction:column;gap:.5rem;text-align:center;transition:all .3s ease}.info-box:hover{transform:scale(1.03);box-shadow:0 6px 20px #ffd7004d;border-color:#ffd70080}.info-title{font-size:.85rem;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:2rem;font-weight:900;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-subtitle{font-size:.9rem;color:#a9c1d9;font-weight:500}.christmas-ticket-card{position:relative;aspect-ratio:3/4;border-radius:16px;padding:12px 8px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:visible;transform-style:preserve-3d}.christmas-ticket-card.available{background:linear-gradient(135deg,#c41e3a,#165b33,#b8860b);border:3px solid #ffd700;box-shadow:0 8px 25px #c41e3a66,0 0 40px #ffd7004d,inset 0 1px #ffffff4d}.christmas-ticket-card.available:hover{transform:translateY(-12px) scale(1.05) rotate(2deg);box-shadow:0 20px 50px #c41e3a99,0 0 80px #ffd70099,inset 0 1px #fff6;border-color:#ffed4e}.christmas-ticket-card.sold{background:linear-gradient(135deg,#2d3748,#1a202c,#171923);border:3px solid #4a5568;box-shadow:0 4px 15px #00000080;opacity:.7;cursor:not-allowed;filter:grayscale(50%)}.status-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:50px;font-size:11px;font-weight:900;letter-spacing:.5px;display:flex;align-items:center;gap:6px;z-index:10;box-shadow:0 4px 12px #0000004d;text-transform:uppercase}.status-available{background:linear-gradient(135deg,#10b981,#059669);color:#fff;animation:pulse-glow 2s ease-in-out infinite}.status-sold{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.status-mine{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a202c;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #10b98166}50%{box-shadow:0 4px 20px #10b981cc,0 0 30px #10b98180}}.christmas-lights-top{position:absolute;top:-8px;left:0;right:0;height:16px;background-image:radial-gradient(circle at 10% 50%,#ef4444 6px,transparent 6px),radial-gradient(circle at 30% 50%,#fbbf24 6px,transparent 6px),radial-gradient(circle at 50% 50%,#22c55e 6px,transparent 6px),radial-gradient(circle at 70% 50%,#3b82f6 6px,transparent 6px),radial-gradient(circle at 90% 50%,#ef4444 6px,transparent 6px);background-size:100% 100%;animation:lights-twinkle 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}@keyframes lights-twinkle{0%,to{opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.6)) brightness(1)}50%{opacity:.7;filter:drop-shadow(0 0 8px rgba(255,255,255,.9)) brightness(1.3)}}.ticket-content-wrapper{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:25px}.ticket-label-text{font-size:9px;font-weight:800;color:#fef3c7;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 10px rgba(255,215,0,.5);letter-spacing:1.5px;margin-bottom:4px}.ticket-number-display{font-size:2.5rem;font-weight:900;line-height:1;margin:6px 0;text-shadow:2px 2px 0 rgba(0,0,0,.3),0 0 15px rgba(255,255,255,.5);letter-spacing:-1px}.available-number{color:#fef3c7;background:linear-gradient(180deg,#fef3c7,#fde047,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:number-shine 3s ease-in-out infinite}.sold-number{color:#6b7280;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@keyframes number-shine{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.ticket-divider{display:flex;align-items:center;gap:6px;width:100%;margin:8px 0}.divider-line{flex:1;height:2px;background:linear-gradient(90deg,transparent,rgba(254,243,199,.5),transparent)}.divider-star{color:#fbbf24;font-size:16px;animation:rotate-star 4s linear infinite}@keyframes rotate-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ticket-footer-info{display:flex;flex-direction:column;align-items:center;gap:8px}.ticket-year-text{font-size:10px;font-weight:800;color:#fef3c7;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:1px}.ticket-price-tag{background:#0006;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:700;color:#fbbf24;box-shadow:inset 0 1px 2px #0000004d}.animate-spin-slow{display:inline-block;animation:spin-slow 4s linear infinite}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.snowflakes-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:20px}.snowflake{position:absolute;top:-10px;color:#fff;font-size:16px;opacity:.8;animation:snowfall linear infinite}.snowflake:nth-child(1){left:20%;animation-duration:3s;animation-delay:0s}.snowflake:nth-child(2){left:50%;animation-duration:4s;animation-delay:1s}.snowflake:nth-child(3){left:80%;animation-duration:3.5s;animation-delay:2s}@keyframes snowfall{0%{transform:translateY(0) rotate(0);opacity:.8}to{transform:translateY(200px) rotate(360deg);opacity:0}}.christmas-ticket-card .absolute{filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));z-index:15}@media (max-width: 640px){.ticket-number-display{font-size:2rem}.ticket-label-text,.ticket-year-text{font-size:8px}.christmas-ticket-card .absolute{font-size:16px}.christmas-ticket-card{padding:10px 6px}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#121828e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999999;overflow-y:auto;padding:20px}.modal-content{background:#1f2a40;color:#e0e0e0;padding:1.2rem 1.5rem;border-radius:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;top:3rem;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,215,0,.3);flex-shrink:0}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#ffd70066;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffd70099}.close-button{position:absolute;top:15px;right:20px;font-size:28px;background:none;border:none;cursor:pointer;color:#888;transition:color .3s,transform .3s}.close-button:hover{color:#fff;transform:rotate(90deg)}.modal-header{text-align:center;margin-bottom:1rem}.modal-header h2{font-size:1.4rem;margin:0 0 .4rem;color:#fff}.modal-header p{margin:0;color:#a9c1d9;font-size:.9rem}.modal-header span{color:gold;font-weight:700;font-size:1.1em}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#a9c1d9}.form-group input,.form-group select{width:100%;background-color:#121828;color:#e0e0e0;border:1px solid #445269;padding:12px;border-radius:8px;font-size:.95rem;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input::-moz-placeholder{color:#6a788b}.form-group input::placeholder{color:#6a788b}.form-group input:focus,.form-group select:focus{border-color:gold;outline:none;box-shadow:0 0 10px #ffd7004d}.phone-input{display:flex}.phone-input select{width:100px;border-top-right-radius:0;border-bottom-right-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.phone-input input{width:100%;border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.action-button,.paypal-button{width:100%;padding:12px;border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.action-button{background:#27ae60}.action-button:hover{background:#2ecc71;transform:scale(1.03);box-shadow:0 5px 15px #2ecc714d}.payment-step{text-align:center;display:flex;flex-direction:column;justify-content:center;height:100%}.payment-details{margin:.8rem 0;line-height:1.4;color:#a9c1d9;font-size:.9rem}.paypal-button{background-color:#ffc439;color:#003087}.paypal-button:hover{background-color:gold;transform:scale(1.03);box-shadow:0 5px 15px #ffd7004d}.success-message{text-align:center}.secret-code{background-color:#0000004d;color:gold;border:2px dashed #ffd700;padding:12px;font-size:1.3em;font-weight:700;border-radius:8px;margin:15px 0;-webkit-user-select:all;-moz-user-select:all;user-select:all}.code-info{font-size:.9rem;line-height:1.4;margin:10px 0}.reward-info{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);padding:10px;border-radius:8px;margin:15px 0;font-size:.95rem}.points-reward{background:linear-gradient(135deg,#22c55e26,#10b98126);border:2px solid rgba(34,197,94,.4);padding:12px;border-radius:8px;margin:15px 0;text-align:center;color:#22c55e;font-weight:600;font-size:.95rem}.loading-state,.no-raffle{text-align:center;padding:4rem 2rem;color:#a9c1d9}.spinner{border:4px solid rgba(255,215,0,.1);border-top:4px solid #ffd700;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.winners-toggle{text-align:center;margin:2rem auto 3rem;max-width:95%}.btn-winners{background:linear-gradient(135deg,gold,#ffed4e);color:#1a3a2e;font-size:1rem;font-weight:700;padding:12px 30px;border:none;border-radius:50px;cursor:pointer;box-shadow:0 4px 15px #ffd70066;transition:all .3s ease}.btn-winners:hover{background:linear-gradient(135deg,#ffed4e,gold);transform:scale(1.02);box-shadow:0 6px 20px #ffd70099}.winners-section{max-width:95%;margin:2rem auto;padding-bottom:2rem}.winners-section h2{text-align:center;color:gold;margin-bottom:2rem;font-size:2rem}.winners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.winner-card{background:linear-gradient(145deg,#1a362a,#0e2118,#0a1812);border-radius:15px;padding:20px;border:2px solid #7a6530;box-shadow:0 4px 15px #00000080}.winner-card-header{text-align:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(139,115,53,.3);padding-bottom:1rem}.winner-card-header h3{color:#d4a855;margin:0 0 .5rem}.draw-date{color:#a9c1d9;font-size:.9rem;margin:0}.winners-list{display:flex;flex-direction:column;gap:1rem}.winner-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#1a3a2a80;border-radius:10px}.winner-medal{font-size:2rem}.winner-info{flex:1}.winner-name{color:#fff;font-weight:700;margin:0 0 .25rem}.winner-country{color:#a9c1d9;font-size:.9rem;margin:0 0 .25rem}.winner-ticket{color:gold;font-size:.85rem;margin:0}.winner-prize{color:#22c55e;font-size:1.2rem;font-weight:700}.no-winners{text-align:center;color:#a9c1d9;padding:2rem;font-style:italic}:root{--ticket-gold: #d4af37;--ticket-gold-dim: rgba(212, 175, 55, .6);--ticket-green-dark: #2a352b;--ticket-green-medium: #3d4a3e;--ticket-bg-dark: #0a1612;--status-available: #16a34a;--status-mine: #ffd700;--status-sold: #4b5563;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-300: #d1d5db;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--font-ticket-label: 10px;--font-ticket-number: 2.5rem;--font-badge: 9px}.tickets-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.ticket-container{position:relative;width:100%;aspect-ratio:2.5 / 3}@media (min-width: 640px){.tickets-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width: 768px){.tickets-grid{grid-template-columns:repeat(7,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.tickets-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1280px){.tickets-grid{grid-template-columns:repeat(10,1fr)}}.ticket-card{position:absolute;inset:0;border-radius:var(--spacing-lg);border:3px solid;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.ticket-card.available{background:linear-gradient(135deg,var(--ticket-green-medium),var(--ticket-green-dark));border-color:var(--ticket-gold);cursor:pointer}.ticket-card.available:hover{box-shadow:0 0 30px #d4af3780;transform:translateY(-4px) scale(1.02)}.ticket-card.mine{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;cursor:default;opacity:.8}.ticket-card.mine .ticket-bg-image,.ticket-card.mine .ticket-overlay,.ticket-card.mine .ticket-decoration,.ticket-card.mine .snowflakes,.ticket-card.mine .ticket-label,.ticket-card.mine .ticket-number,.ticket-card.mine .ticket-perforation{filter:grayscale(100%)}.ticket-card.sold{background:linear-gradient(135deg,#1f2937,#111827);border-color:#374151;opacity:.8;cursor:not-allowed}.ticket-card.sold .ticket-bg-image,.ticket-card.sold .ticket-overlay,.ticket-card.sold .ticket-decoration,.ticket-card.sold .snowflakes,.ticket-card.sold .ticket-label,.ticket-card.sold .ticket-number,.ticket-card.sold .ticket-perforation{filter:grayscale(100%)}.ticket-bg-image{position:absolute;inset:0;z-index:1;background-image:url(/img/ticket.png);background-size:cover;background-position:73% center;background-repeat:no-repeat;pointer-events:none}.ticket-decoration{position:absolute;inset:-8% 10% 8% -10%;z-index:100;background-image:url(/img/ticket1.png);background-size:contain;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:.6}.ticket-overlay{position:absolute;inset:0;z-index:2;background-color:#0009;pointer-events:none}.ticket-content{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;padding:.5rem .4rem .4rem}.ticket-label{font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.25em;margin-top:.5rem;margin-bottom:.25rem;text-shadow:0 2px 6px rgba(0,0,0,.9);opacity:.95}.ticket-number-container{flex:1;display:flex;align-items:center;justify-content:center;margin:.2rem 0}.ticket-number{font-size:2rem;font-weight:900;line-height:1;font-family:Georgia,Times New Roman,serif;letter-spacing:-.05em;transition:transform .3s ease}.ticket-card:hover .ticket-number{transform:scale(1.05)}.ticket-number.available,.ticket-number.mine{color:#fff;text-shadow:0 3px 8px rgba(0,0,0,.9),0 0 25px rgba(255,255,255,.3);-webkit-text-stroke:1px rgba(0,0,0,.5)}.ticket-number.sold{color:var(--gray-400);text-shadow:0 2px 4px rgba(0,0,0,.5)}.ticket-badge{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.3rem .6rem;border-radius:.3rem;width:85%;margin-bottom:.25rem;box-shadow:0 3px 10px #0006;font-weight:700;transition:transform .2s ease}.ticket-card:hover .ticket-badge{transform:scale(1.02)}.ticket-badge svg{width:.65rem;height:.65rem;flex-shrink:0}.ticket-badge span{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ticket-badge.available{background:linear-gradient(135deg,#16a34a,#15803d);width:90%;padding:.35rem .8rem}.ticket-badge.available span{color:#fff;font-size:9px;letter-spacing:.1em}.ticket-card.mine .ticket-badge.mine{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:2px solid #fcd34d!important;box-shadow:0 4px 12px #fbbf2499,0 0 20px #fbbf2480!important;position:relative;z-index:20;isolation:isolate}.ticket-card.mine .ticket-badge.mine *{filter:none!important}.ticket-card.mine .ticket-badge.mine span{color:#1a1a1a!important;font-weight:800;text-shadow:0 1px 2px rgba(255,255,255,.3)}.ticket-card.mine .ticket-badge.mine svg{fill:#1a1a1a!important}.ticket-card.sold .ticket-badge.sold{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:2px solid #ef4444!important;box-shadow:0 4px 12px #dc262699,0 0 20px #dc262680!important;position:relative;z-index:20;isolation:isolate}.ticket-card.sold .ticket-badge.sold *{filter:none!important}.ticket-card.sold .ticket-badge.sold span{color:#fff!important;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5)}.ticket-card.sold .ticket-badge.sold svg{fill:#fff!important}.ticket-perforation{position:absolute;top:50%;width:.5rem;height:.5rem;z-index:15;border-radius:50%;background-color:var(--ticket-bg-dark);border:1px solid rgba(61,74,62,.6);transform:translateY(-50%);box-shadow:inset 0 1px 3px #00000080}.ticket-perforation.left{left:.2rem}.ticket-perforation.right{right:.2rem}.snowflakes{position:absolute;inset:0;z-index:150;pointer-events:none;overflow:hidden}.snowflake{position:absolute;top:0;width:3px;height:3px;background:radial-gradient(circle,white 0%,rgba(255,255,255,.8) 50%,transparent 100%);border-radius:50%;animation:fall linear infinite;box-shadow:0 0 4px #ffffffb3}.snowflake:nth-child(1){left:10%;animation-duration:3s;animation-delay:0s}.snowflake:nth-child(2){left:30%;animation-duration:3.5s;animation-delay:0s}.snowflake:nth-child(3){left:50%;animation-duration:3.2s;animation-delay:0s}.snowflake:nth-child(4){left:70%;animation-duration:3.8s;animation-delay:0s}.snowflake:nth-child(5){left:85%;animation-duration:3.3s;animation-delay:0s}.snowflake:nth-child(6){left:20%;animation-duration:3.6s;animation-delay:0s}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100%) rotate(360deg);opacity:0}}@media (max-width: 768px){.raffle-header{margin-bottom:0!important;padding:3rem 0 .5rem!important}.tickets-available-badge{margin:0 auto!important}.tickets-grid{margin-top:.5rem!important}.raffles-list{gap:4rem}.raffle-card{padding:50px 16px 16px;border-radius:20px}.raffle-card:before{height:100px;border-radius:20px 20px 0 0;top:-65px}.title{font-size:1.1rem}.subtitle{font-size:.85rem}.prizes-list{grid-template-columns:repeat(3,1fr);gap:8px}.cta-button,.christmas-button{font-size:.95rem;padding:12px 28px}.progress-section{padding:16px;flex-direction:column;gap:12px}.tickets-sold-row,.progress-row{width:100%}.draw-date-section{flex-direction:column;gap:10px}.ticket-price-btn,.draw-date-btn{font-size:.95rem;padding:12px 24px}.sold-out-badge{font-size:1.4rem;padding:10px 36px;border:3px solid #fef2f2;letter-spacing:2px;margin-top:-33rem}.completed-header .gift-icon{width:55px!important;height:55px!important;font-size:1.8rem!important}.completed-header .title{font-size:1.1rem!important}.completed-badge{padding:6px 12px!important;font-size:.7rem!important;white-space:nowrap}.raffle-card.raffle-completed .winners-title{font-size:1rem!important}.raffle-card.raffle-completed .winner-position{font-size:.65rem!important}.raffle-card.raffle-completed .winner-ticket{font-size:.85rem!important}.raffle-card.raffle-completed .winner-prize{font-size:.95rem!important}}.right-content{display:flex;flex-direction:row;gap:16px;align-items:center;flex-shrink:0;position:relative;z-index:20;justify-content:flex-end;flex-wrap:nowrap}.my-tickets-badge-visual{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:.85rem;font-weight:700;padding:10px 18px;border-radius:50px;white-space:nowrap;box-shadow:0 4px 15px #16a34a66;border:2px solid rgba(46,125,50,.5);display:flex;align-items:center;gap:6px;flex-shrink:0}@media (max-width: 640px){.card-header{flex-direction:column;gap:16px;text-align:center}.right-content{align-items:center;width:100%;justify-content:center;flex-wrap:wrap}.my-tickets-badge-visual,.btn-ver-tickets-header,.sold-out-label{font-size:.7rem!important;padding:6px 12px!important}}@media (max-width: 768px){.right-content{flex-wrap:nowrap}.my-tickets-badge-visual,.btn-ver-tickets-header,.sold-out-label{font-size:.7rem!important;padding:6px 12px!important}.raffle-card:before{content:"";position:absolute;top:-35px;left:-35px;width:calc(100% + 70px);height:100px;will-change:transform;transform:translateZ(0)}}@media (min-width: 769px) and (max-width: 1024px){.raffles-list{gap:4rem}.raffle-card:before{content:"";position:absolute;top:-30px;left:-75px;right:-1px;width:119%;height:20%}}.paypal-raffle-container{margin:0;padding:0}.paypal-raffle-container>div{min-height:auto;display:block}.paypal-raffle-container iframe{margin-bottom:-30px!important}.paypal-raffle-container [data-funding-source]+div,.paypal-raffle-container .paypal-button-text,.paypal-raffle-container .paypal-logo-text{display:none!important}@media (max-width: 768px){.modal-overlay{padding:0!important;align-items:stretch!important;justify-content:flex-start!important;overflow:hidden!important}.modal-content{max-width:100%!important;width:100%!important;height:100vh!important;max-height:100vh!important;border-radius:0!important;padding:.4rem 1rem!important;overflow-y:hidden!important;overflow:hidden!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;top:0!important;position:relative!important}.modal-header{margin-bottom:.5rem!important}.modal-header h2{font-size:1.1rem!important;margin:0 0 .2rem!important}.modal-header p{font-size:.8rem!important}.payment-details{margin:.3rem 0!important;font-size:.8rem!important}.payment-details p{margin:.2rem 0!important}.close-button{top:10px;right:15px;font-size:32px;z-index:10}}@media (min-width: 769px) and (max-width: 1024px){.modal-overlay{padding:30px!important;overflow-y:auto!important}.modal-content{max-width:480px!important;width:100%!important;margin:auto!important}}@media (max-width: 480px){.modal-content{padding:1.5rem 1rem}.modal-header h2{font-size:1.3rem}.modal-header p{font-size:.85rem}}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-800:oklch(39.8% .195 277.366);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-4{margin-left:calc(var(--spacing)*4)}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.table-row{display:table-row}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from:var(--color-amber-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-400{--tw-gradient-from:var(--color-indigo-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to:var(--color-purple-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-600{--tw-gradient-to:var(--color-yellow-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-600{color:var(--color-gray-600)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-indigo-800:hover{color:var(--color-indigo-800)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:48rem){.md\:p-8{padding:calc(var(--spacing)*8)}}@media (min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}.content-container.fullscreen-layout,.dashboard-main-content.fullscreen-layout{margin-left:0!important;padding:0!important}.dashboard-main-content.fullscreen-layout.profilepage-fullscreen{margin-left:260px!important;padding:0!important;transition:margin-left .4s cubic-bezier(.25,.8,.25,1)!important}.content-container.fullscreen-layout.profilepage-fullscreen{padding:0!important}.user-dashboard-layout.sidebar-collapsed .dashboard-main-content.fullscreen-layout.profilepage-fullscreen{margin-left:70px!important}.content-container.timewall-fullscreen,.dashboard-main-content.timewall-fullscreen{padding:0!important}@media (min-width:769px) and (max-width:1024px) and (min-height:1034px){.content-container.timewall-fullscreen,.dashboard-main-content.timewall-fullscreen{margin-top:23px!important}}@media (min-width:1025px){.user-dashboard-layout:not(.sidebar-collapsed) .content-container.timewall-fullscreen,.user-dashboard-layout:not(.sidebar-collapsed) .dashboard-main-content.timewall-fullscreen{margin-left:130px!important}.user-dashboard-layout.sidebar-collapsed .content-container.timewall-fullscreen,.user-dashboard-layout.sidebar-collapsed .dashboard-main-content.timewall-fullscreen{margin-left:70px!important}}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{box-sizing:border-box;max-width:1400px;margin:0 auto;padding:0 1.5rem!important}.user-dashboard-layout.sidebar-collapsed .dashboard-main-content.fullscreen-layout{margin-left:0!important}.fullscreen-page-container{z-index:1;width:100%;min-height:100vh;margin:0;padding:0;transition:all .7s;position:relative;overflow-y:auto}.fullscreen-background{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.fullscreen-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative}.fullscreen-main-content{z-index:1;width:100%;max-width:none;margin:0;padding:3rem 1.5rem;position:relative}@media (max-width:768px){.fullscreen-header{padding:1rem}.fullscreen-main-content{padding:2rem 1rem}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{padding:0 1rem!important}}@media (max-width:480px){.fullscreen-main-content{padding:1.5rem .75rem}.content-container.fullscreen-layout .dashboard-container,.dashboard-main-content.fullscreen-layout .dashboard-container,.fullscreen-layout .dashboard-container,.dashboard-container.dashboard-fullscreen{padding:0 .75rem!important}}:root{--primary-color:#79358a;--primary-hover:#79358a;--secondary-color:#4b9a75;--background-color:#f5f5f5;--text-color:#1f2937;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--card-bg:#fff;--border-color:#e5e7eb;--error-color:#ef4444;--success-color:#4b9a75;--palette-gold:#cdb73b;--palette-sage:#d5d49b;--palette-cream:#d9ddbc;--palette-lavender:#d1bcd6;--palette-light-blue:#e4e9eb;--palette-mint:#b4cfc6;--palette-mauve:#bb98c1;--palette-purple:#79358a;--palette-teal:#4b9a75;--palette-gray-green:#9bafa4;--accent-purple:#79358a;--accent-blue:#b4cfc6;--accent-green:#4b9a75;--accent-yellow:#cdb73b;--accent-orange:#d5d49b;--accent-pink:#bb98c1;--accent-cyan:#b4cfc6;--accent-color:#79358a;--gradient-primary:linear-gradient(135deg,#79358a,#bb98c1);--gradient-secondary:linear-gradient(135deg,#4b9a75,#b4cfc6);--gradient-accent:linear-gradient(135deg,#b4cfc6,#d1bcd6);--gradient-warm:linear-gradient(135deg,#cdb73b,#d5d49b);--gradient-cool:linear-gradient(135deg,#4b9a75,#9bafa4);--gradient-pink:linear-gradient(135deg,#bb98c1,#d1bcd6);--shadow-primary:0 4px 20px #79358a26;--shadow-secondary:0 4px 20px #4b9a7526;--shadow-accent:0 4px 20px #b4cfc626;--text-medium:#6b7280;--user-sidebar-bg:#fff;--user-card-bg:#fff;--user-accent-yellow:#cdb73b;--user-secondary:#4b9a75}body.light .category-header,body:not(.dark) .category-header,body.light .desktop-unified-header,body:not(.dark) .desktop-unified-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #d1bcd6;box-shadow:0 2px 8px #79358a1a;background:#fffffff2!important}body.light .mobile-unified-header,body.light .mobile-app-header,body:not(.dark) .mobile-unified-header,body:not(.dark) .mobile-app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #79358a1a;background:#fffffff2!important;border-bottom:2px solid #d1bcd6!important}body.dark .mobile-app-header,body.dark .mobile-unified-header{box-shadow:0 2px 8px #0000004d;border-bottom:2px solid #8b5cf64d!important}body.light .user-sidebar,body:not(.dark) .user-sidebar{border-right:2px solid #b4cfc6;box-shadow:2px 0 12px #4b9a751a;background:#fff!important}body.light .user-sidebar.mobile-sidebar,body:not(.dark) .user-sidebar.mobile-sidebar{box-shadow:2px 0 20px #0000001a;background:#fff!important}body.light .sidebar-toggle,body:not(.dark) .sidebar-toggle{box-shadow:0 4px 12px #8b5cf64d;background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important}body.light .sidebar-toggle:hover,body:not(.dark) .sidebar-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #8b5cf666}body.light .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn,body:not(.dark) .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn{background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important}body.light .user-dropdown-menu,body:not(.dark) .user-dropdown-menu{border:1px solid #00000014;box-shadow:0 4px 16px #0000001a;background:#fff!important}body.light .user-dropdown-trigger:hover,body:not(.dark) .user-dropdown-trigger:hover{background:#0000000d}body.light .dropdown-arrow,body:not(.dark) .dropdown-arrow{color:#4b5563}body.light .category-header-actions,body:not(.dark) .category-header-actions{background:0 0}body.light .category-header-actions .navbar-icon,body:not(.dark) .category-header-actions .navbar-icon{color:#4b5563;background:#0000000d;border:2px solid #00000014}body.light .category-header-actions .navbar-icon:hover,body:not(.dark) .category-header-actions .navbar-icon:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf64d}body.light .category-header-actions .header-avatar,body:not(.dark) .category-header-actions .header-avatar{border:none;box-shadow:0 2px 8px #0000001a}body.light .settings-button,body:not(.dark) .settings-button{color:#4b5563;background:#0000000d}body.light .settings-button:hover,body:not(.dark) .settings-button:hover{color:#8b5cf6;background:#8b5cf61a}body.light,body:not(.dark){background:#f5f5f5!important}#root{background:0 0!important}body.light #root,body:not(.dark) #root{background:#f5f5f5!important}body.light .dashboard-container,body:not(.dark) .dashboard-container{background:0 0!important}body.light .content-area,body:not(.dark) .content-area,body.light .dashboard-main-content,body:not(.dark) .dashboard-main-content{background-color:#0000!important}body.light .dashboard-page,body:not(.dark) .dashboard-page,body.light .dashboard-wrapper,body:not(.dark) .dashboard-wrapper,body.light .main-content,body:not(.dark) .main-content,body.light .page-container,body:not(.dark) .page-container{background-color:#fff!important}body.light .info-alert.success,body:not(.dark) .info-alert.success{color:#15803d;background:#22c55e1a;border-color:#22c55e4d}body.light .info-alert.warning,body:not(.dark) .info-alert.warning{color:#92400e;background:#fbbf241a;border-color:#fbbf244d}body.light .info-alert.danger,body:not(.dark) .info-alert.danger{color:#991b1b;background:#ef44441a;border-color:#ef44444d}body.light .info-alert.info,body:not(.dark) .info-alert.info{color:#1e40af;background:#3b82f61a;border-color:#3b82f64d}body.light .quick-action-card,body:not(.dark) .quick-action-card{border:1px solid #79358a1a;transition:all .3s;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;background:#fff!important}body.light .quick-action-card:hover,body:not(.dark) .quick-action-card:hover{border-color:#79358a4d;transform:translateY(-4px);box-shadow:0 4px 8px #3c40434d,0 8px 16px 4px #3c404326}body.light .quick-action-card svg,body:not(.dark) .quick-action-card svg{color:#79358a}body.light .quick-action-card:hover svg,body:not(.dark) .quick-action-card:hover svg{color:#bb98c1}body.light .quick-action-card h3,body:not(.dark) .quick-action-card h3{color:#111827;font-weight:600}body.light .activity-feed,body:not(.dark) .activity-feed{background:#fff;border:1px solid #00000014;box-shadow:0 2px 8px #0000000d}body.light .activity-feed li,body:not(.dark) .activity-feed li{border-bottom:1px solid #0000000d}body.light h1,body.light h2,body.light h3,body.light h4,body.light h5,body.light h6,body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) h4,body:not(.dark) h5,body:not(.dark) h6{color:#111827!important}body.light p,body.light span,body.light div,body:not(.dark) p,body:not(.dark) span,body:not(.dark) div{color:#374151}body.light .quick-action-card h3,body.light .quick-action-card p,body.light .quick-action-card span,body:not(.dark) .quick-action-card h3,body:not(.dark) .quick-action-card p,body:not(.dark) .quick-action-card span{color:#111827!important}body.light .sidebar-nav a,body:not(.dark) .sidebar-nav a{color:#4b5563}body.light .sidebar-nav a:hover,body:not(.dark) .sidebar-nav a:hover{color:#8b5cf6;background:#8b5cf61a}body.light .sidebar-nav a.active,body:not(.dark) .sidebar-nav a.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}body.light .dropdown-item,body:not(.dark) .dropdown-item{color:#374151}body.light .dropdown-item:hover,body:not(.dark) .dropdown-item:hover{color:#8b5cf6;background:#8b5cf61a}body.light .dropdown-separator,body:not(.dark) .dropdown-separator{background:#00000014}body.light .mobile-app-title,body:not(.dark) .mobile-app-title,body.light .company-name,body:not(.dark) .company-name,body.light .dashboard-section h2,body.light .section-title,body:not(.dark) .dashboard-section h2,body:not(.dark) .section-title{color:#111827}body.light .dashboard-section>p,body:not(.dark) .dashboard-section>p{color:#6b7280}body.light .dashboard-title,body:not(.dark) .dashboard-title{color:#111827!important}body.light .dashboard-subtitle,body:not(.dark) .dashboard-subtitle{color:#6b7280!important}body.light .dashboard-welcome-text,body:not(.dark) .dashboard-welcome-text{color:#111827}body.light .user-info,body.light .user-stats,body.light .user-details,body:not(.dark) .user-info,body:not(.dark) .user-stats,body:not(.dark) .user-details{color:#111827;background:#fff!important}body.light .user-name,body.light .user-email,body:not(.dark) .user-name,body:not(.dark) .user-email{color:#111827!important}body.light .user-level,body.light .user-rank,body:not(.dark) .user-level,body:not(.dark) .user-rank{color:#374151!important}body.light .dashboard-stats,body.light .stats-grid,body.light .dashboard-grid,body:not(.dark) .dashboard-stats,body:not(.dark) .stats-grid,body:not(.dark) .dashboard-grid,body.light .stats-row,body.light .stats-row-balance,body.light .stats-row-level,body:not(.dark) .stats-row,body:not(.dark) .stats-row-balance,body:not(.dark) .stats-row-level,body.light .quick-actions,body.light .quick-actions-grid,body:not(.dark) .quick-actions,body:not(.dark) .quick-actions-grid{background:0 0}body.light .progress-bar-background,body:not(.dark) .progress-bar-background{background:#0000001a}body.light .card,body:not(.dark) .card{background:#fff;border:1px solid #00000014;box-shadow:0 2px 8px #0000000d}body.light input,body.light textarea,body.light select,body:not(.dark) input,body:not(.dark) textarea,body:not(.dark) select{color:#111827;background:#fff;border-color:#00000026}body.light input:focus,body.light textarea:focus,body.light select:focus,body:not(.dark) input:focus,body:not(.dark) textarea:focus,body:not(.dark) select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}body.light input::-moz-placeholder,body.light textarea::-moz-placeholder,body:not(.dark) input::-moz-placeholder,body:not(.dark) textarea::-moz-placeholder{color:#9ca3af}body.light input::placeholder,body.light textarea::placeholder,body:not(.dark) input::placeholder,body:not(.dark) textarea::placeholder{color:#9ca3af}body.light button:not([class*=btn-primary]):not([class*=gradient]),body:not(.dark) button:not([class*=btn-primary]):not([class*=gradient]){color:#374151;background:#f3f4f6;border:1px solid #00000014}body.light button:not([class*=btn-primary]):not([class*=gradient]):hover,body:not(.dark) button:not([class*=btn-primary]):not([class*=gradient]):hover{background:#e5e7eb;border-color:#0000001f}body.light table,body:not(.dark) table{background:#fff}body.light th,body:not(.dark) th{color:#111827;background:#f9fafb;border-bottom:2px solid #0000001a}body.light td,body:not(.dark) td{color:#374151;border-bottom:1px solid #0000000d}body.light tr:hover,body:not(.dark) tr:hover{background:#8b5cf60d}body.light .badge,body.light .tag,body:not(.dark) .badge,body:not(.dark) .tag{color:#374151;background:#f3f4f6;border:1px solid #00000014}body.light ::-webkit-scrollbar-track{background:#f9fafb}body:not(.dark) ::-webkit-scrollbar-track{background:#f9fafb}body.light ::-webkit-scrollbar-thumb{background:#d1d5db}body:not(.dark) ::-webkit-scrollbar-thumb{background:#d1d5db}body.light ::-webkit-scrollbar-thumb:hover{background:#9ca3af}body:not(.dark) ::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.light .modal-content,body.light .modal,body:not(.dark) .modal-content,body:not(.dark) .modal{color:#111827;background:#fff}body.light .modal-header,body:not(.dark) .modal-header{border-bottom:1px solid #00000014}body.light .modal-footer,body:not(.dark) .modal-footer{border-top:1px solid #00000014}body.light .tooltip,body:not(.dark) .tooltip{color:#fff;background:#1f2937}body.light a:not(.sidebar-nav a):not(.dropdown-item),body:not(.dark) a:not(.sidebar-nav a):not(.dropdown-item){color:#8b5cf6}body.light a:not(.sidebar-nav a):not(.dropdown-item):hover,body:not(.dark) a:not(.sidebar-nav a):not(.dropdown-item):hover{color:#7c3aed}body.light .notifications-dropdown,body:not(.dark) .notifications-dropdown{background:#fff;border:1px solid #00000014;box-shadow:0 4px 20px #00000026}body.light .notifications-header,body:not(.dark) .notifications-header{color:#111827;border-bottom:1px solid #00000014}body.light .notification-item,body:not(.dark) .notification-item{border-bottom:1px solid #0000000d}body.light .notification-item:hover,body:not(.dark) .notification-item:hover{background:linear-gradient(135deg,#8b5cf60d,#8b5cf608)}body.light .notification-item.unread,body:not(.dark) .notification-item.unread{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d)}body.light .notification-title,body:not(.dark) .notification-title{color:#111827}body.light .notification-message,body:not(.dark) .notification-message{color:#4b5563}body.light .notification-time,body:not(.dark) .notification-time,body.light .notifications-empty,body.light .notifications-loading,body:not(.dark) .notifications-empty,body:not(.dark) .notifications-loading{color:#6b7280}body.light .notification-badge,body:not(.dark) .notification-badge{border:2px solid #fff;box-shadow:0 2px 8px #ef44444d;color:#fff!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}body.light .mark-all-read-btn,body:not(.dark) .mark-all-read-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none}body.light .mark-all-read-btn:hover,body:not(.dark) .mark-all-read-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 12px #8b5cf666}body.light .notifications-container .navbar-icon,body:not(.dark) .notifications-container .navbar-icon{color:#4b5563;background:#0000000d;border:2px solid #00000014}body.light .notifications-container .navbar-icon:hover,body:not(.dark) .notifications-container .navbar-icon:hover{color:#8b5cf6;background:#8b5cf61a;border-color:#8b5cf64d}body.light .theme-toggle,body:not(.dark) .theme-toggle,body.light .theme-icon,body:not(.dark) .theme-icon,body.light .theme-text,body:not(.dark) .theme-text{color:#374151}body.light .avatar-placeholder,body:not(.dark) .avatar-placeholder{color:#fff;background:linear-gradient(135deg,#79358a,#bb98c1)}body.light .avatar-glow,body:not(.dark) .avatar-glow{background:radial-gradient(circle,#79358a4d,#0000 70%)}body.light .sidebar-profile,body:not(.dark) .sidebar-profile{border-bottom:2px solid #b4cfc6}body.light .mobile-menu-btn,body:not(.dark) .mobile-menu-btn{border:none;color:#fff!important;background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;box-shadow:0 4px 12px #8b5cf64d!important}body.light .mobile-menu-btn:hover,body:not(.dark) .mobile-menu-btn:hover{transform:scale(1.05);background:linear-gradient(135deg,#8b5cf6,#a78bfa)!important;box-shadow:0 6px 16px #8b5cf666!important}body.light .mobile-sidebar-overlay,body:not(.dark) .mobile-sidebar-overlay{background:#00000080}body.light .top-users-card,body:not(.dark) .top-users-card{border:2px solid #d5d49b;box-shadow:0 4px 12px #cdb73b26;background:#fff!important}body.light .top-users-header,body:not(.dark) .top-users-header{border-bottom:2px solid #d9ddbc}body.light .top-users-header h3,body:not(.dark) .top-users-header h3{color:#111827!important}body.light .top-users-subtitle,body:not(.dark) .top-users-subtitle{background:#cdb73b1a;border:1px solid #d5d49b;border-radius:6px;padding:.25rem .75rem;color:#6b7280!important}body.light .top-user-item,body:not(.dark) .top-user-item{background:#fafaf8!important;border:2px solid #d9ddbc!important}body.light .top-user-name,body:not(.dark) .top-user-name{color:#111827!important}body.light .top-user-country,body:not(.dark) .top-user-country{color:#4b5563!important}body.light .top-users-empty,body:not(.dark) .top-users-empty{color:#6b7280}body.dark{--primary-color:#8b5cf6;--primary-hover:#7c3aed;--secondary-color:#10b981;--background-color:#0f172a;--text-color:#f1f5f9;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--card-bg:#1e293b;--border-color:#334155;--error-color:#f87171;--success-color:#34d399;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-green:#34d399;--accent-yellow:#fcd34d;--accent-orange:#fb923c;--accent-pink:#f472b6;--accent-cyan:#22d3ee;--accent-color:#a78bfa;--gradient-primary:linear-gradient(135deg,#8b5cf6,#a78bfa);--gradient-secondary:linear-gradient(135deg,#10b981,#34d399);--gradient-accent:linear-gradient(135deg,#3b82f6,#60a5fa);--gradient-warm:linear-gradient(135deg,#f97316,#fcd34d);--gradient-cool:linear-gradient(135deg,#06b6d4,#22d3ee);--gradient-pink:linear-gradient(135deg,#ec4899,#f472b6);--shadow-primary:0 4px 25px #8b5cf640;--shadow-secondary:0 4px 25px #10b98140;--shadow-accent:0 4px 25px #3b82f640;--text-medium:#94a3b8;--user-sidebar-bg:#1e293b;--user-card-bg:#1e293b;--user-accent-yellow:#fcd34d;--user-secondary:#34d399}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background .3s,color .3s;background-color:var(--background-color)!important;color:var(--text-color)!important}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.auth-layout{justify-content:space-between;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(18px)saturate(120%);color:#232946;background:#ffffff2e;border-radius:1.25rem;flex-direction:column;align-items:stretch;width:100%;max-width:520px;margin:2.5rem 0;padding:2.2rem 2rem 1.5rem;display:flex;box-shadow:0 8px 32px #0000002e}.auth-card .form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important}.auth-card .form-input::-moz-placeholder{opacity:1;color:#1f2937b3!important}.auth-card .form-input::placeholder{opacity:1;color:#1f2937b3!important}.auth-card .form-input:focus{border-color:var(--primary-color)!important;color:#1f2937!important;background:#ffffff26!important;box-shadow:0 0 0 3px #6d28d91a!important}.auth-header{margin-bottom:2rem}.auth-logo{color:var(--primary-color);width:40px;height:40px;margin-bottom:1rem}.auth-title{margin-bottom:.5rem;font-size:2rem;font-weight:700;color:#fff!important}.auth-subtitle{color:#b0bec5;margin-bottom:1.5rem;font-size:1rem}.auth-tabs{gap:.25rem;width:100%;margin-bottom:1.5rem}.auth-tabs .btn{color:#b0bec5;background:0 0;width:100%;font-weight:700}.auth-tabs .btn.btn-primary,.auth-tabs .btn.active{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);border-radius:.5rem;margin-top:5px;margin-bottom:5px;color:#fff!important}.auth-tabs .btn:not(.btn-primary):not(.active){opacity:1;background:0 0;color:#ffffffb3!important}.auth-tabs .btn:not(.btn-primary):not(.active):hover{opacity:1;color:#ffffffe6!important}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row .form-group,.form-row>div{flex:45%}.form-group{text-align:left;margin-bottom:2rem}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{color:#1f2937;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:.5rem;width:100%;min-width:0;max-width:100%;margin-bottom:0;padding:1.15rem 1.25rem;font-size:1rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-input::-moz-placeholder{color:#1f2937b3;opacity:1}.form-input::placeholder{color:#1f2937b3;opacity:1}.form-input:focus{border-color:var(--primary-color);color:#1f2937;background:#ffffff26;outline:none;box-shadow:0 0 0 3px #6d28d91a}.btn{cursor:pointer;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--gradient-secondary);color:#fff;width:100%;box-shadow:var(--shadow-secondary);border-radius:.5rem;margin-top:1rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-secondary),0 8px 25px #10b9814d;filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn:disabled{cursor:not-allowed;background-color:#9ca3af}.btn-primary,.google-btn{box-sizing:border-box;border-radius:.5rem;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin-top:1rem;margin-bottom:.5rem;font-size:1.08rem;font-weight:700;display:flex}.google-btn{background:linear-gradient(135deg,var(--card-bg),#fffffff2);color:var(--text-color);box-shadow:var(--shadow-secondary),0 2px 0 var(--accent-green);border:2px solid var(--accent-green);border-radius:.5rem;gap:.7rem;margin-top:1rem;margin-bottom:.5rem;padding:.75rem 0;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.google-btn:hover{box-shadow:var(--shadow-secondary),0 8px 30px #10b98140;border-color:var(--secondary-color);background:linear-gradient(135deg,var(--card-bg),var(--success-color));color:#fff;transform:translateY(-2px)}.google-btn:before{content:"";background:linear-gradient(90deg,#0000,#10b9811a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.google-btn:hover:before{left:100%}.forgot-password-link{color:#00dfa2;float:none;text-align:right;margin-top:.2rem;margin-bottom:.5rem;font-size:.98rem;font-weight:600;text-decoration:underline;transition:color .2s;display:block}.forgot-password-link:hover{color:#00b37a}.navbar{background-color:var(--card-bg);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;box-shadow:0 2px 4px #0000000d}.navbar-left,.navbar-right{align-items:center;gap:.75rem;display:flex}.navbar-center{flex-grow:1}.navbar-logo{color:var(--primary-color);width:32px;height:32px}.navbar-links{gap:.75rem;display:flex}.navbar-links a{color:var(--text-color);border-bottom:3px solid #0000;padding:.5rem .25rem;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.navbar-links a:hover{color:var(--primary-color)}.navbar-links a.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.user-points{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary);cursor:pointer;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.user-points:hover{box-shadow:var(--shadow-primary),0 6px 20px #6d28d940;transform:translateY(-1px)}.user-points-badge{background:var(--gradient-accent);color:#fff;border-radius:50%;justify-content:space-between;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #3b82f64d}.navbar-mobile-menu{display:none}@media (max-width:768px){.navbar-links,.navbar-center{display:none}.navbar-left{flex-grow:1}.navbar-mobile-menu{display:flex}.user-points span:first-child{display:none}.user-points{padding:.5rem}}.user-dashboard-layout{width:100%;min-width:100%;margin:0;padding:0;transition:all .3s;display:flex}.dashboard-main-content{box-sizing:border-box;flex-grow:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;transition:margin-left .4s cubic-bezier(.25,.8,.25,1)}.content-container{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;position:relative}.content-container>*{box-sizing:border-box;max-width:100%;padding:0 2rem 2rem}.page-container,.category-page-container,.wallet-page-container,.surveys-page-container,.referrals-page-container,.tareas-page,.dashboard-container,.dashboard-page,.my-aliexpress-orders-page,.my-orders-page{min-height:calc(100vh - 6rem);padding-top:88px!important}@media (max-width:1024px){.page-container,.category-page-container,.wallet-page-container,.surveys-page-container,.referrals-page-container,.tareas-page,.dashboard-container,.dashboard-page,.my-aliexpress-orders-page,.my-orders-page{min-height:calc(100vh - 5rem);padding-top:88px!important}}.aliexpress-loading-screen{z-index:1090!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important}.user-sidebar{z-index:1000;background-color:var(--user-sidebar-bg);width:260px;height:100vh;color:var(--text-color);border-right:1px solid var(--border-color);box-sizing:border-box;flex-direction:column;flex-shrink:0;transition:width .4s cubic-bezier(.25,.8,.25,1),background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;overflow:visible;box-shadow:2px 0 8px #0000000a}.user-sidebar:has(.unified-header){display:none}.user-sidebar .unified-header{display:flex!important}.sidebar-profile{box-sizing:border-box;background-color:var(--user-sidebar-bg);border-bottom:1px solid var(--border-color);flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:1rem;width:100%;min-height:88px;padding:1.5rem;transition:background-color .2s,border-color .2s;display:flex;position:relative}.profile-info{flex-direction:column;align-items:center;display:flex}.profile-name{color:var(--text-light);text-align:center;font-size:1.1rem;font-weight:600}.profile-level{color:var(--text-medium);text-align:center;font-size:.8rem}@media (max-width:768px){.user-sidebar{align-items:center;width:100%;padding:2rem .5rem;left:0}.sidebar-profile{justify-content:space-between;align-items:center}}.sidebar-nav{flex-direction:column;flex:1;padding:1rem .5rem;transition:padding .4s cubic-bezier(.25,.8,.25,1);display:flex;overflow:visible}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#6d28d94d;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#6d28d980}.sidebar-nav a{color:var(--text-medium);border-radius:.5rem;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.85rem 1rem;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,transform .2s;display:flex}.sidebar-nav a.active{color:#fff!important;background-color:#7c3aed!important;box-shadow:0 2px 8px #7c3aed4d!important}.sidebar-footer{flex-direction:column;flex-shrink:0;gap:1rem;width:100%;padding:1rem .5rem 1.5rem;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex}.unified-header .sidebar-toggle{background:var(--gradient-primary);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-primary);border:none;border-radius:50%;justify-content:space-between;align-items:center;margin-left:auto;margin-right:1rem;padding:0;transition:all .3s;display:flex;position:static}.sidebar-toggle{background:var(--gradient-primary);color:#fff;cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-primary);z-index:1000;border:none;border-radius:50%;justify-content:space-between;align-items:center;padding:0;transition:all .3s;display:flex;position:absolute;top:20px;right:-20px;transform:none}.sidebar-toggle:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:none}body.dark .sidebar-toggle{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}body.dark .sidebar-toggle:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:none}.user-sidebar.collapsed{align-items:center;width:70px;padding:0}.user-sidebar.collapsed .sidebar-toggle{position:absolute;top:20px;right:-60px;transform:none}.user-sidebar.collapsed .sidebar-profile{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;width:100%;min-height:88px;padding:1.5rem .5rem}.user-sidebar.collapsed .sidebar-nav{flex-direction:column;align-items:center;width:100%;min-height:0;padding:.5rem;display:flex}.user-sidebar.collapsed .sidebar-nav a{justify-content:center;align-items:center;gap:0;width:48px;min-width:48px;height:48px;min-height:48px;margin-bottom:.5rem;padding:0;display:flex;position:relative;overflow:visible;border-radius:50%!important}.user-sidebar.collapsed .sidebar-nav a.active,.user-sidebar.collapsed .sidebar-nav a:hover{border-radius:50%!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important}.user-sidebar.collapsed .sidebar-nav a:hover:after{content:attr(title);background:var(--card-bg);color:var(--text-color);white-space:nowrap;box-shadow:var(--shadow-accent);border:1px solid var(--border-color);z-index:1000;opacity:1;pointer-events:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;animation:.2s ease-out tooltipFadeIn;position:absolute;top:50%;left:60px;transform:translateY(-50%)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%)translate(-10px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.user-sidebar.collapsed .sidebar-footer{border-top:1px solid var(--border-color);align-items:center;width:100%;padding:.5rem}.user-sidebar.collapsed .btn-logout{border-radius:50%;justify-content:center;align-items:center;gap:0;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;display:flex;position:relative}.user-sidebar.collapsed .btn-logout:hover:after{content:attr(title);background:var(--card-bg);color:var(--text-color);white-space:nowrap;box-shadow:var(--shadow-accent);border:1px solid var(--border-color);z-index:1000;opacity:1;pointer-events:none;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;animation:.2s ease-out tooltipFadeIn;position:absolute;top:50%;left:60px;transform:translateY(-50%)}.sidebar-nav a,.btn-logout,.profile-avatar{transition:all .3s cubic-bezier(.4,0,.2,1)}.user-dashboard-layout.sidebar-collapsed .dashboard-main-content{width:calc(100% - 70px);margin-left:70px}.sidebar-nav a{transition:all .3s}.profile-info{transition:opacity .3s}.balance-card{background-color:var(--user-bg-secondary);text-align:center;border-radius:.75rem;padding:1rem}.balance-label{color:var(--text-medium);font-size:.8rem;display:block}.balance-amount{color:var(--text-light);font-size:1.75rem;font-weight:700;display:block}.btn-withdraw{background-color:var(--user-secondary);color:#181f2a;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.8rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-withdraw:hover{background-color:#34d399}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.dashboard-header h1{margin:0;font-size:1.75rem;font-weight:600}.btn-premium{background-color:var(--user-accent-yellow);color:#422006;cursor:pointer;border:none;border-radius:99px;padding:.6rem 1.25rem;font-weight:600}.stats-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.dashboard-stat-card,.level-card{color:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px #0000001a}.dashboard-stat-card.green{background:linear-gradient(135deg,#22c55e,#15803d)}.dashboard-stat-card.yellow{background:linear-gradient(135deg,#fbbf24,#d97706)}.level-card{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.stat-card-icon{opacity:.8;font-size:2.5rem}.stat-card-info{flex-direction:column;display:flex}.stat-card-title{opacity:.9;font-size:1rem;font-weight:500}.stat-card-value{font-size:2.25rem;font-weight:700}.stat-card-subtext{opacity:.8;font-size:.8rem}.level-card{flex-direction:column;align-items:stretch;gap:.75rem}.level-info{justify-content:space-between;font-size:.9rem;font-weight:500;display:flex}.progress-bar-background{background-color:#fff3;border-radius:4px;width:100%;height:8px}.progress-bar-foreground{background-color:#fff;border-radius:4px;height:100%;transition:width .5s ease-out}.dashboard-section{margin-top:3rem}.dashboard-section h2{font-size:1.25rem;font-weight:600}.dashboard-section>p{color:var(--text-medium);margin-top:0;margin-bottom:1.5rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.quick-action-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);text-align:center;cursor:pointer;border-radius:1rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.quick-action-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #0003}.quick-action-icon{justify-content:center;align-items:center;margin:0 auto .75rem;font-size:2.5rem;display:flex}.quick-action-title{margin-top:.75rem;font-weight:600;display:block}.quick-action-reward{color:var(--user-secondary);font-size:.9rem;font-weight:500}.quick-action-card.coming-soon{position:relative}.quick-action-card.coming-soon .quick-action-reward{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;margin-top:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-block;box-shadow:0 2px 8px #f59e0b4d}.dashboard-columns{grid-template-columns:2fr 1fr;gap:.75rem;margin-top:1.5rem;display:grid}.activity-feed ul{margin:0;padding:0;list-style:none}.activity-feed li{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:.85rem 0;display:flex}.activity-feed li:last-child{border-bottom:none}.activity-icon{font-size:1.5rem}.activity-details{flex-grow:1}.activity-details span{font-weight:500;display:block}.activity-details small{color:var(--text-medium)}.activity-amount.green{color:var(--user-secondary);font-weight:600}.wallet-page-container{max-width:1200px;margin:0 auto;padding:2rem}.wallet-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.wallet-header-icon{font-size:2.5rem}.wallet-header h1{margin:0;font-size:2rem}.wallet-header p{color:var(--text-medium);margin:0}.wallet-balance-card{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981,#22c55e);border-radius:1.25rem;margin-bottom:1.5rem;padding:2rem}.balance-label{opacity:.8;font-size:1rem;font-weight:500}.balance-amount-large{margin:.5rem 0;font-size:3rem;font-weight:800}.balance-actions{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.balance-actions .btn-action{color:#fff;cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:99px;padding:.5rem 1.5rem;font-weight:500}.wallet-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.wallet-stat-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);text-align:center;border-radius:1rem;padding:1.5rem}.wallet-stat-value{font-size:1.75rem;font-weight:700;display:block}.wallet-stat-label{color:var(--text-medium);font-size:.9rem}.wallet-columns{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:3rem;display:grid}@media (max-width:992px){.wallet-columns{grid-template-columns:1fr}}.withdrawal-section .form-input{background-color:var(--user-bg);border-color:var(--border-color);color:var(--text-light)}.payment-method{border:2px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1rem;margin:1.5rem 0;padding:1rem;display:flex}.payment-method.selected{border-color:var(--user-secondary)}.payment-method-icon{font-size:1.5rem}.payment-method-details{flex-grow:1}.payment-method-details strong,.payment-method-details span{display:block}.payment-method-details span{color:var(--text-medium);font-size:.8rem}.payment-method-status{color:var(--user-secondary);font-size:.8rem;font-weight:600}.transaction-item{border-bottom:1px solid var(--border-color)}.transaction-status{text-transform:capitalize;border-radius:99px;padding:.2rem .5rem;font-size:.8rem;font-weight:500}.transaction-status-completed{color:#22c55e;background-color:#22c55e1a}.transaction-status-pending{color:#f59e0b;background-color:#f59e0b1a}.transaction-status-rejected{color:#ef4444;background-color:#ef44441a}.transaction-info{text-align:right}.transaction-amount{font-weight:600;display:block}.transaction-amount.amount-credit{color:#22c55e}.transaction-amount.amount-debit{color:#ef4444}.transaction-amount small{font-size:.8rem}.btn-view-all{border:1px solid var(--border-color);color:var(--text-medium);cursor:pointer;background:0 0;border-radius:.5rem;width:100%;margin-top:1rem;padding:.75rem}@media (max-width:1023px){.mobile-wallet .wallet-page-container{max-width:100%;margin:0;padding:1rem}.mobile-wallet .wallet-header{margin-bottom:1.5rem}.mobile-wallet .wallet-header-icon{font-size:2rem}.mobile-wallet .wallet-header h1{margin:0;font-size:1.75rem}.mobile-wallet .wallet-balance-card{border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #10b98126}.mobile-wallet .balance-amount-large{margin-bottom:.5rem;font-size:2rem;font-weight:800;display:block}.mobile-wallet .balance-sub-amount{opacity:.9;font-size:1rem}.mobile-wallet-layout{flex-direction:column;gap:.75rem;display:flex}.mobile-wallet .wallet-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.mobile-wallet .wallet-stat-card{text-align:center;border-radius:.75rem;padding:1rem}.mobile-wallet .wallet-stat-value{font-size:1.25rem;font-weight:700}.mobile-wallet .wallet-stat-label{font-size:.8rem}.mobile-withdrawal-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.mobile-withdrawal-section h2{color:var(--text-primary);align-items:center;gap:.25rem;margin:0 0 1.5rem;font-size:1.25rem;display:flex}.mobile-withdrawal-section .form-group{margin-bottom:1.5rem}.mobile-withdrawal-section .form-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.mobile-withdrawal-section .form-input{border:2px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:.75rem;padding:.875rem;font-size:1rem;transition:border-color .2s}.mobile-withdrawal-section .form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb),.1);outline:none}.mobile-withdrawal-section small{color:var(--text-secondary);margin-top:.5rem;font-size:.8rem;line-height:1.4;display:block}.mobile-payment-method{background:rgba(var(--success-color-rgb),.1);border:1px solid var(--success-color);border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.mobile-payment-method .payment-icon{font-size:1.5rem}.mobile-payment-method .payment-info{flex:1}.mobile-payment-method .payment-info strong{color:var(--text-primary);font-size:1rem;display:block}.mobile-payment-method .payment-info span{color:var(--text-secondary);font-size:.85rem}.btn-withdraw-mobile{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.25rem;width:100%;min-height:48px;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.btn-withdraw-mobile:hover{box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3);transform:translateY(-1px)}.btn-withdraw-mobile:active{transform:translateY(0)}.btn-withdraw-mobile:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.mobile-history-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem}.mobile-history-section h2{color:var(--text-primary);align-items:center;gap:.25rem;margin:0 0 1.5rem;font-size:1.25rem;display:flex}.mobile-transactions-list{margin:0;padding:0;list-style:none}.mobile-wallet .transaction-item{background:var(--input-bg);border:1px solid var(--border-color);border-radius:.75rem;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.mobile-wallet .transaction-icon{background:rgba(var(--error-color-rgb),.1);border-radius:50%;justify-content:space-between;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.mobile-wallet .transaction-details{flex:1;min-width:0}.mobile-wallet .transaction-title{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.mobile-wallet .transaction-date{color:var(--text-secondary);font-size:.8rem}.mobile-wallet .transaction-info{text-align:right}.mobile-wallet .transaction-amount{font-size:.9rem;font-weight:600;display:block}.mobile-wallet .transaction-amount.amount-debit{color:var(--error-color)}.mobile-wallet .transaction-amount small{opacity:.8;font-size:.75rem;font-weight:500;display:block}.mobile-wallet .transaction-status{text-transform:uppercase;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.mobile-empty-history{text-align:center;color:var(--text-secondary);padding:2rem 1rem}.mobile-empty-history span{opacity:.5;margin-bottom:1rem;font-size:3rem;display:block}.mobile-empty-history p{margin:0;font-size:1rem;font-weight:500}}.notifications-container{justify-content:flex-end;align-items:center;display:flex;position:relative}.navbar-icon{color:var(--text-color);cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;justify-content:center;align-items:center;padding:1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.navbar-icon:hover{color:#fff;background-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d933}.notification-badge{color:#fff;border:2px solid var(--card-bg);background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding-top:1px;font-size:.7rem;font-weight:800;line-height:1;animation:2s infinite pulse-notification;display:flex;position:absolute;top:-5px;right:-4px;box-shadow:0 2px 4px #0003}@keyframes pulse-notification{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notifications-dropdown{background:var(--card-bg);border:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;width:420px;max-height:500px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-icon{color:var(--text-color);cursor:pointer;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 8px #0000000a}.navbar-icon svg{margin:auto;display:block}@media (max-width:1023px) and (min-width:768px){.notifications-dropdown{width:380px;max-height:60vh;right:0}.notifications-header{padding:1.25rem 1.25rem .75rem;font-size:1rem}.mark-all-read-btn{padding:.5rem .75rem;font-size:.75rem}.notification-item{padding:1rem 1.25rem}.notification-message{font-size:.9rem;line-height:1.4}.notification-time{font-size:.7rem}.notification-type{padding:.2rem .4rem;font-size:.7rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.quick-action-card{border-radius:12px;padding:1.25rem}.quick-action-icon{justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto .75rem;font-size:2rem;display:flex}.quick-action-title{margin-bottom:.5rem;font-size:1rem}.quick-action-reward{font-size:.85rem}}@media (max-width:767px){.notifications-dropdown{z-index:1001;border-radius:14px;width:auto;max-height:calc(100vh - 90px);position:fixed;top:88px;left:1rem;right:1rem;box-shadow:0 25px 50px #00000040}.notifications-header{background:var(--card-bg);z-index:1;border-radius:20px 20px 0 0;padding:1.5rem 1.25rem 1rem;font-size:1.1rem;position:sticky;top:0}.mark-all-read-btn{border-radius:12px;padding:.75rem 1rem;font-size:.8rem}.notifications-content{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 180px);overflow-y:auto}.notification-item{border-bottom:1px solid #0000000f;min-height:auto;padding:1.5rem 1.25rem}.notification-item:hover{background:#6d28d90a;transform:none}.notification-item:active{background:#6d28d914;transform:scale(.99)}.notification-content{flex:1;min-width:0;margin-right:1rem}.notification-title{color:var(--text-primary);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.notification-message{color:var(--text-secondary);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:.75rem;font-size:.95rem;line-height:1.5}.notification-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.notification-time{border-radius:16px;align-self:flex-start;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.notification-type{letter-spacing:.3px;border-radius:16px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.delete-notification-btn{border-radius:12px;min-width:44px;min-height:44px;padding:.75rem}.delete-notification-btn:hover{background:#ef44441f;transform:scale(1.05)}.notifications-empty,.notifications-loading{padding:4rem 1.5rem;font-size:1rem;line-height:1.6}.notifications-loading{flex-direction:column}.notification-item.unread:before{width:12px;height:12px;top:1.5rem;right:1.25rem}.notification-item.unread{border-left-width:6px}.notifications-mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;position:fixed;inset:0}}.notifications-header{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;font-size:1.1rem;font-weight:700;display:flex}.notifications-header span{font-size:1.125rem;font-weight:600}.mark-all-read-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #6d28d933}.mark-all-read-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6d28d94d}.mark-all-read-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notifications-content{scrollbar-width:thin;scrollbar-color:#8b5cf64d transparent;max-height:480px;overflow-y:auto}.notifications-content::-webkit-scrollbar{width:6px}.notifications-content::-webkit-scrollbar-track{background:0 0}.notifications-content::-webkit-scrollbar-thumb{background-color:#8b5cf64d;border-radius:3px}.notifications-content::-webkit-scrollbar-thumb:hover{background-color:#8b5cf680}.notifications-loading,.notifications-empty{text-align:center;color:var(--text-color);opacity:.7;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;font-size:1rem;display:flex}.notifications-empty:before{content:"🔔";opacity:.5;font-size:2.5rem}.notifications-dropdown ul{margin:0;padding:0;list-style:none}.notification-item{cursor:pointer;border-bottom:1px solid #0000000d;border-radius:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative}.notification-item:hover{background:linear-gradient(135deg,#6d28d90d,#8b5cf608);transform:translate(4px)}.notification-item:last-child{border-bottom:none}.notification-item.unread{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#6d28d914,#8b5cf60d);position:relative}.notification-item.unread:before{content:"";background:var(--gradient-primary);border-radius:50%;width:10px;height:10px;animation:2s infinite pulse-dot;position:absolute;top:1.25rem;right:1.5rem;box-shadow:0 0 0 3px #6d28d933}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text-primary);word-wrap:break-word;margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.3}.notification-message{color:var(--text-secondary);word-wrap:break-word;margin-bottom:.75rem;font-size:.9rem;font-weight:400;line-height:1.5}.notification-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.notification-time{color:var(--text-secondary);white-space:nowrap;background:#6d28d91a;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.notification-type{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:600;display:flex}.notification-type.points{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.notification-type.admin{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.notification-type.system{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.notification-type.payment{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.notification-type.referral{color:#fff;background:linear-gradient(135deg,#ec4899,#db2777)}.delete-notification-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem;transition:all .2s;display:flex}.delete-notification-btn:hover{color:#ef4444;background:#ef44441a;transform:scale(1.1)}.notifications-empty,.notifications-loading{text-align:center;color:var(--text-secondary);padding:3rem 1.5rem;font-style:italic}.notifications-loading{justify-content:space-between;align-items:center;gap:.25rem;display:flex}.header-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}.btn-logout{text-align:left;width:100%;color:var(--text-medium);cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:1rem;font-weight:500;transition:background-color .2s,color .2s;display:flex}.btn-logout:hover{color:#fff;background-color:#ef4444}.header-actions{align-items:center;gap:1rem;display:flex}.ads-center-container{color:var(--text-light);padding:2rem}.ads-center-header{text-align:center;margin-bottom:2rem}.ads-center-header h2{margin:0;font-size:2rem}.ads-center-header p{color:var(--text-medium);font-size:1rem}.ad-stats-bar{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ad-stat-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);text-align:center;border-radius:.75rem;padding:1rem}.ad-stat-card.highlight{background:linear-gradient(45deg,#10b981,#22c55e);border:none}.ad-stat-value{font-size:1.75rem;font-weight:700;display:block}.ad-stat-label{color:var(--text-medium);font-size:.8rem}.daily-goal-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);border-radius:1rem;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;padding:1.5rem;display:flex}.daily-goal-card h4{margin:0;font-size:1.1rem}.daily-goal-card p{color:var(--text-medium);margin:.25rem 0 0;font-size:.9rem}.daily-goal-progress{width:100%;max-width:300px}.progress-bonus{text-align:right;color:var(--user-secondary);margin-top:.5rem;font-size:.9rem;font-weight:500;display:block}.ads-center-container>h3{margin-bottom:1rem;font-size:1.5rem}.ad-list{gap:.75rem;display:grid}.ad-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);border-radius:1rem;align-items:center;gap:1rem;padding:1rem;display:flex}.ad-card-main{flex-grow:1;align-items:center;gap:1rem;display:flex}.ad-card-icon{font-size:2.5rem}.ad-card-info h4{margin:0;font-size:1.1rem}.ad-card-info p{color:var(--text-medium);margin:.25rem 0 .75rem;font-size:.9rem}.ad-card-tags{gap:.25rem;display:flex}.ad-card-tags span{border:1px solid;border-radius:99px;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.tag-video{color:#60a5fa}.tag-fácil{color:#4ade80}.ad-card-reward{text-align:right}.reward-amount{color:var(--user-secondary);font-size:1.25rem;font-weight:700;display:block}.reward-duration{color:var(--text-medium);font-size:.8rem}.view-ad-btn{color:#fff;background:linear-gradient(45deg,#10b981,#22c55e);border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600}.load-more-btn{background-color:var(--user-bg-secondary);border:1px solid var(--border-color);color:var(--text-light);cursor:pointer;border-radius:.5rem;margin:2rem auto 0;padding:.75rem 2rem;display:block}.modal-overlay{z-index:1000;background:#000000b3;justify-content:space-between;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.ad-view-modal{background-color:var(--user-bg-secondary);text-align:center;border:1px solid var(--border-color);border-radius:1rem;width:90%;max-width:800px;padding:2rem;position:relative}.close-modal-btn{color:var(--text-medium);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.ad-view-modal h2{margin-top:0}.surveys-page-container{color:var(--text-color);padding:2rem}.surveys-header{text-align:center;margin-bottom:2rem}.surveys-header h2{margin:0;font-size:2rem}.surveys-header p{color:var(--text-medium);font-size:1rem}.survey-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.survey-stat-card{border-radius:1rem;padding:1.5rem}.survey-stat-card.green{background:linear-gradient(135deg,#10b981,#22c55e)}.survey-stat-card.yellow{background:linear-gradient(135deg,#f59e0b,#facc15)}.survey-stat-card.blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.survey-stat-value{font-size:2rem;font-weight:700;display:block}.survey-stat-label{opacity:.9;font-size:.9rem}.weekly-progress-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2.5rem;padding:1.5rem}.weekly-progress-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.weekly-progress-header h4{margin:0;font-size:1.1rem}.weekly-progress-header span{color:var(--text-medium);font-size:.9rem}.weekly-progress-card>p{color:var(--text-medium);margin:0 0 1rem;font-size:.9rem}.section-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.surveys-list{gap:1rem;display:grid}.survey-card{background-color:var(--user-card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;position:relative}.survey-card-info{align-items:center;gap:1rem;display:flex}.survey-icon{font-size:2rem}.survey-details h4{margin:0;font-size:1.1rem}.survey-details p{color:var(--text-medium);margin:.25rem 0 0;font-size:.9rem}.survey-meta{text-align:center;color:var(--text-medium);grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.5rem 0;font-size:.8rem;display:grid}.survey-meta strong{color:var(--text-light);font-size:.9rem;font-weight:500;display:block}.survey-card-footer{align-items:center;gap:1rem;display:flex}.survey-progress-bar{background-color:var(--user-bg);border-radius:3px;flex-grow:1;height:6px}.survey-progress-bar div{background:linear-gradient(90deg,#10b981,#86efac);border-radius:3px;height:100%}.start-survey-btn{color:#fff;background:linear-gradient(90deg,#10b981,#22c55e);border:none;border-radius:.5rem;padding:.6rem 1.25rem;font-weight:600}.survey-reward-tag{color:#f59e0b;background-color:#f59e0b33;border-radius:99px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.auth-page-container{background-position:50%;background-size:cover;background-attachment:fixed;justify-content:space-between;align-items:center;min-height:100vh;padding:2rem;display:flex}.auth-form-card{-webkit-backdrop-filter:blur(15px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;width:100%;max-width:450px;padding:2.5rem;box-shadow:0 8px 32px #0000005e}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h2{margin:0 0 .5rem;font-size:2rem;font-weight:700}.auth-form-header p{opacity:.8;margin:0;font-size:1rem}.auth-tabs{background-color:#0003;border-radius:.5rem;margin-bottom:2rem;padding:.1rem;display:flex}.auth-tabs button{color:#ffffffb3;cursor:pointer;background-color:#0000;border:none;border-radius:.375rem;flex:1;padding:.75rem;font-weight:600;transition:all .3s}.auth-tabs button.active{background-color:var(--user-primary,#8b5cf6);color:#fff;box-shadow:0 2px 10px #0003}.auth-form .form-group{margin-bottom:1.25rem}.form-input{color:#fff;box-sizing:border-box;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:.375rem;width:100%;padding:1.15rem 1.25rem;font-size:1rem}.form-input::-moz-placeholder{color:#fff9}.form-input::placeholder{color:#fff9}.form-input:focus{border-color:var(--user-primary,#8b5cf6);background-color:#0000001a;outline:none}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.form-grid{grid-template-columns:1fr}}.terms-group{align-items:center;gap:.75rem;margin:1.5rem 0;display:flex}.terms-group label{opacity:.8;font-size:.8rem}.terms-group a{color:#fff;font-weight:600;text-decoration:underline}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(90deg,#10b981,#34d399);border:none;border-radius:.5rem;width:100%;padding:.9rem;font-size:1.1rem;font-weight:700;transition:transform .2s}.btn-submit:hover:not(:disabled){transform:scale(1.03)}.btn-submit:disabled{cursor:not-allowed;background:#555}.divider{text-align:center;color:#fff9;align-items:center;margin:1.5rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #fff3;flex:1}.divider:not(:empty):before{margin-right:.5em}.divider:not(:empty):after{margin-left:.5em}@media (max-width:1200px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width:992px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width:1023px){.mobile-layout.user-dashboard-layout{width:100%;height:100vh;margin:0;padding:0;display:block}.mobile-layout .dashboard-main-content{box-sizing:border-box;min-height:100vh;padding:88px 0 0;overflow-x:hidden;width:100vw!important;max-width:100vw!important;margin:0!important}.mobile-layout .user-sidebar{z-index:1050;background:var(--card-bg);opacity:1;will-change:transform;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6d28d94d transparent;backface-visibility:hidden;width:280px;max-width:85vw;height:calc(100vh - 88px);transform-style:preserve-3d;contain:layout style paint;flex-direction:column;padding:2rem 1rem 1rem;transition:transform .35s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;top:88px;left:0;overflow:hidden auto;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.mobile-layout .user-sidebar::-webkit-scrollbar{width:4px}.mobile-layout .user-sidebar::-webkit-scrollbar-track{background:0 0}.mobile-layout .user-sidebar::-webkit-scrollbar-thumb{background:#6d28d94d;border-radius:2px}.mobile-layout .user-sidebar::-webkit-scrollbar-thumb:hover{background:#6d28d980}.mobile-layout .user-sidebar.mobile-open{transform:translate(0)}.mobile-layout .user-sidebar .sidebar-profile{opacity:0;transition:all .25s cubic-bezier(.25,.46,.45,.94);transform:translate(-30px)scale(.9)}.mobile-layout .user-sidebar .sidebar-profile.show-profile{opacity:1;transform:translate(0)scale(1)}.mobile-layout .user-sidebar .sidebar-nav{opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px)}.mobile-layout .user-sidebar .sidebar-nav.show-nav{opacity:1;transform:translateY(0)}.mobile-layout .user-sidebar .sidebar-nav a{opacity:0;transition:all .25s cubic-bezier(.25,.46,.45,.94);transform:translate(-20px)}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:first-child{transition-delay:50ms}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(2){transition-delay:.1s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(3){transition-delay:.15s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(4){transition-delay:.2s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(5){transition-delay:.25s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a:nth-child(6){transition-delay:.3s}.mobile-layout .user-sidebar.show-nav .sidebar-nav a{opacity:1;transform:translate(0)}.mobile-layout .user-sidebar .sidebar-footer{opacity:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform:translateY(15px)scale(.95)}.mobile-layout .user-sidebar .sidebar-footer.show-footer{opacity:1;transform:translateY(0)scale(1)}.mobile-sidebar-overlay{z-index:1040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100%;height:100vh;animation:.3s ease-out forwards fadeIn;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}.mobile-app-header{border-bottom:2px solid #4b9a7533;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;box-shadow:0 2px 10px #0000001a;background:var(--card-bg)!important;z-index:1200!important;height:88px!important;margin:0!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.mobile-header-logo-centered{flex:1;justify-content:center;align-items:center;display:flex}.mobile-menu-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0003}.mobile-back-btn{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.mobile-menu-btn:hover,.mobile-menu-btn:active{background:var(--gradient-secondary);transform:translateY(-1px);box-shadow:0 6px 16px #0000004d}.mobile-back-btn:hover,.mobile-back-btn:active{background:#8b5cf633;border-color:#8b5cf666;transform:scale(.95)}.mobile-app-title{color:var(--text-primary);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;display:flex}.mobile-products-counter{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.mobile-products-counter .counter-icon{color:#10b981;flex-shrink:0}.mobile-products-counter .counter-number{color:#10b981;font-weight:700;line-height:1}.mobile-header-actions{align-items:center;gap:.75rem;display:flex}.mobile-layout .sidebar-profile{border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.mobile-layout .profile-avatar-container{cursor:pointer;position:relative}.mobile-layout .profile-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:space-between;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.mobile-layout .profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mobile-layout .profile-info{text-align:center}.mobile-layout .profile-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;display:block}.mobile-layout .profile-level{color:var(--text-secondary);font-size:.9rem}.mobile-layout .sidebar-nav{flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:1rem;display:flex;overflow-y:visible}.mobile-layout .sidebar-nav a{color:var(--text-color);border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-layout .sidebar-nav a:hover{background:rgba(var(--primary-color-rgb,109,40,217),.1);color:var(--primary-color);transform:translate(4px)}.mobile-layout .sidebar-nav a.active{color:#fff;background:#7c3aed;transform:translate(0);box-shadow:0 2px 8px #7c3aed4d}.mobile-layout .sidebar-nav a.active:before{content:"";background:#fff;border-radius:2px;width:4px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.mobile-layout .sidebar-footer{border-top:1px solid var(--border-color);padding-top:2rem}.mobile-layout .btn-logout{border:2px solid var(--error-color);width:100%;color:var(--error-color);cursor:pointer;background:0 0;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.mobile-layout .btn-logout:hover,.mobile-layout .btn-logout:active{background:var(--error-color);color:#fff;transform:scale(.98)}.mobile-layout .content-container{width:100%;max-width:none;padding:0}.mobile-layout .content-container>*{max-width:100%;padding:1.5rem 1rem}.mobile-layout.sidebar-open,.mobile-layout.mobile-sidebar-open{overflow:hidden}.mobile-layout .dashboard-card{border-radius:16px;margin-bottom:1rem;box-shadow:0 2px 12px #00000014}.mobile-layout button,.mobile-layout .btn{border-radius:12px;min-height:44px;font-weight:600}.mobile-layout h1{font-size:1.75rem}.mobile-layout h2{font-size:1.5rem}.mobile-layout h3{font-size:1.25rem}.mobile-layout .dashboard-welcome-text{display:none}.mobile-layout .stats-container{flex-direction:column;gap:1rem;display:flex}.mobile-layout .stats-row-balance{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.mobile-layout .stats-row-level{justify-content:space-between;display:flex}.mobile-layout .stats-row-level .level-card{width:100%;max-width:none}.mobile-layout .dashboard-stat-card{border-radius:12px;min-height:auto;padding:1rem;box-shadow:0 2px 8px #00000014}.mobile-layout .stat-card-title{font-size:.8rem;font-weight:600}.mobile-layout .stat-card-value{margin:.25rem 0;font-size:1.1rem;font-weight:700}.mobile-layout .stat-card-subtext{opacity:.8;font-size:.7rem}.mobile-layout .stat-card-icon{width:24px;height:24px;margin-bottom:.5rem}.mobile-layout .level-card{background:var(--gradient-primary);color:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 4px 16px #6d28d94d}.mobile-layout .level-info{justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:600;display:flex}.mobile-layout .dashboard-header{margin-bottom:1.5rem}.mobile-layout .quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1rem;display:grid}.mobile-layout .quick-action-card{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:1rem;transition:all .2s;box-shadow:0 2px 8px #0000000f}.mobile-layout .quick-action-card:active{transform:scale(.98)}.mobile-layout .quick-action-icon{width:32px;height:32px;color:var(--primary-color);justify-content:center;align-items:center;margin:0 auto .5rem;display:flex}.mobile-layout .quick-action-title{color:var(--text-primary);font-size:.9rem;font-weight:600;display:block}.mobile-layout .quick-action-reward{color:var(--text-secondary);font-size:.75rem}}@media (min-width:768px) and (max-width:1023px){.mobile-layout .user-sidebar{width:320px;max-width:70vw;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-profile{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.mobile-layout .user-sidebar .sidebar-nav,.mobile-layout .user-sidebar .sidebar-footer{transition:all .25s cubic-bezier(.25,.46,.45,.94)}.mobile-app-header{padding:0 1.5rem;height:88px!important;margin:-1px 0 0!important;top:0!important}.mobile-layout .dashboard-main-content{padding-top:88px}.mobile-layout .content-container{width:100%;max-width:100%;margin:0;padding:0}.mobile-layout .content-container>*{padding:0 1.5rem 2rem}.desktop-only{display:none!important}}@media (max-width:479px){.mobile-layout .user-sidebar{width:100%;max-width:100%;height:calc(100vh - 60px);transition:transform .3s cubic-bezier(.25,.46,.45,.94);top:60px}.mobile-layout .user-sidebar .sidebar-profile,.mobile-layout .user-sidebar .sidebar-nav,.mobile-layout .user-sidebar .sidebar-nav a,.mobile-layout .user-sidebar .sidebar-footer{transition:all .2s cubic-bezier(.25,.46,.45,.94)}.mobile-app-header{padding:0 .75rem;height:60px!important;margin:-1px 0 0!important;top:0!important}.mobile-layout .dashboard-main-content{padding-top:60px;width:100vw!important;max-width:100vw!important;margin:0!important}.mobile-app-title{font-size:1.1rem}.mobile-products-counter{gap:.2rem;padding:.2rem .4rem;font-size:.7rem}.mobile-products-counter .counter-icon{width:14px;height:14px}.mobile-menu-btn{width:40px;height:40px}.mobile-layout .content-container{width:100%;padding:0}.mobile-layout .content-container>*{padding:1rem .75rem}.desktop-only{display:none!important}}.page-transition-wrapper{opacity:0;will-change:transform,opacity;backface-visibility:hidden;transition:all .45s cubic-bezier(.25,.46,.45,.94);transform:translate(-30px)scale(.98)}.page-transition-wrapper.page-visible{opacity:1;transform:translate(0)scale(1)}.page-transition-wrapper.page-transitioning{opacity:0;transform:translate(-40px)scale(.96)}@media (max-width:768px){.page-transition-wrapper{transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translate(-25px)scale(.98)}.page-transition-wrapper.page-transitioning{transform:translate(-35px)scale(.96)}}@media (max-width:479px){.page-transition-wrapper{transition:all .35s cubic-bezier(.25,.46,.45,.94);transform:translate(-20px)scale(.99)}.page-transition-wrapper.page-transitioning{transform:translate(-30px)scale(.97)}}.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{opacity:0;will-change:transform,opacity;backface-visibility:hidden;animation:.45s cubic-bezier(.25,.46,.45,.94) forwards pageSlideIn;transform:translate(-30px)scale(.98)}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-30px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@media (max-width:768px){.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{animation-duration:.4s;transform:translate(-25px)scale(.98)}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-25px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}}@media (max-width:479px){.dashboard-page,.profile-page,.tareas-page,.offers-page,.aliexpress-page,.category-page,.wishlist-page,.wallet-page,.referrals-page,.my-orders-page{animation-duration:.35s;transform:translate(-20px)scale(.99)}@keyframes pageSlideIn{0%{opacity:0;transform:translate(-20px)scale(.99)}to{opacity:1;transform:translate(0)scale(1)}}}.content-container{min-height:60vh;position:relative;overflow:hidden}.dashboard-main-content{backface-visibility:hidden;transform-style:preserve-3d}.sidebar-nav a{color:var(--text-color)}.sidebar-nav a:hover{background-color:var(--primary-hover);color:#fff}.sidebar-footer .balance-card{background:var(--background-color);color:var(--text-color)}body.dark .sidebar-footer .balance-card{color:#f3f4f6;background:#232b39}html,body,*{box-sizing:border-box}html,body{box-sizing:border-box;width:100%;min-height:100vh;position:relative;overflow-y:auto;margin:0!important;padding:0!important;overflow-x:hidden!important}#root{width:100%;min-height:100vh;position:relative;overflow-x:hidden;margin:0!important;padding:0!important}*,:before,:after{box-sizing:inherit}.auth-layout,.auth-page_container{justify-content:space-between;align-items:center;min-width:100%;min-height:100vh;display:flex;overflow:hidden auto}.auth-card,.auth-form-card{width:100%;max-width:520px;margin:2.5rem 0;padding-left:2rem;padding-right:2rem;overflow:visible}@media (max-width:600px){.auth-layout{padding:0!important}.auth-card,.auth-form-card{width:100vw;max-width:100vw;height:100vh;box-shadow:none;border-radius:0;flex-direction:column;justify-content:flex-start;margin:0;padding:1.5rem 1rem;display:flex;overflow-y:auto}}.form-group{margin-bottom:2rem}.form-input{margin-bottom:0;padding:1.15rem 1.25rem}.form-row{gap:2rem}.terms-group label{opacity:1;font-size:1rem;font-weight:600;color:#fff!important}.terms-group input[type=checkbox]{accent-color:#10b981;border:2px solid #10b981;width:1.2em;height:1.2em;margin-right:.5em}.provider-card-v2{background:var(--user-card-bg,#1f2937);border:1px solid var(--border-color,#374151);border-radius:1rem;flex-direction:column;padding:1.5rem;display:flex}.provider-tabs{gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.provider-tabs button{background-color:var(--user-bg-secondary,#374151);color:var(--text-medium);cursor:pointer;text-align:center;border:none;border-radius:.5rem;flex:1;padding:.75rem;font-weight:600;transition:all .2s}.provider-tabs button:hover{background-color:var(--user-primary,#8b5cf6);color:#fff}.filters-toolbar{background-color:var(--user-card-bg,#1f2937);border:1px solid var(--border-color,#374151);border-radius:.75rem;gap:.25rem;margin:2rem 0;padding:.5rem;display:flex}.filter-tab{color:var(--text-medium,#9ca3af);cursor:pointer;background-color:#0000;border:none;border-radius:.5rem;flex-grow:1;padding:.75rem;font-size:.9rem;font-weight:600;transition:all .2s ease-in-out}.filter-tab.active{background-color:var(--user-primary,#8b5cf6);color:#fff;box-shadow:0 4px 10px #8b5cf633}.filter-tab:not(.active):hover{background-color:var(--user-bg-secondary,#374151);color:var(--text-light)}.main-app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{background:linear-gradient(135deg,var(--background-color),var(--background-color));color:var(--text-color);flex:1;padding:2rem;position:relative}.main-content:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#8b5cf608,#0000 50%),radial-gradient(circle at 80% 20%,#10b98108,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f605,#0000 50%);position:absolute;inset:0}.app-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-color,#374151);box-shadow:var(--shadow-primary);padding:1rem 0;position:relative;overflow:hidden}.app-header:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.app-footer{background-color:var(--user-sidebar-bg,#0f172a);color:var(--text-medium,#9ca3af);text-align:center;border-top:1px solid var(--border-color,#374151);padding:1rem}.fade-in{animation:.5s ease-in fadeIn}.referral-stat-card{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:20px;transition:all .2s;box-shadow:0 2px 4px #0000000d}.referral-stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.referral-stat-card span{color:var(--primary-color);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2;display:block}.referral-stat-card p{color:var(--text-secondary);margin:0;font-size:14px;font-weight:500}.referral-stat-card.highlight span{color:var(--secondary-color)}.referral-stat-card.warning span{color:var(--accent-orange)}.referrals-stats-container{gap:16px;margin-bottom:24px;display:grid;grid-template-columns:repeat(2,1fr)!important}.referrals-grid{grid-template-columns:1fr 350px;gap:24px;max-width:100%;display:grid;overflow-x:hidden}.referrals-main-content,.referrals-sidebar{min-width:0}.referral-card{background:var(--card-bg);border:1px solid var(--border-color);word-wrap:break-word;border-radius:12px;margin-bottom:24px;padding:24px;overflow-x:hidden}@media (max-width:1200px){.referrals-grid{flex-direction:column;display:flex}.referrals-sidebar .referral-card:last-child{order:1}.referrals-main-content .referral-card:first-child{order:2}.referrals-main-content .referral-card:last-child{order:3}.referrals-sidebar .referral-card:first-child{order:4}}@media (max-width:768px){.referrals-stats-container{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;width:100%!important}.referral-stat-card{border-radius:10px!important;width:auto!important;min-width:0!important;padding:18px 14px!important}.referral-stat-card span{margin-bottom:8px!important;font-size:26px!important;line-height:1.2!important}.referral-stat-card p{margin:0!important;font-size:14px!important;line-height:1.4!important}.referral-card{padding:16px}}@media (max-width:480px){.referrals-stats-container{display:grid;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;width:100%!important}.referral-stat-card{border-radius:8px!important;width:auto!important;min-width:0!important;padding:16px 12px!important}.referral-stat-card span{margin-bottom:6px!important;font-size:24px!important;line-height:1.2!important}.referral-stat-card p{font-size:13px!important;line-height:1.4!important}}.referral-input-label{color:var(--text-primary);margin-top:20px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.referral-input-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;transition:all .2s;display:flex;overflow:hidden}.referral-input-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6d28d91a}.referral-input-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:14px}.referral-input-box button{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;justify-content:space-between;align-items:center;min-width:48px;padding:12px 16px;transition:all .2s;display:flex}.referral-input-box button:hover{background:var(--gradient-primary);opacity:.9}.referral-input-box button:active{transform:scale(.95)}.pagination-controls{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.pagination-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;min-width:40px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{background:var(--background-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-info{text-align:center;color:var(--text-muted);margin-bottom:12px;font-size:8.5px}.referral-list-modern{flex-direction:column;gap:16px;margin-top:16px;display:flex}.friend-card-modern{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:18px;width:100%;max-width:none;padding:24px;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.friend-card-modern:hover{border-color:var(--primary-color);box-shadow:var(--shadow-primary)}.friend-header{align-items:center;gap:12px;display:flex}.friend-avatar-modern{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:space-between;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.friend-details{flex-direction:column;gap:2px;min-width:0;display:flex}.friend-name{color:var(--text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.4}.friend-date{color:var(--text-muted);font-size:8.5px;line-height:1.3}.friend-metrics{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.metric-value{font-size:14px;font-weight:600;line-height:1.3}.metric-label{color:var(--text-muted);font-size:8.5px;line-height:1.2}.metric-item.balance .metric-value{color:var(--secondary-color)}.metric-item.points .metric-value{color:var(--accent-blue)}.friend-earnings-modern{justify-content:flex-end;align-items:center;display:flex}.earnings-value{background:var(--background-color);text-align:center;border:1px solid var(--border-color);border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;display:flex}.earnings-amount{color:var(--secondary-color);font-size:16px;font-weight:600;line-height:1.2}.earnings-label{color:var(--text-muted);font-size:8.5px;line-height:1.2}.consolidation-progress-modern{flex-direction:column;gap:12px;display:flex}.progress-title{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:14px;font-weight:500;display:flex}.pending-amount{color:var(--accent-orange);font-size:8.5px;font-weight:500}.progress-badges{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;display:grid}.progress-badge{border-radius:6px;flex:1;align-items:center;gap:6px;min-width:-moz-fit-content;min-width:fit-content;padding:6px 12px;font-size:8.5px;font-weight:500;transition:all .2s;display:flex}.progress-badge.complete{color:var(--success-color);border:1px solid var(--success-color);background:#22c55e1a}.progress-badge.pending{color:var(--accent-orange);border:1px solid var(--accent-orange);background:#fb923c1a}.badge-icon{font-size:8.5px;font-weight:600}.badge-text{font-size:8.5px;font-weight:500}.empty-state{text-align:center;color:var(--text-muted);background:var(--background-color);border:1px dashed var(--border-color);border-radius:8px;padding:40px 20px}.empty-state p{margin:0;font-size:14px;line-height:1.5}@media (max-width:768px){.friend-card-modern{gap:12px;padding:16px}.friend-avatar-modern{width:40px;height:40px;font-size:16px}.friend-name{font-size:14px}.friend-metrics{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-item{text-align:center;flex-direction:column;align-items:center}.progress-badges{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:8px;display:grid}.progress-badge{justify-content:space-between}.progress-title{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width:480px){.earnings-value{padding:10px 12px}.earnings-amount{font-size:14px}.mobile-referrals .friend-header{flex-direction:row!important;align-items:center!important;gap:.5rem!important}}.balance-info{grid-template-columns:1fr 1fr;gap:16px;display:grid}.balance-amount{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;padding:20px}.balance-amount span{color:var(--secondary-color);margin-bottom:4px;font-size:32px;font-weight:700;line-height:1.2;display:block}.balance-amount p{color:var(--text-primary);margin:0 0 8px;font-size:14px;font-weight:500}.balance-amount small{color:var(--text-muted);font-size:8.5px;font-weight:400}.pending-amount{border:1px solid var(--accent-orange);text-align:center;background:#fb923c1a;border-radius:8px;padding:16px}.pending-amount span{color:var(--accent-orange);margin-bottom:4px;font-size:20px;font-weight:600;line-height:1.2;display:block}.pending-amount p{color:var(--accent-orange);opacity:.8;margin:0 0 6px;font-size:13px;font-weight:500}.pending-amount small{color:var(--accent-orange);opacity:.7;font-size:8.5px;line-height:1.3}.withdraw-btn{background:var(--gradient-secondary);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;grid-column:span 2;width:100%;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s}.withdraw-btn:hover:not(:disabled){background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);opacity:.9;transform:translateY(-1px)}.withdraw-btn:disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.withdrawal-history{flex-direction:column;gap:12px;display:flex}.withdrawal-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.withdrawal-item:hover{border-color:var(--primary-color);background:var(--card-bg);box-shadow:0 2px 8px #0000001a}.withdrawal-info{flex-direction:column;gap:4px;display:flex}.withdrawal-info .amount{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.2}.withdrawal-info .date{color:var(--text-muted);font-size:8.5px;line-height:1.3}.status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:6px 12px;font-size:8.5px;font-weight:600}.status-pending{color:var(--accent-orange);border:1px solid var(--accent-orange);background:#fb923c1a}.status-approved{color:var(--success-color);border:1px solid var(--success-color);background:#22c55e1a}.status-rejected{color:var(--error-color);border:1px solid var(--error-color);background:#ef44441a}.consolidation-info{flex-direction:column;gap:16px;display:flex}.consolidation-info p{color:var(--text-primary);margin:0;font-size:14px;line-height:1.5}.how-it-works-list{flex-direction:column;gap:12px;display:flex}.how-it-works-item{align-items:flex-start;gap:12px;display:flex}.how-it-works-item span:first-child{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:space-between;align-items:center;width:24px;height:24px;margin-top:2px;font-size:8.5px;font-weight:600;display:flex}.how-it-works-item p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.4}.consolidation-requirements{background:var(--background-color);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:8px;margin:8px 0;padding:12px;display:flex}.requirement-item{color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:6px 0;font-size:8.5px;line-height:1.4}.requirement-item:last-child{border-bottom:none}.consolidation-stats-detail{border-top:1px solid var(--border-color);margin-top:20px;padding-top:16px}.consolidation-stats-detail h4{color:var(--text-primary);margin:0 0 12px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-item{background:var(--background-color);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:12px 8px;transition:all .2s}.stat-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.stat-item span{margin-bottom:4px;font-size:18px;font-weight:700;line-height:1.2;display:block}.stat-item label{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:500;line-height:1.2}.stat-item.pending span{color:var(--accent-orange)}.stat-item.pending label{color:var(--accent-orange);opacity:.8}.stat-item.consolidated span{color:var(--success-color)}.stat-item.consolidated label{color:var(--success-color);opacity:.8}.stat-item.failed span{color:var(--error-color)}.stat-item.failed label{color:var(--error-color);opacity:.8}.referral-card h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.pagination-container{border-top:1px solid var(--border-color);margin-top:24px;padding-top:16px}.referral-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1060;background:#000c;justify-content:space-between;align-items:center;padding:1rem;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.referral-modal-content{background:linear-gradient(145deg,#fff,#f8fafc);border-radius:1.5rem;width:100%;max-width:500px;max-height:90vh;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.referral-modal-header{text-align:center;color:#fff;background:linear-gradient(135deg,#10b981,#22c55e);border-radius:1.5rem 1.5rem 0 0;padding:2.5rem 2rem 1.5rem;position:relative;overflow:hidden}.referral-modal-header:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff1a,#0000 70%);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.celebration-emoji{margin-bottom:1rem;font-size:4rem;animation:1s infinite alternate bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.referral-modal-header h2{text-shadow:0 2px 4px #0000001a;margin:0 0 .5rem;font-size:2.5rem;font-weight:800}.referral-modal-header p{opacity:.95;margin:0;font-size:1.25rem;font-weight:500}.referral-modal-body{text-align:center;padding:2rem}.reward-showcase{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #10b981;border-radius:1.25rem;margin-bottom:2rem;padding:2rem;position:relative;box-shadow:0 8px 25px #10b98126}.reward-amount{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex;position:relative}.currency{-webkit-text-fill-color:transparent;text-shadow:0 4px 8px #10b9814d;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900}.coins-animation{gap:.25rem;display:flex}.coin{font-size:2rem;animation:2s ease-in-out infinite coinFloat}.coin:first-child{animation-delay:0s}.coin:nth-child(2){animation-delay:.3s}.coin:nth-child(3){animation-delay:.6s}@keyframes coinFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(180deg)}}.reward-text .welcome-message{color:#1f2937;margin-bottom:.75rem;font-size:1.25rem;font-weight:600;line-height:1.4}.dollar-equivalent{color:#10b981;background:#10b9811a;border-radius:.75rem;margin:0;padding:.5rem 1rem;font-size:1rem;font-weight:600;display:inline-block}.quick-benefits{justify-content:space-around;gap:1rem;margin-top:1.5rem;display:flex}.benefit-item{color:#374151;background:#10b9810d;border:1px solid #10b98133;border-radius:1rem;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.benefit-item:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-2px)}.referral-modal-footer{background:#f8fafc;border-radius:0 0 1.5rem 1.5rem;padding:1.5rem 2rem 2.5rem}.referral-welcome-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#22c55e);border:none;border-radius:.75rem;width:100%;padding:1.25rem 2rem;font-size:1.25rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #10b9814d}.referral-welcome-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.referral-welcome-btn:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 12px 35px #10b98166}.referral-welcome-btn:hover:before{left:100%}.referral-welcome-btn:active{transform:translateY(0);box-shadow:0 4px 15px #10b9814d}.verify-input-container{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:2rem 0;display:flex}.verify-input{text-align:center;color:#1f2937;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;outline:none;width:3.5rem;height:3.5rem;font-size:1.5rem;font-weight:700;transition:all .3s;box-shadow:0 1px 3px #0000001a}.verify-input:focus{color:#1f2937;background:#fff;border-color:#6366f1;transform:scale(1.05);box-shadow:0 0 0 3px #6366f133,0 4px 15px #6366f126}body.dark .verify-input{color:#1f2937!important;background:#fff!important;border:2px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}body.dark .verify-input:focus{color:#1f2937!important;background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f133,0 4px 15px #6366f126!important}.verify-input:disabled{opacity:.6;cursor:not-allowed}.verify-input.loading{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.5}}@media (max-width:768px){.referral-modal-content{border-radius:1.25rem;max-width:calc(100vw - 2rem);margin:1rem}.referral-modal-header{padding:2rem 1.5rem 1rem}.celebration-emoji{font-size:3rem}.referral-modal-header h2{font-size:2rem}.currency{font-size:2.5rem}.coin{font-size:1.5rem}.quick-benefits{flex-direction:column;gap:.75rem}.benefit-item{padding:.75rem;font-size:.9rem}.referral-welcome-btn{padding:1rem 1.5rem;font-size:1.1rem}}body.verify-page,body.verify-page.dark{color:#1f2937!important;background:#f8fafc!important}.min-h-screen.bg-gradient-to-br.from-blue-50.to-indigo-100,body.dark .min-h-screen.bg-gradient-to-br.from-blue-50.to-indigo-100,div[class*=min-h-screen][class*=bg-gradient-to-br],body.dark div[class*=min-h-screen][class*=bg-gradient-to-br]{color:#1f2937!important;background:#fff!important;justify-content:stretch!important;align-items:stretch!important;min-height:100vh!important;margin:0!important;padding:0!important;display:flex!important}.bg-white.rounded-xl.shadow-xl,body.dark .bg-white.rounded-xl.shadow-xl{color:#1f2937!important;box-shadow:none!important;background:#fff!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:2rem 1.5rem!important;display:flex!important}.text-3xl.font-bold.text-gray-900,body.dark .text-3xl.font-bold.text-gray-900{color:#111827!important}.text-gray-600,body.dark .text-gray-600{color:#6b7280!important}body.verify-page .btn.btn-primary,body.verify-page.dark .btn.btn-primary{color:#fff!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important}body.verify-page .btn.btn-primary:hover,body.verify-page.dark .btn.btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#4f46e5,#4338ca)!important}body.verify-page .btn.btn-primary:disabled,body.verify-page.dark .btn.btn-primary:disabled{color:#fff!important;opacity:.7!important;background:#9ca3af!important}.verify-input:-webkit-autofill{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#fffc!important;border:2px solid #6366f14d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fffc!important}.verify-input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#fffc!important;border:2px solid #6366f14d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fffc!important}.verify-input:-webkit-autofill:focus{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#fffc!important;border:2px solid #6366f14d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fffc!important}.verify-input:-webkit-autofill:active{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#fffc!important;border:2px solid #6366f14d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #fffc!important}@media (max-width:600px){.verify-input-container{gap:.25rem;margin:1.5rem 0}.verify-input{border-radius:.5rem;width:3rem;height:3rem;font-size:1.25rem}}@media (max-width:480px){.verify-input-container{gap:.4rem;margin:1rem 0}.verify-input{border-radius:.5rem;width:2.5rem;height:2.5rem;font-size:1.1rem}}@media (max-width:1023px){.mobile-referrals .referrals-page-container{max-width:100%;margin:0;padding:1rem}.mobile-referrals-layout{flex-direction:column;gap:.75rem;display:flex}.mobile-stats-container{flex-direction:column;gap:1rem;display:flex}.mobile-stats-row-1,.mobile-stats-row-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.mobile-referrals .referral-stat-card{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1rem}.mobile-referrals .referral-stat-card span{color:var(--text-primary);font-size:1.25rem;font-weight:700;display:block}.mobile-referrals .referral-stat-card p{color:var(--text-secondary);margin:0;font-size:.8rem}.mobile-referrals .referral-stat-card.highlight{color:#fff;background:linear-gradient(135deg,#10b981,#22c55e);border-color:#10b981}.mobile-referrals .referral-stat-card.highlight span,.mobile-referrals .referral-stat-card.highlight p{color:#fff}.mobile-referrals .referral-stat-card.warning{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#f59e0b}.mobile-referrals .referral-stat-card.warning span,.mobile-referrals .referral-stat-card.warning p{color:#fff}.mobile-balance-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-balance-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.mobile-balance-header h3{color:var(--text-primary);margin:0;font-size:1.25rem}.mobile-balance-amount{text-align:right}.mobile-balance-amount span{color:var(--primary-color);font-size:1.5rem;font-weight:700;display:block}.mobile-balance-amount small{color:var(--text-secondary);font-size:.9rem}.mobile-pending-info{background:rgba(var(--warning-color-rgb),.1);border:1px solid var(--warning-color);text-align:center;border-radius:.75rem;margin-bottom:1rem;padding:.75rem}.mobile-pending-info span{color:var(--warning-color);font-size:.9rem;font-weight:600}.info-alert{border:1px solid;border-radius:12px;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1.25rem;display:flex}.info-alert .alert-header{align-items:center;gap:.75rem;font-size:1rem;font-weight:600;display:flex}.info-alert .alert-icon{flex-shrink:0;font-size:1.25rem}.info-alert p{color:var(--text-color);margin:0;line-height:1.5}.info-alert small{opacity:.8;color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.4}.info-alert.success{border-color:var(--success-color);color:var(--success-color);background:#22c55e1a}.info-alert.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b}.info-alert.danger{border-color:var(--error-color);color:var(--error-color);background:#ef44441a}.info-alert.info{color:#3b82f6;background:#3b82f61a;border-color:#3b82f6}body.dark .info-alert.success{background:#22c55e26}body.dark .info-alert.warning{background:#f59e0b26}body.dark .info-alert.danger{background:#ef444426}body.dark .info-alert.info{background:#3b82f626}.referrals-page-container .referral-system-info,.referrals-page .referral-system-info{visibility:visible!important;opacity:1!important;background:linear-gradient(135deg,#8b5cf614,#6366f114)!important;border:1px solid #8b5cf633!important;border-radius:12px!important;margin-bottom:1.5rem!important;padding:1rem 1.25rem!important;display:block!important;box-shadow:0 2px 8px #8b5cf61a!important}.referrals-page-container .referral-system-info h3,.referrals-page .referral-system-info h3{color:var(--text-color)!important;text-align:left!important;margin:0!important;font-size:.95rem!important;font-weight:500!important;line-height:1.4!important}.referrals-page-container .referral-system-info h3 span,.referrals-page .referral-system-info h3 span{color:#8b5cf6!important;font-weight:600!important}body.dark .referrals-page-container .referral-system-info,body.dark .referrals-page .referral-system-info{background:linear-gradient(135deg,#8b5cf61f,#6366f11f)!important;border-color:#8b5cf640!important;box-shadow:0 2px 8px #8b5cf626!important}body.dark .referrals-page-container .referral-system-info h3 span,body.dark .referrals-page .referral-system-info h3 span{color:#a78bfa!important}@media (min-width:768px) and (max-width:1023px){.referral-system-info{border-radius:10px;padding:.875rem 1rem}.referral-system-info h3{text-align:center;font-size:.9rem}}@media (max-width:767px){.referral-system-info{border-radius:10px;margin-bottom:1.25rem;padding:.75rem .875rem}.referral-system-info h3{text-align:center;font-size:.85rem;line-height:1.3}}.mobile-withdraw-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;width:100%;min-height:48px;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.mobile-withdraw-btn:hover:not(:disabled){box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.3);transform:translateY(-1px)}.mobile-withdraw-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mobile-share-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-share-card h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.25rem}.mobile-share-card p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.mobile-referral-inputs{flex-direction:column;gap:1rem;display:flex}.mobile-input-group label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.mobile-input-box{background:var(--input-bg);border:2px solid var(--border-color);border-radius:.75rem;display:flex;overflow:hidden}.mobile-input-box input{color:var(--text-primary);background:0 0;border:none;flex:1;padding:.875rem;font-size:.9rem}.mobile-input-box button{background:var(--primary-color);color:#fff;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:.875rem 1rem;transition:all .2s;display:flex}.mobile-input-box button:hover{background:var(--primary-dark)}.mobile-referrals-list{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1.25rem;padding:1.5rem}.mobile-referrals-list h3{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.25rem}.mobile-referrals .friend-card-modern{border-radius:1rem;margin-bottom:1rem}.mobile-referrals .friend-header{flex-wrap:nowrap;align-items:flex-start;gap:.75rem;width:100%;display:flex}.mobile-referrals .friend-avatar-modern{width:50px;height:50px;font-size:1.2rem}.mobile-referrals .friend-details{flex:1;min-width:120px}.mobile-referrals .friend-name{font-size:1rem}.mobile-referrals .friend-date{font-size:.8rem}.mobile-referrals .friend-metrics{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}.mobile-referrals .metric-item{text-align:center;padding:.75rem}.mobile-referrals .metric-value{font-size:.9rem}.mobile-referrals .metric-label{font-size:.75rem}.mobile-referrals .friend-earnings-modern{text-align:center;margin:1rem 0}.mobile-referrals .earnings-amount{font-size:1.1rem}.mobile-referrals .progress-badges{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.mobile-referrals .progress-badge{text-align:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:center;min-height:60px;padding:.75rem .5rem;font-size:.7rem;display:flex}.mobile-referrals .pagination-container{text-align:center;flex-direction:column;gap:1rem}.mobile-referrals .pagination-info{order:2;font-size:.85rem}.mobile-referrals .pagination-controls{flex-wrap:wrap;order:1;justify-content:space-between;gap:.25rem}.mobile-referrals .pagination-btn{min-height:44px;padding:.5rem 1rem;font-size:.9rem}.mobile-referrals .friend-details{flex:1;min-width:150px;margin-right:.5rem}.mobile-referrals .friend-name{word-wrap:break-word;white-space:normal;font-size:.9rem;line-height:1.2}.mobile-referrals .friend-date{word-wrap:break-word;white-space:normal;font-size:.7rem;line-height:1.2}.mobile-referrals .mobile-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.mobile-referrals .mobile-card h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem}.mobile-referrals .mobile-card h4{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1rem}.mobile-referrals .mobile-withdrawal-history{flex-direction:column;gap:.75rem;display:flex}.mobile-referrals .mobile-withdrawal-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.mobile-referrals .mobile-withdrawal-item .withdrawal-info{flex-direction:column;gap:.25rem;display:flex}.mobile-referrals .mobile-withdrawal-item .amount{color:var(--text-primary);font-size:.9rem;font-weight:700}.mobile-referrals .mobile-withdrawal-item .date{color:var(--text-secondary);font-size:.75rem}.mobile-referrals .mobile-withdrawal-item .status{border-radius:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:600}.mobile-referrals .mobile-consolidation-info p{color:var(--text-primary);margin-bottom:1rem;font-size:.85rem}.mobile-referrals .mobile-how-it-works{flex-direction:column;gap:.75rem;display:flex}.mobile-referrals .mobile-work-item{align-items:flex-start;gap:.75rem;display:flex}.mobile-referrals .mobile-work-item span{background:var(--primary-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:space-between;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.mobile-referrals .mobile-work-item p{color:var(--text-primary);margin:0;font-size:.8rem;line-height:1.4}.mobile-referrals .mobile-requirements{margin:.5rem 0;padding-left:1rem}.mobile-referrals .mobile-requirement{color:var(--text-secondary);font-size:.75rem;line-height:1.3}.mobile-referrals .mobile-stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.mobile-referrals .mobile-stat-item{text-align:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:.5rem;padding:.75rem .5rem}.mobile-referrals .mobile-stat-item span{font-size:1rem;font-weight:700;display:block}.mobile-referrals .mobile-stat-item label{color:var(--text-secondary);font-size:.7rem}.mobile-referrals .mobile-stat-item.pending span{color:var(--accent-orange)}.mobile-referrals .mobile-stat-item.consolidated span{color:var(--secondary-color)}.mobile-referrals .mobile-stat-item.failed span{color:var(--accent-red)}}.auth-layout{background:linear-gradient(135deg,#667eea,#764ba2) fixed;position:relative;overflow-x:hidden}.auth-layout:before{content:"";background:radial-gradient(circle at 20% 80%,#7877c64d,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33,#0000 50%);animation:15s infinite gradientShift;position:absolute;inset:0}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.8}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff26;border:1px solid #ffffff40;position:relative;box-shadow:0 25px 45px #0000001a,inset 0 0 0 1px #ffffff0d}.auth-layout .auth-title{-webkit-text-fill-color:transparent;text-shadow:none;background:linear-gradient(135deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text}.auth-layout .auth-subtitle{color:#ffffffe6;text-shadow:0 1px 3px #0000004d}.verify-input-container .verify-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:2px solid #ffffff4d;box-shadow:0 4px 15px #0000001a,inset 0 0 0 1px #ffffff0d}.verify-input-container .verify-input:focus{background:#ffffff40;border-color:#6d28d9b3;box-shadow:0 0 0 3px #6d28d94d,0 8px 25px #6d28d933}.auth-card .btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#22c55e);border:none;position:relative;overflow:hidden;box-shadow:0 8px 25px #10b9814d,inset 0 0 0 1px #ffffff1a}.auth-card .btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.auth-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #10b98166,inset 0 0 0 1px #fff3}.auth-card .btn-primary:hover:before{left:100%}.auth-card .form-input{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0000000d,inset 0 0 0 1px #ffffff0d;color:#1f2937!important;background:#ffffff26!important;border:1px solid #ffffff4d!important}.auth-card .form-input:focus{color:#1f2937!important;background:#ffffff40!important;border-color:#6d28d9b3!important;box-shadow:0 0 0 3px #6d28d933!important}.auth-card .form-label{color:#fffffff2;text-shadow:0 1px 3px #0000004d;font-weight:600}.auth-card.special-page{animation:3s ease-in-out infinite alternate specialGlow}@keyframes specialGlow{0%{box-shadow:0 25px 45px #0000001a,inset 0 0 0 1px #ffffff0d,0 0 30px #10b9811a}to{box-shadow:0 25px 45px #0000001a,inset 0 0 0 1px #ffffff0d,0 0 40px #10b98133}}.auth-card a{color:#ffffffe6;text-shadow:0 1px 3px #0000004d;transition:all .3s}.auth-card a:hover{color:#fff;text-shadow:0 0 10px #ffffff80}.auth-card .form-input[type=password]{letter-spacing:.1em;font-family:monospace,sans-serif}.auth-card .form-input:-webkit-autofill{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-card .form-input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-card .form-input:-webkit-autofill:focus{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.auth-card .form-input:-webkit-autofill:active{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.form-input:-webkit-autofill{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.form-input:-webkit-autofill:hover{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.form-input:-webkit-autofill:focus{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.form-input:-webkit-autofill:active{-webkit-text-fill-color:#1f2937!important;color:#1f2937!important;background:#ffffff1a!important;border:1px solid #ffffff4d!important;-webkit-transition:background-color 5000s ease-in-out!important;transition:background-color 5000s ease-in-out!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}.password-strength-indicator{background:#fff3;border-radius:2px;height:3px;margin-top:.5rem;overflow:hidden}.password-strength-bar{border-radius:2px;height:100%;transition:all .3s}.password-strength-bar.weak{background:linear-gradient(90deg,#ef4444,#f87171);width:25%}.password-strength-bar.medium{background:linear-gradient(90deg,#f59e0b,#fbbf24);width:50%}.password-strength-bar.strong{background:linear-gradient(90deg,#10b981,#34d399);width:75%}.password-strength-bar.very-strong{background:linear-gradient(90deg,#059669,#10b981);width:100%;box-shadow:0 0 10px #10b98180}@media (max-width:768px){.balance-amount span{font-size:28px}.balance-info{grid-template-columns:1fr 1fr;gap:12px;display:grid}.balance-amount,.pending-amount,.consolidated-amount{padding:16px}.balance-amount span,.pending-amount span,.consolidated-amount span{font-size:20px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.stat-item{text-align:center;padding:12px 8px}.stat-item span{margin-bottom:4px;font-size:16px;display:block}.stat-item label{font-size:10px;line-height:1.2}}@media (max-width:480px){.balance-info{grid-template-columns:1fr 1fr;gap:10px}.balance-amount,.pending-amount,.consolidated-amount{padding:12px}.balance-amount span,.pending-amount span,.consolidated-amount span{font-size:18px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:6px}.stat-item{padding:10px 6px}.stat-item span{font-size:14px}.stat-item label{font-size:7.5px}}.auth-layout:before{animation-duration:10s}.verify-input-container{gap:.25rem}.verify-input{width:3rem;height:3rem;font-size:1.25rem}.top-users-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-primary);border-radius:16px;padding:1.5rem}.top-users-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.top-users-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.top-users-subtitle{color:var(--text-muted);background:var(--background-secondary);border-radius:12px;padding:.25rem .75rem;font-size:.875rem}.top-users-list{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px) and (max-width:1023px){.top-users-list{grid-template-columns:1fr 1fr;gap:1rem}}@media (min-width:1024px){.top-users-list{grid-template-columns:1fr 1fr 1fr;gap:1rem}}.top-user-item{background:var(--background-secondary);border-radius:12px;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:flex}.top-user-item:hover{background:var(--primary-color-10);transform:translate(4px)}.top-user-rank{text-align:center;min-width:32px;font-size:1.25rem;font-weight:700}.top-user-avatar{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:space-between;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.top-user-info{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.top-user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.top-user-country{color:var(--text-muted);font-size:.8rem}.top-user-earnings{color:var(--primary-color);flex-shrink:0;font-size:1.1rem;font-weight:700}.top-users-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem}.top-users-empty p{margin:0;font-size:1rem}@media (max-width:768px){.top-users-card{padding:1rem}.top-user-item{gap:.75rem;padding:.5rem}.top-user-avatar{width:36px;height:36px;font-size:1rem}.top-users-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.achievement-celebration{z-index:1060;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.achievement-celebration.enter{animation:1.2s cubic-bezier(.25,.46,.45,.94) forwards celebration-enter}.achievement-celebration.celebration{animation:2s ease-in-out infinite celebration-pulse}.achievement-celebration.exit{animation:.8s cubic-bezier(.55,.055,.675,.19) forwards celebration-exit}@keyframes celebration-enter{0%{opacity:0;filter:blur(10px);transform:scale(.8)translateY(50px)}30%{opacity:.3;filter:blur(5px);transform:scale(.9)translateY(20px)}60%{opacity:.7;filter:blur(2px);transform:scale(1.02)translateY(-5px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes celebration-pulse{0%,to{filter:brightness()}50%{filter:brightness(1.1)}}@keyframes celebration-exit{0%{opacity:1;filter:blur();transform:scale(1)translateY(0)}30%{opacity:.8;filter:blur(1px);transform:scale(1.05)translateY(-10px)}to{opacity:0;filter:blur(8px);transform:scale(.9)translateY(30px)}}.celebration-background{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe) 0 0/400% 400%;width:100%;height:100%;animation:4s infinite celebration-gradient;position:absolute;top:0;left:0}@keyframes celebration-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.celebration-particles{pointer-events:none;width:100%;height:100%;position:absolute}.particle{width:8px;height:8px;animation:particle-float var(--duration)var(--delay)infinite;background:#fffc;border-radius:50%;position:absolute}.particle:nth-child(2n){background:#ffd700cc;width:6px;height:6px}.particle:nth-child(3n){background:#8a2be2cc;width:4px;height:4px}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.celebration-rays{width:200px;height:200px;animation:8s linear infinite rays-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.light-ray{transform-origin:bottom;width:4px;height:100px;transform:translate(-50%,-100%)rotate(var(--rotation));opacity:.7;background:linear-gradient(#fffc,#fff6,#fff0);position:absolute;top:50%;left:50%}@keyframes rays-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.celebration-content{z-index:0;text-align:center;max-width:600px;padding:2rem;animation:1s cubic-bezier(.68,-.55,.265,1.55) .3s both content-bounce-in;position:relative}@keyframes content-bounce-in{0%{opacity:0;transform:scale(.3)translateY(50px)}to{opacity:1;transform:scale(1)translateY(0)}}.celebration-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:none;border-radius:50%;justify-content:space-between;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:-1rem;right:-1rem}.celebration-close:hover{background:#000000b3;transform:scale(1.1)}.celebration-title{margin-bottom:2rem;position:relative}.celebration-title h1{color:#fff;text-shadow:0 0 20px #ffffff80;letter-spacing:.1em;margin:0;font-size:clamp(2.5rem,8vw,4rem);font-weight:900;animation:2s ease-in-out infinite alternate title-glow}@keyframes title-glow{0%{text-shadow:0 0 20px #ffffff80}to{text-shadow:0 0 40px #fffc}}.title-sparkles{font-size:2rem;animation:1.5s ease-in-out infinite sparkle-twinkle;position:absolute;top:-20px;right:-20px}@keyframes sparkle-twinkle{0%,to{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.7;transform:rotate(180deg)scale(1.2)}}.celebration-badge-container{justify-content:space-between;align-items:center;margin:2rem 0;display:flex;position:relative}.badge-glow{background:radial-gradient(circle,var(--glow-color)0%,transparent 70%);opacity:.6;border-radius:50%;width:200px;height:200px;animation:2s ease-in-out infinite badge-glow-pulse;position:absolute}@keyframes badge-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.celebration-badge{background:var(--badge-color);border-radius:50%;justify-content:space-between;align-items:center;width:150px;height:150px;animation:3s ease-in-out infinite badge-float;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #0000004d,inset 0 0 30px #ffffff4d}@keyframes badge-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.badge-inner{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.badge-emoji{font-size:4rem;animation:2s ease-in-out infinite emoji-bounce}@keyframes emoji-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.badge-shine{background:linear-gradient(45deg,#0000 30%,#fff6,#0000 70%);width:200%;height:200%;animation:3s linear infinite badge-shine;position:absolute;top:-50%;left:-50%}@keyframes badge-shine{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.achievement-info{color:#fff;margin:2rem 0}.achievement-title{text-shadow:0 2px 10px #0000004d;margin:0 0 .5rem;font-size:2rem;font-weight:700}.achievement-description{opacity:.9;margin:0 0 1rem;font-size:1.1rem;line-height:1.5}.achievement-reward{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;justify-content:space-between;align-items:center;gap:.25rem;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:.75rem 1.5rem;font-weight:600;display:flex}.achievement-stats{justify-content:space-between;gap:2rem;margin:2rem 0;display:flex}.stat-item{text-align:center;color:#fff}.stat-label{opacity:.8;font-size:.9rem;display:block}.stat-value{font-size:1.3rem;font-weight:700;display:block}.celebration-actions{justify-content:space-between;gap:1rem;margin:2rem 0;display:flex}.action-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50px;align-items:center;gap:.25rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex}.action-btn.primary{color:#333;background:#ffffffe6}.action-btn.primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 25px #0003}.action-btn.secondary{color:#fff;background:#fff3;border:2px solid #ffffff4d}.action-btn.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.celebration-message{color:#fff;opacity:.9;margin-top:2rem;font-size:1rem}.celebration-message p{margin:0;font-style:italic}@media (max-width:768px){.celebration-content{margin:1rem;padding:1rem}.celebration-badge{width:120px;height:120px}.badge-emoji{font-size:3rem}.celebration-actions{flex-direction:column;align-items:center}.action-btn{width:100%;max-width:250px}.achievement-stats{gap:1rem}}.profile-avatar-container{cursor:pointer;width:64px;height:64px;transition:transform .3s;display:inline-block;position:relative}.profile-avatar-container:hover{transform:scale(1.05)}.profile-avatar-container .profile-avatar{background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;z-index:1;box-sizing:border-box;border:3px solid #fff;border-radius:50%;justify-content:space-between;align-items:center;width:64px;height:64px;font-size:2.2rem;font-weight:700;transition:filter .3s;display:flex;position:relative;box-shadow:0 2px 8px #8b5cf61f}.profile-avatar-container .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-edit-overlay{opacity:0;z-index:2;box-sizing:border-box;background:#000000b3;border:3px solid #0000;border-radius:50%;justify-content:space-between;align-items:center;width:64px;height:64px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.profile-edit-overlay svg{color:#fff;filter:drop-shadow(0 1px 2px #0000004d)}.profile-avatar-container:hover .profile-edit-overlay{opacity:1}.profile-avatar-container:hover .profile-avatar{filter:brightness(.8)}.user-sidebar.collapsed .profile-avatar-container{width:52px;height:52px}.user-sidebar.collapsed .profile-avatar-container .profile-avatar{border:2px solid #fff;width:52px;height:52px;font-size:1.6rem}.user-sidebar.collapsed .profile-edit-overlay{border:2px solid #0000;width:52px;height:52px}.mobile-sidebar-overlay{z-index:1040;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;position:fixed;inset:0}.user-sidebar.mobile-sidebar{z-index:1050;width:280px;max-width:85vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.user-sidebar.mobile-sidebar.mobile-sidebar-open{padding-top:88px;transform:translate(0)}.user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;width:32px;height:32px;box-shadow:var(--shadow-primary);z-index:10;border:none;border-radius:50%;justify-content:space-between;align-items:center;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;top:1rem;right:1rem}.user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary);transform:translateY(-1px)scale(1.05)}body.dark .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn{background:var(--gradient-primary);box-shadow:var(--shadow-primary)}body.dark .user-sidebar.mobile-sidebar .sidebar-toggle.mobile-close-btn:hover{background:var(--gradient-secondary);box-shadow:var(--shadow-secondary)}.user-sidebar.mobile-sidebar .profile-info.mobile-profile-info{opacity:1;max-height:none;margin-top:1rem;padding:0}.user-sidebar.mobile-sidebar .profile-avatar-container{cursor:pointer;width:80px;height:80px;transition:transform .3s;display:inline-block;position:relative}.user-sidebar.mobile-sidebar .profile-avatar-container:hover{transform:scale(1.05)}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar{background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;z-index:1;box-sizing:border-box;border:4px solid #fff;border-radius:50%;justify-content:space-between;align-items:center;width:80px;height:80px;font-size:2.8rem;font-weight:700;transition:filter .3s;display:flex;box-shadow:0 4px 12px #8b5cf626}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.user-sidebar.mobile-sidebar .avatar-fallback,.user-sidebar.mobile-sidebar .avatar-initial{background:linear-gradient(135deg,var(--user-primary),#a78bfa);color:#fff;box-sizing:border-box;border:4px solid #fff;border-radius:50%;justify-content:space-between;align-items:center;width:90px;height:90px;font-size:2.8rem;font-weight:700;display:flex;box-shadow:0 4px 12px #8b5cf626}.user-sidebar.mobile-sidebar .profile-name{font-size:1.3rem!important;font-weight:600!important}.user-sidebar.mobile-sidebar .profile-level{opacity:.9;font-size:1rem!important}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit{opacity:0;z-index:2;box-sizing:border-box;background:#000000b3;border:4px solid #0000;border-radius:50%;justify-content:space-between;align-items:center;width:80px;height:80px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit svg{color:#fff;filter:drop-shadow(0 1px 2px #0000004d)}.user-sidebar.mobile-sidebar .profile-avatar-container:hover .profile-edit-overlay.mobile-profile-edit{opacity:1}.user-sidebar.mobile-sidebar .profile-avatar-container:hover .profile-avatar{filter:brightness(.8)}.user-sidebar.mobile-sidebar .sidebar-nav.mobile-sidebar-nav a span{margin-left:12px;display:inline}.user-sidebar.mobile-sidebar .btn-logout.mobile-btn-logout span{margin-left:8px;display:inline}@media (max-width:768px){.user-sidebar.mobile-sidebar{width:260px}}@media (max-width:480px){.user-sidebar.mobile-sidebar{width:240px}.user-sidebar.mobile-sidebar .profile-avatar-container{width:72px;height:72px}.user-sidebar.mobile-sidebar .profile-avatar-container .profile-avatar,.user-sidebar.mobile-sidebar .avatar-fallback,.user-sidebar.mobile-sidebar .avatar-initial{border:3px solid #fff;width:82px;height:82px;font-size:2.8rem}.user-sidebar.mobile-sidebar .profile-edit-overlay.mobile-profile-edit{border:3px solid #0000;width:82px;height:82px}.user-sidebar.mobile-sidebar .profile-name{font-size:1.2rem!important}.user-sidebar.mobile-sidebar .profile-level{font-size:.9rem!important}}.category-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-sizing:border-box;background:#fffc;justify-content:flex-end;align-items:center;width:100%;min-height:48px;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}body.dark .category-header{background:#1e293bcc}.desktop-unified-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;justify-content:flex-end;align-items:center;padding:1rem 1.5rem;display:flex;z-index:999!important;box-sizing:border-box!important;width:calc(100% - 260px)!important;height:88px!important;margin-left:0!important;transition:left .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)!important;position:fixed!important;top:0!important;left:260px!important;right:0!important}.user-sidebar.collapsed+.desktop-unified-header,.sidebar-collapsed .desktop-unified-header{width:calc(100% - 70px)!important;transition:left .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)!important;left:70px!important}.desktop-unified-header+*{margin-top:0!important;padding-top:0!important}@media (min-width:769px){.dashboard-main-content:not(.mobile-layout){padding-top:88px!important}}.desktop-layout .category-header{width:calc(100% - 280px);left:280px}.desktop-layout.sidebar-collapsed .category-header{width:calc(100% - 70px);left:70px}.mobile-layout .category-header{width:100%;left:0}.category-header-actions{align-items:center;gap:1rem;margin-left:auto;display:flex}.category-header-actions .navbar-icon{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #8b5cf633;border-radius:50%;width:40px;height:40px;padding:0;transition:all .3s;box-shadow:0 4px 15px #8b5cf626}.category-header-actions .navbar-icon:hover{color:#7c3aed;background:#8b5cf61a;border-color:#8b5cf666;transform:scale(1.05);box-shadow:0 8px 25px #8b5cf640}body.dark .category-header-actions .navbar-icon{background:#1e293be6;border-color:#8b5cf64d}body.dark .category-header-actions .navbar-icon:hover{background:#8b5cf626}.category-header-actions .header-avatar{box-shadow:none;border:none;transition:all .3s}.category-header-actions .header-avatar:hover{box-shadow:none;border:none;transform:none}body.dark .category-header-actions .header-avatar{box-shadow:none;border:none}.settings-button{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #8b5cf633;border-radius:50%;justify-content:space-between;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 15px #8b5cf626}.settings-button:hover{background:#8b5cf61a;border-color:#8b5cf666;transform:scale(1.05);box-shadow:0 8px 25px #8b5cf640}.settings-icon{color:#8b5cf6;transition:all .3s}.settings-button:hover .settings-icon{color:#7c3aed;transform:rotate(90deg)}body.dark .settings-button{background:#1e293be6;border-color:#8b5cf64d}body.dark .settings-button:hover{background:#8b5cf626}.desktop-layout .category-header+*,.mobile-layout .category-header+*{padding-top:50px}@media (max-width:768px){.category-header{flex-direction:row;gap:1rem;min-height:38px;padding:.6rem 1rem}}.sidebar-profile.unified-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;box-sizing:border-box;background:#fffc;justify-content:space-between;align-items:center;gap:1rem;width:100%;height:80px;padding:1rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;flex-direction:row!important}.sidebar-profile:not(.unified-header){background:var(--user-sidebar-bg)}body.dark .sidebar-profile.unified-header{background:#1e293bcc}.sidebar-header-actions{align-items:center;gap:1rem;margin:0;display:flex;position:static}.sidebar-header-actions.desktop-header-actions{position:static}.unified-header .company-logo-container,.company-logo-container{flex-direction:row;align-items:center;gap:.75rem;display:flex}.company-logo{justify-content:space-between;align-items:center;display:flex}.company-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.unified-header .company-info{flex-direction:column;align-items:flex-start;display:flex}.unified-header .company-name{color:var(--text-color);margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}.unified-header .company-subtitle{color:var(--text-muted);opacity:.8;margin:0;font-size:.75rem;line-height:1}.company-name{color:var(--text-color);margin:0;font-size:1rem;font-weight:700;line-height:1.2}.company-subtitle{color:var(--text-muted);opacity:.8;margin:0;font-size:.7rem;line-height:1}.user-dropdown-container{box-shadow:none;background:0 0;border:none;outline:none;display:inline-block;position:relative}.user-dropdown-trigger{cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:.25rem;padding:0;transition:all .3s;display:flex}.user-dropdown-trigger:hover{background:0 0}.dropdown-arrow{color:var(--text-medium);transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown-menu{background:var(--user-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-radius:12px;min-width:200px;margin-top:.5rem;animation:.2s ease-out dropdownFadeIn;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:var(--text-color);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.dropdown-item:hover{background:var(--user-bg-secondary)}.theme-toggle{justify-content:flex-start}.theme-icon{align-items:center;font-size:20px;display:flex}.theme-text{color:var(--text-color);margin-left:.75rem}.dropdown-separator{background:var(--border-color);height:1px;margin:.25rem 0}.logout-item{color:#ef4444}.logout-item:hover{background:#ef44441a}body.dark .user-dropdown-menu{background:#1e293bf2;border-color:#334155cc;box-shadow:0 10px 25px #0000004d}body.dark .user-dropdown-trigger:hover{background:0 0}body.dark .dropdown-arrow{color:var(--text-medium)}.simple-task-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;max-width:600px;margin-bottom:24px;padding:24px}.simple-provider-header{border-bottom:1px solid var(--border-color);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.simple-provider-logo{border:1px solid var(--border-color);background:#fff;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.simple-provider-logo img{-o-object-fit:contain;object-fit:contain;border-radius:10px;width:100%;height:100%}.simple-provider-info h3{color:var(--text-primary);margin:0 0 4px;font-size:18px;font-weight:600}.simple-provider-info p{color:var(--text-muted);margin:0;font-size:14px}.simple-provider-status{color:var(--accent-green);background:#10b9811a;border-radius:6px;padding:4px 8px;font-size:8.5px;font-weight:500}.simple-provider-features{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.simple-feature{background:var(--background-secondary);color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;display:flex}.simple-start-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 20px;font-size:16px;font-weight:500;transition:all .2s}.simple-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.back-to-providers-btn{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;margin-bottom:20px;padding:10px 16px;font-size:14px;transition:all .2s}.back-to-providers-btn:hover{background:var(--primary-color);color:#fff}@media (max-width:768px){.simple-provider-header{text-align:center;flex-direction:column;gap:12px}.simple-provider-features{justify-content:space-between}.simple-task-card{margin:0 auto;padding:20px}}@media (max-width:480px){.simple-task-card{padding:16px}.simple-provider-features{flex-direction:column;gap:8px}.simple-feature{justify-content:space-between}}.profile-page-container{background:#0f1419;width:100%;min-height:100vh;margin-left:0;padding:110px 3rem 2rem;transition:all .4s cubic-bezier(.25,.8,.25,1)}.profile-content-wrapper{flex-direction:column;gap:2.5rem;width:100%;max-width:100%;display:flex}.profile-card{background:linear-gradient(135deg,#2d2654,#3a2f5f);border-radius:14px;flex-direction:row;align-items:center;gap:3rem;padding:2.5rem 3.5rem 3rem;display:flex;position:relative;box-shadow:0 10px 40px #2d265499}.level-badge{color:#fff;letter-spacing:.5px;z-index:10;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #8b5cf699;border-radius:50px;padding:.65rem 1.4rem;font-size:15px;font-weight:800;position:absolute;top:1.5rem;right:2rem;box-shadow:0 4px 15px #8b5cf680}.profile-avatar-section{flex-shrink:0;position:relative}.avatar-wrapper{justify-content:space-between;align-items:center;width:180px;height:180px;display:flex;position:relative}.avatar-glow{background:radial-gradient(circle,#a855f799,#0000 70%);border-radius:50%;width:100%;height:100%;animation:3s ease-in-out infinite pulse-glow;position:absolute}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.12)}}.avatar-wrapper img{-o-object-fit:cover;object-fit:cover;z-index:2;border:5px solid #fff;border-radius:50%;width:165px;height:165px;position:relative;box-shadow:0 10px 30px #0006}.avatar-placeholder{color:#fff;z-index:2;text-transform:uppercase;background:linear-gradient(135deg,#a78bfa,#c084fc);border:5px solid #fff;border-radius:50%;justify-content:space-between;align-items:center;width:165px;height:165px;font-size:64px;font-weight:800;display:flex;position:relative;box-shadow:0 10px 30px #0006}.upload-avatar-btn{cursor:pointer;z-index:3;background:#fff;border:3px solid #a855f7;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:10px;right:25px;box-shadow:0 4px 16px #0000004d}.upload-avatar-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #a855f780}.upload-avatar-btn svg{color:#a855f7;font-size:20px}.profile-info-container{flex-direction:column;flex:1;gap:.75rem;display:flex}.profile-name{color:#f3f4f6;text-align:left;text-shadow:0 2px 6px #0003;letter-spacing:-.5px;margin:0 0 .5rem;font-size:40px;font-weight:800;line-height:1.2}.profile-username{color:#9ca3afd9;text-align:left;margin:0;font-size:18px;font-weight:500}.profile-details{flex-flow:wrap;align-items:center;gap:.75rem;display:flex}.detail-row{-webkit-backdrop-filter:blur(10px);background:#a855f726;border:1px solid #a855f740;border-radius:10px;align-items:center;gap:.25rem;padding:.5rem 1rem;transition:all .3s;display:flex}.detail-row:hover{background:#a855f733;border-color:#a855f759}.detail-icon{color:#a855f7;flex-shrink:0;font-size:16px}.detail-text{color:#f3f4f6e6;white-space:nowrap;font-size:14px;font-weight:500}.edit-button{color:#fff;cursor:pointer;background:#a855f7;border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:.25rem;padding:.875rem 2rem;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #a855f766}.edit-button:hover{background:#9333ea;transform:translateY(-2px);box-shadow:0 6px 18px #a855f780}.edit-mode{flex-direction:column;gap:.65rem;width:100%;max-width:900px;display:flex}.edit-mode h2{color:#fff;text-align:center;margin:0 0 .4rem;font-size:24px;font-weight:800}.form-row-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-group label{color:#ffffffd9;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:.4rem;font-size:11px;font-weight:700;display:flex}.form-group label svg{font-size:15px}.form-group input,.form-group select{color:#fff;background:#2d3748;border:1px solid #4a5568;border-radius:8px;width:100%;padding:.65rem .9rem;font-size:14px;font-weight:500;transition:all .3s}.form-group input::-moz-placeholder{color:#ffffff80}.form-group input::placeholder{color:#ffffff80}.form-group input:focus,.form-group select:focus{background:#3a4556;border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.form-group input:disabled{cursor:not-allowed;opacity:.6;background:#1a202c;border-color:#2d3748}.form-group select{cursor:pointer}.form-group select option{color:#fff;background:#2d3748;padding:.5rem}.edit-actions{gap:.65rem;margin-top:.65rem;display:flex}.save-button,.cancel-button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem 1.25rem;font-size:13px;font-weight:700;transition:all .3s;display:flex}.save-button{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf666}.save-button:hover{background:linear-gradient(135deg,#9d6fff,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.cancel-button{color:#fff;background:#37415199;border:1px solid #fff3}.cancel-button:hover{background:#4b5563cc;border-color:#ffffff4d}.badges-card{background:#1a1f2e;border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d}.badges-header{border-bottom:2px solid #7c3aed33;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.badges-header-left{align-items:center;gap:.75rem;display:flex}.badges-trophy-icon{filter:drop-shadow(0 4px 12px #eab30866);font-size:40px}.badges-title-section h2{color:#f3f4f6;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.badges-subtitle{color:#9ca3af;margin:.375rem 0 0;font-size:14px;font-weight:500}.badges-counter{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50px;padding:.75rem 1.75rem;font-size:18px;font-weight:800;box-shadow:0 8px 24px #7c3aed66}.badge-collection-new{width:100%}.badge-collection-header{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.badge-header-left{align-items:center;gap:.75rem;display:flex}.badge-trophy-icon{filter:drop-shadow(0 2px 8px #f59e0b4d);font-size:32px}.badge-header-text{flex-direction:column;gap:0;display:flex}.badge-collection-title{-webkit-text-fill-color:transparent;letter-spacing:-.2px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;margin:0;font-size:18px;font-weight:800}.badge-collection-subtitle{color:#9ca3af;margin:0;font-size:12px;font-weight:500}.badge-progress-indicator{background:#10b98126;border:1.5px solid #10b9814d;border-radius:50px;padding:.5rem 1rem}.badge-progress-count{color:#10b981;letter-spacing:.2px;font-size:14px;font-weight:800}.badge-collection-grid{grid-template-columns:repeat(8,1fr);gap:.75rem;width:100%;display:grid}.badge-item{cursor:pointer;aspect-ratio:1;background:linear-gradient(145deg,#1a1f2e,#0f1419);border:2px solid #4b556333;border-radius:14px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.5rem;min-height:140px;padding:1.5rem .5rem .65rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.badge-item.badge-unlocked{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:#3b82f666;box-shadow:0 8px 32px #0000004d}.badge-item.badge-unlocked:hover{border-color:#3b82f699;transform:translateY(-10px)scale(1.03);box-shadow:0 20px 60px #3b82f640}.badge-item.badge-locked{opacity:.45;background:#0a0d12;border-color:#3741514d}.badge-item.badge-locked:hover{transform:translateY(-3px)}.badge-rarity-tag{text-transform:uppercase;letter-spacing:.75px;color:#fff;z-index:2;border-radius:50px;padding:.2rem .5rem;font-size:7.5px;font-weight:800;position:absolute;top:.625rem;left:.625rem;box-shadow:0 2px 8px #0000004d}.badge-lock-overlay{color:#4b5563;opacity:.5;z-index:2;position:absolute;top:.625rem;right:.625rem}.badge-main-icon{filter:drop-shadow(0 6px 16px #00000080);font-size:48px;line-height:1}.badge-item.badge-locked .badge-main-icon{filter:grayscale()opacity(.25);font-size:48px}.badge-content{text-align:center;flex-direction:column;flex:1;gap:.15rem;display:flex}.badge-title{color:#f3f4f6;letter-spacing:-.25px;margin:0;font-weight:700;line-height:1.2;font-size:11px!important}.badge-description{color:#9ca3af;margin:0;font-weight:500;line-height:1.35;font-size:9px!important}.badge-item.badge-locked .badge-title,.badge-item.badge-locked .badge-description{color:#6b7280;font-size:9px!important}.badge-status{width:100%;margin-top:auto}.badge-completed{color:#10b981;text-align:center;letter-spacing:.2px;background:#10b98126;border:2px solid #10b9814d;border-radius:10px;padding:.4rem .6rem;font-size:8.5px;font-weight:700;display:block}.badge-requirement{color:#6b7280;text-align:center;letter-spacing:.2px;background:#4b556326;border-radius:10px;padding:.4rem .6rem;font-size:8.5px;font-weight:600;display:block}.badge-shine-effect{pointer-events:none;background:linear-gradient(45deg,#0000 30%,#ffffff1f,#0000 70%);width:200%;height:200%;animation:4s infinite badge-shine;position:absolute;top:-50%;left:-50%}.badge-load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;padding:.75rem 2rem;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.badge-load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.badge-load-more-btn:active{transform:translateY(0)}.badge-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:space-between;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.badge-modal-content{background:linear-gradient(145deg,#1e293b,#0f172a);border:2px solid #3b82f64d;border-radius:32px;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:480px;padding:3rem 2.5rem;display:flex;position:relative;box-shadow:0 24px 80px #0009}.badge-modal-icon{filter:drop-shadow(0 12px 32px #0009);margin-bottom:.5rem;font-size:120px}.badge-modal-title{color:#f3f4f6;text-align:center;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800}.badge-modal-description{color:#9ca3af;text-align:center;max-width:90%;margin:0;font-size:16px;line-height:1.6}.badge-modal-stats{background:#11182799;border:1px solid #4b55634d;border-radius:16px;flex-direction:column;gap:.75rem;width:100%;padding:1.5rem;display:flex}.badge-modal-stats span{color:#d1d5db;font-size:14px;font-weight:600}.badge-modal-close{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;margin-top:1rem;padding:1rem 3rem;font-size:14px;font-weight:700;transition:all .3s}.badge-modal-close:hover{transform:translateY(-2px);box-shadow:0 12px 32px #3b82f666}@media (max-width:1400px){.badge-collection-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}.badge-item{min-height:300px}}@media (max-width:1024px){.badge-collection-grid{grid-template-columns:repeat(4,1fr);gap:1rem}.badge-item{min-height:200px;padding:1.25rem 1rem}.badge-main-icon{font-size:56px}.badge-title{font-size:13px!important}.badge-trophy-icon{font-size:30px}.badge-collection-title{font-size:17px}.badge-progress-count{font-size:14px}}@media (max-width:768px){.badge-collection-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.badge-item{min-height:140px;padding:.75rem .5rem .65rem}.badge-main-icon{font-size:48px}.badge-title{font-size:11px!important}.badge-trophy-icon{font-size:28px}.badge-collection-title{font-size:16px}.badge-progress-count{font-size:13px}.mobile-layout .dashboard-main-content.fullscreen-layout{width:100vw!important;max-width:100vw!important;margin-left:0!important}.mobile-layout .profile-page-container{width:100%!important;max-width:100%!important;margin-left:0!important;padding:75px 1rem 1rem!important}.profile-card{border-radius:20px;padding:2rem 1.25rem 1.75rem}.form-row-grid{grid-template-columns:1fr;gap:1rem}.edit-mode{max-width:100%}}@media (min-width:768px) and (max-width:1024px){.mobile-layout .dashboard-main-content.fullscreen-layout{width:100vw!important;max-width:100vw!important;margin-left:0!important}.mobile-layout .profile-page-container{width:100%!important;max-width:100%!important;margin-left:0!important;padding:100px 1.5rem 1.5rem!important}.profile-card{padding:2.5rem 2rem}.form-row-grid{grid-template-columns:1fr 1fr;gap:1.25rem}.edit-mode{max-width:100%}}@media (max-width:1024px){.profile-card{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem!important}.profile-avatar-section{justify-content:center;width:100%;margin-bottom:.5rem;display:flex}.avatar-wrapper,.avatar-wrapper img,.avatar-placeholder{width:150px!important;height:150px!important}.upload-avatar-btn{bottom:0;right:5px;border-radius:50%!important}.profile-info-container{align-items:center;width:100%}.profile-name{text-align:center;font-size:24px!important}.profile-username{text-align:center;font-size:15px!important}.profile-details{flex-flow:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%}.detail-row{gap:.5rem;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;padding:0!important}.detail-row:hover{background:0 0!important}.detail-icon{color:#a855f7cc;font-size:14px}.detail-text{color:#f3f4f6b3;font-size:12px;font-weight:400}.profile-details .detail-row:first-child{justify-content:center;width:100%}.profile-details .detail-row:nth-child(2),.profile-details .detail-row:nth-child(3){flex:none;width:auto}.edit-button{justify-content:center;width:100%}.level-badge{padding:.5rem 1rem;font-size:13px;top:1rem;right:1rem}}@media (max-width:768px){.profile-card{gap:1rem;padding:1.5rem 1rem!important}.avatar-wrapper{width:120px!important;height:120px!important}.avatar-wrapper img,.avatar-placeholder{font-size:48px;width:120px!important;height:120px!important}.profile-name{font-size:22px!important}.profile-username{font-size:14px!important}.level-badge{padding:.45rem .9rem;font-size:12px}.edit-button{padding:.75rem 1.5rem;font-size:14px}}body.light .profile-page-container,body:not(.dark) .profile-page-container{background:#f9fafb!important}body.light .profile-card,body:not(.dark) .profile-card{background:#fff!important;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326!important}body.light .profile-name,body:not(.dark) .profile-name{color:#1f2937!important;text-shadow:none!important}body.light .profile-username,body:not(.dark) .profile-username{color:#6b7280!important}body.light .detail-row,body:not(.dark) .detail-row{background:#a855f714!important;border:1px solid #a855f733!important}body.light .detail-icon,body:not(.dark) .detail-icon{color:#7c3aed!important}body.light .detail-text,body:not(.dark) .detail-text{color:#1f2937!important}body.light .edit-button,body:not(.dark) .edit-button{color:#fff!important;background:#7c3aed!important}body.light .edit-button:hover,body:not(.dark) .edit-button:hover{background:#6d28d9!important}body.light .edit-mode h2,body:not(.dark) .edit-mode h2{color:#1f2937!important}body.light .form-group label,body:not(.dark) .form-group label{color:#4b5563!important}body.light .form-group input,body.light .form-group select,body:not(.dark) .form-group input,body:not(.dark) .form-group select{color:#1f2937!important;background:#fff!important;border:1px solid #d1d5db!important}body.light .form-group input::-moz-placeholder,body:not(.dark) .form-group input::-moz-placeholder{color:#9ca3af!important}body.light .form-group input::placeholder,body:not(.dark) .form-group input::placeholder{color:#9ca3af!important}body.light .form-group input:focus,body.light .form-group select:focus,body:not(.dark) .form-group input:focus,body:not(.dark) .form-group select:focus{background:#f9fafb!important;border-color:#7c3aed!important}body.light .form-group input:disabled,body:not(.dark) .form-group input:disabled{background:#f3f4f6!important;border-color:#e5e7eb!important}body.light .form-group select option,body:not(.dark) .form-group select option{color:#1f2937!important;background:#fff!important}body.light .save-button,body:not(.dark) .save-button{color:#fff!important;background:#7c3aed!important}body.light .save-button:hover,body:not(.dark) .save-button:hover{background:#6d28d9!important}body.light .cancel-button,body:not(.dark) .cancel-button{color:#1f2937!important;background:#fff!important;border:2px solid #e5e7eb!important}body.light .cancel-button:hover,body:not(.dark) .cancel-button:hover{background:#f9fafb!important;border-color:#7c3aed!important}body.light .badge-title,body:not(.dark) .badge-title{color:#fff!important}body.light .badge-description,body:not(.dark) .badge-description{opacity:.9;color:#fff!important}body.light .badge-item.badge-locked .badge-title,body.light .badge-item.badge-locked .badge-description,body:not(.dark) .badge-item.badge-locked .badge-title,body:not(.dark) .badge-item.badge-locked .badge-description{opacity:.7;color:#fff!important}body.light .badge-completed,body:not(.dark) .badge-completed{color:#fff!important;background:#10b9814d!important;border-color:#10b98180!important}body.light .badge-requirement,body:not(.dark) .badge-requirement{color:#fff!important;background:#4b55634d!important}body.light .badge-progress-count,body:not(.dark) .badge-progress-count{color:#10b981!important}body.light .badge-collection-title,body:not(.dark) .badge-collection-title{-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important}body.light .badges-title-section h2,body:not(.dark) .badges-title-section h2{color:#1f2937!important}body.light .badges-subtitle,body:not(.dark) .badges-subtitle{color:#6b7280!important}body.light .badge-header-text h3,body:not(.dark) .badge-header-text h3{-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important}body.light .level-badge,body:not(.dark) .level-badge{color:#fff!important}body.light .avatar-placeholder,body:not(.dark) .avatar-placeholder{border-color:#fff!important}body.light .upload-avatar-btn,body:not(.dark) .upload-avatar-btn{background:#fff!important;border-color:#7c3aed!important}body.light .upload-avatar-btn svg,body:not(.dark) .upload-avatar-btn svg{color:#7c3aed!important}body.light .user-sidebar.collapsed .sidebar-nav a:hover:after,body:not(.dark) .user-sidebar.collapsed .sidebar-nav a:hover:after{color:#1f2937!important;background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326!important}body.light .user-dropdown-container,body:not(.dark) .user-dropdown-container,body.light .user-dropdown-trigger,body:not(.dark) .user-dropdown-trigger,body.light .user-dropdown-trigger:hover,body:not(.dark) .user-dropdown-trigger:hover,body.light .avatar-container,body:not(.dark) .avatar-container{background:0 0!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-color: #8B5CF6;--secondary-color: #22c55e;--background-color: #0f1419;--card-bg: #1f2937;--text-primary: #ffffff;--text-secondary: #d1d5db;--text-medium: #9ca3af;--border-color: #374151;--shadow-accent: 0 4px 6px -1px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6}.main-container{padding:2rem;max-width:1200px;margin:0 auto}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-accent)}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.btn-secondary{background:var(--secondary-color);color:#fff}.btn-secondary:hover{background:#16a34a;transform:translateY(-1px)}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:red}.auth-card{background:#ffffff1a;border:1px solid var(--border-color);border-radius:1rem;padding:2rem;width:100%;max-width:500px;box-shadow:0 20px 25px -5px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#8b5cf6,#22c55e);background-clip:text;-webkit-background-clip:text;color:transparent}.auth-subtitle{color:var(--text-medium);font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:#1f293780;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61a}.user-layout{display:flex;min-height:100vh}.content-area{flex:1;padding:2rem;overflow-y:auto}.dashboard-container{padding:2rem;background-color:var(--background-color);min-height:100vh}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2rem;font-weight:800;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-medium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:#fff;padding:1.5rem;border-radius:1rem;text-align:center}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.875rem;opacity:.9}.sidebar{width:250px;background:var(--card-bg);border-right:1px solid var(--border-color);padding:1rem;overflow-y:auto}.sidebar-nav{list-style:none}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:.5rem;transition:all .3s ease}.sidebar-nav a:hover,.sidebar-nav a.active{background:var(--primary-color);color:#fff}.verify-input-container{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0}.verify-input{width:50px;height:56px;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid #d1d5db;border-radius:.75rem;background:#fff;color:#1f2937;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.verify-input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f133,0 4px 12px #6366f126;transform:scale(1.05)}.verify-input::-moz-placeholder{color:#9ca3af}.verify-input::placeholder{color:#9ca3af}body.dark .verify-input{border:2px solid #d1d5db;background:#fff;color:#1f2937}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}@media (max-width: 768px){.user-layout{flex-direction:column}.sidebar{width:100%;height:auto}.auth-layout,.dashboard-container{padding:1rem}.verify-input{width:40px;height:40px;font-size:1rem}}@media (max-width: 480px){.auth-card{padding:1.5rem}.verify-input-container{gap:.25rem}.verify-input{width:35px;height:35px;font-size:.875rem}}.main-app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;background:linear-gradient(135deg,var(--background-color),var(--background-color));color:var(--text-color);position:relative}.main-content:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none}.main-wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-color, #374151);padding:1rem 0;box-shadow:var(--shadow-primary);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.app-footer{background-color:var(--user-sidebar-bg, #0f172a);color:var(--text-medium, #9CA3AF);text-align:center;padding:1rem;border-top:1px solid var(--border-color, #374151)}@media (max-width: 768px){.main-content{padding:1rem}.main-wrapper{padding:0 .5rem}}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}