.landing-page{position:relative}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:100px 0 60px;background:#fff}.hero-image-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);width:45%;max-width:600px;z-index:1;opacity:.9}.hero-image{width:100%;height:auto;border-radius:8px;box-shadow:0 20px 60px #0000001a}.hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.hero-text{max-width:700px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;font-weight:500;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.hero-badge svg{color:#171717}.hero-title{font-size:42px;font-weight:500;line-height:1.2;margin-bottom:20px;color:#171717}.hero-subtitle{font-size:16px;color:#676869;max-width:500px;margin:0 auto 32px;line-height:1.6}.hero-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.hero-stats-mini{display:flex;align-items:center;justify-content:center;gap:32px}.stat-mini{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-mini strong{font-size:20px;font-weight:500;color:#171717}.stat-mini span{font-size:12px;color:#676869}.stat-divider{width:1px;height:32px;background:#e5e5e5}.scroll-indicator{display:none}.section-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.section-label{display:inline-block;padding:6px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;font-size:11px;font-weight:500;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.section-header h2{font-size:28px;font-weight:500;color:#171717;margin-bottom:12px}.section-header p{font-size:15px;color:#676869;max-width:450px;margin:0 auto}.features-section{padding:80px 0;background:#fafafa}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px;text-align:center;transition:border-color .2s ease}.feature-card:hover{border-color:#d4d4d4}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;font-size:20px;color:#171717;margin:0 auto 16px}.feature-card h3{font-size:16px;font-weight:500;margin-bottom:8px;color:#171717}.feature-card p{font-size:13px;color:#676869;line-height:1.5}.how-it-works-section{padding:80px 0;background:#fff}.steps-container{display:flex;justify-content:center;gap:0;position:relative}.step-card{position:relative;flex:1;max-width:240px;text-align:center;padding:0 16px}.step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#171717;border-radius:50%;font-size:16px;font-weight:500;color:#fff;margin:0 auto 16px;position:relative;z-index:2}.step-content h3{font-size:15px;font-weight:500;margin-bottom:6px;color:#171717}.step-content p{font-size:13px;color:#676869;line-height:1.5}.step-connector{position:absolute;top:24px;right:-50%;width:100%;height:1px;background:#e5e5e5;z-index:1}.step-connector:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;background:#171717;border-radius:50%}.stats-section{position:relative;padding:60px 0;background:#fafafa}.stats-bg{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{text-align:center;padding:24px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px}.stat-card:hover{border-color:#d4d4d4}.stat-icon{font-size:24px;color:#171717;margin-bottom:12px}.stat-value{font-size:32px;font-weight:500;color:#171717;margin-bottom:4px}.stat-label{font-size:13px;color:#676869}.testimonials-section{padding:80px 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:24px}.testimonial-card:hover{border-color:#d4d4d4}.testimonial-rating{display:flex;gap:2px;margin-bottom:12px}.star-filled{fill:#f59e0b;color:#f59e0b;font-size:14px}.testimonial-quote{font-size:14px;color:#676869;line-height:1.6;font-style:italic;margin-bottom:20px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#171717;border-radius:50%;font-size:14px;font-weight:500;color:#fff}.author-info{display:flex;flex-direction:column}.author-info strong{color:#171717;font-size:14px;font-weight:500}.author-info span{color:#676869;font-size:12px}.cta-section{position:relative;padding:80px 0;background:#171717}.cta-bg{display:none}.cta-content{position:relative;text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:28px;font-weight:500;margin-bottom:12px;color:#fff}.cta-content p{font-size:15px;color:#9ca3af;margin-bottom:24px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cta-buttons .btn-primary{background:#fff;color:#171717;border-color:#fff}.cta-buttons .btn-primary:hover{background:#f5f5f5}.cta-buttons .btn-secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.cta-buttons .btn-secondary:hover{background:#ffffff1a}.btn-accent{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-accent:hover{background:#ffffff1a;border-color:#ffffff80}@media (max-width: 1200px){.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.steps-container{flex-wrap:wrap;gap:32px}.step-card{flex:0 0 calc(50% - 16px);max-width:none}.step-connector{display:none}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-section{padding:80px 0 48px}.hero-image-wrapper{display:none}.hero-title{font-size:28px}.hero-buttons{flex-direction:column;align-items:center}.btn-lg{width:100%;max-width:280px}.hero-stats-mini{flex-direction:column;gap:16px}.stat-divider{width:48px;height:1px}.features-grid,.stats-grid,.testimonials-grid{grid-template-columns:1fr}.step-card{flex:0 0 100%}.features-section,.how-it-works-section,.testimonials-section,.cta-section{padding:60px 0}}@media (max-width: 480px){.hero-title{font-size:24px}.section-header h2{font-size:22px}.feature-card,.stat-card,.testimonial-card{padding:16px}}.visual-queue{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px;position:relative;overflow:hidden}.confetti-container{position:absolute;top:50%;left:50%;width:10px;height:10px;pointer-events:none;z-index:20}.confetti-particle{will-change:transform,opacity}.visual-queue .queue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0;text-align:left}.visual-queue .queue-header h3{font-size:16px;font-weight:500;color:#171717}.position-number{font-size:2rem;font-weight:600;color:#171717}.your-turn-text{color:#22c55e;display:inline-block}.wait-time{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-weight:500;font-size:14px}.visual-queue .queue-progress{height:8px;background:#e5e5e5;border-radius:4px;margin-bottom:24px;position:relative;overflow:visible}.visual-queue .progress-fill{height:100%;background:#171717;border-radius:4px;position:relative;overflow:visible}.visual-queue .progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#171717;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 2px #171717}.progress-glow{display:none}.progress-markers{position:absolute;top:0;left:0;right:0;height:100%;display:flex;justify-content:space-between}.marker{width:6px;height:6px;background:#d4d4d4;border-radius:50%;margin-top:1px;transition:all .3s ease}.marker.passed{background:#171717}.visual-queue .queue-visualization{display:flex;align-items:flex-start;gap:16px;padding:16px 0;overflow-x:auto;position:relative;flex-wrap:wrap}.service-counter{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:#f0fdf4;border:1px solid #86efac;border-radius:4px;min-width:90px;transition:all .3s ease;flex-shrink:0}.service-counter.active{background:#dcfce7;border-color:#22c55e}.counter-icon{font-size:1.5rem}.service-counter span{font-size:10px;color:#22c55e;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.queue-line{display:flex;gap:8px;flex:1;overflow-x:auto;padding:8px 0;align-items:center}.queue-person{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px;flex-shrink:0}.person-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:2px solid #e5e5e5;border-radius:50%;font-size:1.1rem;color:#9ca3af;transition:all .3s ease}.queue-person.is-you .person-icon{background:#171717;border-color:#171717;color:#fff;box-shadow:0 2px 8px #00000026}.queue-person.served .person-icon{background:#dcfce7;border-color:#86efac;color:#22c55e;opacity:.6}.you-label{font-size:10px;font-weight:600;color:#171717;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px}.person-number{font-size:10px;color:#9ca3af}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.stat{text-align:center;padding:12px;background:#fafafa;border-radius:4px;border:1px solid #e5e5e5;transition:all .2s ease;cursor:default}.stat:hover{border-color:#d4d4d4;background:#f5f5f5}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:#171717}.stat-label{font-size:10px;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;display:block}.your-turn-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff7;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:15;border-radius:4px}.pulse-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;pointer-events:none}.pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #22c55e;border-radius:50%;opacity:0}.celebration{font-size:4rem;margin-bottom:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.your-turn-overlay h2{font-size:2rem;font-weight:600;color:#22c55e;margin-bottom:8px}.your-turn-overlay p{color:#676869;font-size:16px}.floating-stars{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:200px;height:100px;display:flex;justify-content:center;pointer-events:none}.floating-star{position:absolute;font-size:1.5rem}@media (max-width: 768px){.visual-queue{padding:16px}.visual-queue .queue-header{flex-direction:column;gap:12px;text-align:center}.visual-queue .queue-visualization{flex-direction:column;gap:16px}.queue-line{justify-content:center;flex-wrap:wrap}.queue-stats{grid-template-columns:1fr;gap:10px}.stat{display:flex;justify-content:space-between;align-items:center;text-align:left}.stat-value{font-size:1.25rem}.your-turn-overlay h2{font-size:1.5rem}.celebration{font-size:3rem}}@media (max-width: 480px){.visual-queue{padding:12px}.visual-queue .queue-header h3{font-size:14px}.position-number{font-size:1.5rem}.wait-time{padding:6px 12px;font-size:13px}.person-icon{width:36px;height:36px;font-size:1rem}.service-counter{padding:12px 14px;min-width:80px}.counter-icon{font-size:1.5rem}.stat{padding:10px}.stat-value{font-size:1.1rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.queue-page{min-height:100vh;padding-top:70px;background:#fff;position:relative}.queue-bg-gradient{display:none}.queue-header{padding:48px 0 32px}.queue-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.queue-header-content{text-align:left}.queue-hero-image{display:flex;justify-content:center;align-items:center}.queue-hero-image img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px #0000001a}.page-label{display:inline-block;padding:6px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;font-size:11px;font-weight:500;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.queue-header h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:500;color:#171717;margin-bottom:8px}.queue-header p{font-size:14px;color:#676869}.notification{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-width:calc(100% - 32px)}.notification-success{border-left:4px solid #22c55e}.notification-alert{border-left:4px solid #f59e0b;animation:pulse 1.5s infinite}.notification-info{border-left:4px solid #3b82f6}.notification svg{font-size:1.25rem;flex-shrink:0}.notification button{background:none;border:none;color:#9ca3af;font-size:1.25rem;cursor:pointer;margin-left:8px;padding:4px}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b00}}.queue-content{padding:24px 0 60px}.queue-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.queue-panel{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:24px}.queue-panel h2{font-size:18px;font-weight:500;color:#171717;margin-bottom:6px}.queue-instruction{color:#676869;font-size:14px;margin-bottom:20px}.api-status-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:13px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#676869}.loading-state .spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:16px}.store-list{display:flex;flex-direction:column;gap:12px}.store-card{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease}.store-card:hover{border-color:#171717;background:#fff}.store-icon{width:44px;height:44px;background:#171717;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.store-info h3{font-size:15px;font-weight:500;color:#171717;margin-bottom:4px}.store-info p{color:#676869;font-size:13px;margin-bottom:10px}.store-queues{display:flex;gap:16px;flex-wrap:wrap}.store-queues span{display:flex;align-items:center;gap:6px;font-size:12px;color:#676869}.store-queues svg{color:#171717}.back-btn{background:none;border:none;color:#676869;font-size:13px;cursor:pointer;margin-bottom:16px;padding:0;transition:color .2s ease;display:flex;align-items:center;gap:6px}.back-btn:hover{color:#171717}.smart-queue-detect{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:20px;margin-bottom:20px}.smart-queue-detect h4{text-align:center;color:#171717;margin:0 0 16px;font-size:14px;font-weight:500}.intent-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.intent-btn{padding:12px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#171717;font-size:14px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.intent-btn:hover{background:#171717;border-color:#171717;color:#fff}.intent-btn.browse{background:transparent;border-color:#d4d4d4;color:#676869}.intent-btn.browse:hover{background:#f5f5f5;border-color:#d4d4d4;color:#171717}.queue-divider{display:flex;align-items:center;margin:20px 0}.queue-divider:before,.queue-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.queue-divider span{padding:0 12px;color:#9ca3af;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.queue-options{display:flex;flex-direction:column;gap:12px}.queue-option{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease}.queue-option:hover{border-color:#171717;background:#fafafa}.queue-option-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;font-size:20px;color:#171717;flex-shrink:0}.queue-option-info{flex:1;min-width:0}.queue-option-info h3{font-size:15px;font-weight:500;margin-bottom:4px;color:#171717}.queue-description{font-size:13px;color:#676869;margin-bottom:8px}.queue-meta{display:flex;gap:16px;font-size:12px;color:#676869;flex-wrap:wrap}.queue-meta span{display:flex;align-items:center;gap:4px}.queue-option-action{color:#171717;font-weight:500;font-size:14px;white-space:nowrap}.queue-status{text-align:center}.status-header{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px}.status-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:24px;color:#fff;background:#171717}.status-title h2{font-size:18px;font-weight:500;color:#171717;margin-bottom:4px}.status-title p{color:#22c55e;font-weight:500;font-size:14px}.token-display{display:flex;flex-direction:column;align-items:center;padding:20px;margin-bottom:20px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.token-label{font-size:11px;color:#676869;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.token-number{font-size:2.5rem;font-weight:600;color:#171717}.store-info-badge{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 16px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;color:#676869;font-size:13px}.store-info-badge svg{color:#171717}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.status-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:16px;text-align:center}.status-card.highlight{background:#171717;border-color:#171717}.status-card svg{font-size:18px;color:#171717;margin-bottom:8px}.status-card.highlight svg{color:#fff}.status-card-value{font-size:1.5rem;font-weight:600;color:#171717;margin-bottom:4px}.status-card.highlight .status-card-value{color:#fff}.status-card-label{font-size:12px;color:#676869}.status-card.highlight .status-card-label{color:#ffffffb3}.your-turn-alert{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;margin-bottom:20px;font-size:16px;font-weight:600;color:#92400e}.queue-progress{margin-bottom:20px}.progress-bar{height:8px;background:#e5e5e5;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#171717;border-radius:4px;transition:width .3s ease}.progress-text{font-size:12px;color:#676869}.leave-btn{width:100%}.queue-visualization-3d{position:sticky;top:90px}.visualization-container{height:350px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;position:relative}.viz-loader{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#676869}.visualization-label{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;color:#676869}.qr-section{padding:48px 0}.qr-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;background:#171717;border-radius:4px}.qr-content h3{font-size:18px;font-weight:500;color:#fff;margin-bottom:6px}.qr-content p{color:#ffffffb3;font-size:14px}.qr-code-placeholder{width:100px;height:100px;background:#fff;border-radius:4px;padding:8px;flex-shrink:0}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#fff;border-radius:4px}.qr-code-container svg{display:block}.qr-scan-hint{font-size:11px;color:#171717;font-weight:500;margin:0}.qr-pattern{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;width:100%;height:100%}.qr-cell{background:#171717;border-radius:2px}.qr-fullscreen-btn{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.qr-fullscreen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.qr-fullscreen-btn svg{font-size:14px}@media (max-width: 1024px){.queue-layout{grid-template-columns:1fr;gap:24px}.queue-visualization{position:relative;top:0}.visualization-container{height:300px}}@media (max-width: 768px){.queue-page{padding-top:60px}.queue-header{padding:32px 0 24px}.queue-header h1{font-size:1.5rem}.queue-content{padding:16px 0 48px}.queue-panel{padding:20px}.queue-panel h2{font-size:16px}.status-cards{grid-template-columns:1fr;gap:10px}.status-card{display:flex;align-items:center;gap:12px;text-align:left;padding:14px}.status-card svg{margin-bottom:0}.status-card-value{font-size:1.25rem}.qr-card{flex-direction:column;text-align:center;padding:24px;gap:20px}.smart-queue-detect{padding:16px}.intent-buttons{flex-direction:column;gap:8px}.intent-btn{width:100%;padding:14px 16px}.queue-option{padding:14px;flex-wrap:wrap}.queue-option-icon{width:40px;height:40px;font-size:18px}.queue-option-info h3{font-size:14px}.queue-option-action{width:100%;margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5;text-align:center}.store-card{flex-direction:column;gap:12px}.store-icon{width:40px;height:40px}.notification{top:70px;left:16px;right:16px;transform:none;max-width:none;padding:12px 16px;font-size:14px}.visualization-container{height:250px}}@media (max-width: 480px){.queue-page{padding-top:55px}.queue-header{padding:24px 0 20px}.queue-hero-layout{grid-template-columns:1fr;text-align:center}.queue-hero-image{display:none}.queue-header-content{text-align:center}.queue-header h1{font-size:1.25rem}.queue-header p{font-size:13px}.queue-content{padding:12px 0 40px}.queue-panel{padding:16px}.queue-panel h2{font-size:15px}.queue-instruction{font-size:13px;margin-bottom:16px}.smart-queue-detect h4{font-size:13px}.intent-btn{font-size:13px;padding:12px 14px}.queue-option-info h3{font-size:13px}.queue-description{font-size:12px}.queue-meta{font-size:11px;gap:12px}.token-number{font-size:2rem}.status-icon{width:56px;height:56px;font-size:20px}.status-title h2{font-size:16px}.your-turn-alert{padding:14px;font-size:14px}.qr-card{padding:20px}.qr-content h3{font-size:16px}.qr-content p{font-size:13px}.visualization-container{height:200px}}@media (max-width: 350px){.queue-panel,.queue-option{padding:12px}.queue-option-icon{width:36px;height:36px;font-size:16px}.intent-btn{font-size:12px;padding:10px 12px}.token-number{font-size:1.75rem}}.qr-fullpage{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fff;padding-top:70px}.qr-fullpage.is-fullscreen{background:#fff;padding-top:0}.qr-bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 20%,rgba(23,23,23,.02) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(23,23,23,.02) 0%,transparent 50%);pointer-events:none}.qr-bg-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.floating-decoration{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;animation:floatDecoration 8s ease-in-out infinite}.dec-1{width:400px;height:400px;background:#17171708;top:-100px;left:-100px;animation-delay:0s}.dec-2{width:300px;height:300px;background:#17171708;bottom:-50px;right:-50px;animation-delay:2s}.dec-3{width:200px;height:200px;background:#17171705;top:50%;right:20%;animation-delay:4s}@keyframes floatDecoration{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.qr-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:relative;z-index:10;background:#fafafa;border-bottom:1px solid #e5e5e5}.back-link{display:flex;align-items:center;gap:.5rem;color:#676869;text-decoration:none;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;border-radius:4px;background:#fff;border:1px solid #e5e5e5;transition:all .2s ease}.back-link:hover{color:#171717;border-color:#171717}.back-link svg{font-size:1.1rem}.fullscreen-btn{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.95rem;font-weight:500;padding:.75rem 1.5rem;border-radius:4px;background:#171717;border:none;cursor:pointer;transition:all .2s ease}.fullscreen-btn:hover{background:#333}.fullscreen-btn svg{font-size:1.2rem}.qr-main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;z-index:5}.qr-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:600px;text-align:center}.qr-title-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.store-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#676869;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.store-badge svg{font-size:1rem;color:#171717}.qr-title-section h1{display:flex;flex-direction:column;gap:.25rem}.title-line-1{font-size:1.25rem;color:#676869;font-weight:400}.title-line-2{font-size:2.5rem;font-weight:500;line-height:1.1;color:#171717}.title-line-2.gradient-text{color:#171717;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:#171717;background-clip:unset}.qr-subtitle{color:#676869;font-size:1rem;max-width:400px;line-height:1.6}.qr-code-wrapper{position:relative}.qr-code-frame{position:relative;padding:2rem;background:#fff;border-radius:8px;border:1px solid #e5e5e5;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.qr-code-frame.pulse{box-shadow:0 4px 30px #0000001f}.corner-decoration{position:absolute;width:24px;height:24px;border:2px solid #171717}.corner-decoration.top-left{top:-4px;left:-4px;border-right:none;border-bottom:none;border-radius:4px 0 0}.corner-decoration.top-right{top:-4px;right:-4px;border-left:none;border-bottom:none;border-radius:0 4px 0 0}.corner-decoration.bottom-left{bottom:-4px;left:-4px;border-right:none;border-top:none;border-radius:0 0 0 4px}.corner-decoration.bottom-right{bottom:-4px;right:-4px;border-left:none;border-top:none;border-radius:0 0 4px}.qr-code-inner{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:4px}.scan-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:85%;height:2px;background:linear-gradient(90deg,transparent,#171717,transparent);border-radius:2px;opacity:.5;animation:scanMove 2.5s ease-in-out infinite}@keyframes scanMove{0%,to{top:10%;opacity:0}10%{opacity:.5}50%{top:85%;opacity:.5}60%{opacity:0}}.qr-instructions{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.instruction-step{display:flex;align-items:center;gap:.75rem}.step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#171717;border-radius:50%;font-size:.8rem;font-weight:600;color:#fff}.instruction-step span{color:#171717;font-size:.9rem;white-space:nowrap}.instruction-divider{color:#d4d4d4;font-size:1.2rem}.qr-features{display:flex;gap:2rem}.feature-item{display:flex;align-items:center;gap:.5rem;color:#676869;font-size:.9rem}.feature-item svg{font-size:1.1rem;color:#171717}.qr-footer{padding:1.5rem 2rem;text-align:center;position:relative;z-index:5;border-top:1px solid #e5e5e5;background:#fafafa}.qr-footer p{color:#676869;font-size:.85rem}.qr-fullpage.is-fullscreen .qr-header{background:#fff}.qr-fullpage.is-fullscreen .qr-code-frame{padding:3rem}.qr-fullpage.is-fullscreen .qr-code-inner svg{width:350px!important;height:350px!important}.qr-fullpage.is-fullscreen .title-line-2{font-size:3rem}.qr-fullpage.is-fullscreen .qr-subtitle{font-size:1.2rem}.qr-fullpage.is-fullscreen .qr-footer{background:#fff}@media (max-width: 768px){.qr-fullpage{padding-top:60px}.qr-header{padding:1rem}.back-link span,.fullscreen-btn span{display:none}.back-link,.fullscreen-btn{padding:.75rem}.qr-main{padding:1rem}.qr-content-wrapper{gap:1.5rem}.title-line-1{font-size:1rem}.title-line-2{font-size:1.75rem}.qr-subtitle{font-size:.9rem}.qr-code-frame{padding:1.25rem}.qr-code-inner svg{width:220px!important;height:220px!important}.qr-instructions{flex-direction:column;gap:.75rem;padding:1.25rem}.instruction-divider{transform:rotate(90deg);font-size:.9rem}.qr-features{flex-direction:column;gap:.75rem}.corner-decoration{width:18px;height:18px;border-width:2px}}@media (max-width: 480px){.title-line-2{font-size:1.5rem}.qr-code-inner svg{width:180px!important;height:180px!important}.qr-code-frame{padding:1rem}}.ar-overlay-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ar-overlay-container{background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:100%;max-width:900px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0003}.ar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa}.ar-header-left{display:flex;flex-direction:column;gap:4px}.ar-header-right{display:flex;align-items:center;gap:12px}.ar-header h3{font-size:16px;font-weight:500;color:#171717;display:flex;align-items:center;gap:8px;margin:0}.ar-product-name{font-size:13px;color:#676869;margin:0}.detection-status{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;font-size:12px;font-weight:500;color:#676869}.detection-status svg{font-size:14px}.detection-status svg.spin{animation:spin 1s linear infinite}.detection-status svg.pulse{animation:pulse 1.5s ease-in-out infinite}.ai-status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:4px;font-size:13px;font-weight:500;margin-bottom:20px}.ai-status-badge.ready{background:#dcfce7;border:1px solid #86efac;color:#16a34a}.ai-status-badge.loading{background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.ai-status-badge.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.ai-status-badge svg.spin{animation:spin 1s linear infinite}.ar-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:50%;color:#676869;cursor:pointer;transition:all .2s ease;font-size:18px}.ar-close-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:rotate(90deg)}.body-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:5}.body-outline{width:120px;height:240px;opacity:.4;animation:pulseScale 2s ease-in-out infinite}.body-outline svg{width:100%;height:100%;fill:none;stroke:#171717;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes pulseScale{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.body-guide-overlay span{margin-top:16px;padding:8px 16px;background:#000000b3;border-radius:4px;color:#fff;font-size:13px}.ar-product-overlay.auto-positioned{filter:drop-shadow(0 0 15px rgba(34,197,94,.4))}.auto-position-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#676869;font-size:13px;cursor:pointer;transition:all .2s ease}.auto-position-toggle:hover{border-color:#171717}.auto-position-toggle.active{background:#dcfce7;border-color:#22c55e;color:#16a34a}.ar-content{flex:1;overflow-y:auto;padding:24px}.ar-upload-area{text-align:center;padding:40px 20px}.ar-upload-icon{font-size:4rem;margin-bottom:16px;animation:bounce 2s ease-in-out infinite;color:#d4d4d4}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ar-upload-area h4{font-size:20px;font-weight:500;color:#171717;margin-bottom:8px}.ar-upload-area>p{color:#676869;margin-bottom:24px;font-size:14px}.ar-upload-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.ar-upload-buttons .btn{min-width:140px;padding:12px 20px}.ar-upload-buttons .btn-lg{padding:14px 28px}.ar-product-preview{margin-top:32px;padding-top:32px;border-top:1px solid #e5e5e5}.ar-product-preview img{width:120px;height:120px;object-fit:cover;border-radius:4px;margin-bottom:12px;border:1px solid #e5e5e5}.ar-product-preview span{display:block;color:#676869;font-size:13px}.ar-tips{margin-top:24px;padding:16px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;text-align:left;max-width:400px;margin-left:auto;margin-right:auto}.ar-tips h5{color:#171717;margin-bottom:10px;font-size:14px;font-weight:500}.ar-tips ul{margin:0;padding-left:18px;color:#676869;font-size:13px}.ar-tips li{margin-bottom:4px}.ar-tryon-area{display:flex;flex-direction:column;gap:16px}.ar-canvas{position:relative;width:100%;aspect-ratio:3/4;max-height:500px;background:#f5f5f5;border-radius:4px;overflow:hidden;border:1px solid #e5e5e5}.ar-user-image,.ar-video{width:100%;height:100%;object-fit:cover}.ar-video.mirrored{transform:scaleX(-1)}.ar-product-overlay{position:absolute;width:35%;cursor:grab;transition:box-shadow .2s;user-select:none;-webkit-user-select:none}.ar-product-overlay:hover{box-shadow:0 0 25px #0003}.ar-product-overlay:active{cursor:grabbing}.ar-product-overlay img{width:100%;height:auto;pointer-events:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.overlay-handles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;background:#171717;border-radius:4px;color:#fff;opacity:0;transition:opacity .2s;pointer-events:none}.overlay-handles svg{font-size:1.25rem}.overlay-handles span{font-size:11px;white-space:nowrap}.ar-product-overlay:hover .overlay-handles{opacity:1}.capture-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;background:#171717;border:none;border-radius:4px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.capture-btn:hover{transform:translate(-50%) scale(1.02);background:#000}.capture-btn svg{font-size:1.25rem}.ar-controls{background:#fafafa;border-radius:4px;padding:16px;border:1px solid #e5e5e5}.ar-controls.collapsed{padding:8px 16px}.controls-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;background:transparent;border:1px solid #e5e5e5;border-radius:4px;color:#676869;cursor:pointer;transition:all .2s ease;margin-bottom:12px;font-size:13px}.ar-controls.collapsed .controls-toggle{margin-bottom:0}.controls-toggle:hover{border-color:#171717;color:#171717}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.control-group{background:#fff;padding:12px;border-radius:4px;border:1px solid #e5e5e5}.control-group.full-width{grid-column:1 / -1}.control-group label{display:block;font-size:11px;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.control-buttons{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-buttons button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;color:#171717;cursor:pointer;transition:all .2s ease}.control-buttons button:hover{background:#171717;border-color:#171717;color:#fff}.control-value{font-size:14px;font-weight:500;color:#171717;min-width:50px;text-align:center}.opacity-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e5e5e5;border-radius:4px;outline:none;cursor:pointer}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#171717;border-radius:50%;cursor:pointer}.opacity-slider::-moz-range-thumb{width:16px;height:16px;background:#171717;border-radius:50%;cursor:pointer;border:none}.control-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:center}.control-actions.full-width button{flex:1}.control-actions button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#171717;cursor:pointer;transition:all .2s ease;font-size:14px}.control-actions button:hover{border-color:#171717;background:#f5f5f5}.control-actions button.primary{background:#171717;border-color:#171717;color:#fff}.control-actions button.primary:hover{background:#000}.control-actions button.secondary{background:#22c55e;border-color:#22c55e;color:#fff}.control-actions button.secondary:hover{background:#16a34a}.ar-tip{text-align:center;color:#676869;font-size:13px;padding:10px;background:#f5f5f5;border-radius:4px;margin-top:8px}@media (max-width: 768px){.ar-overlay-modal{padding:0}.ar-overlay-container{max-height:100vh;border-radius:0}.ar-content{padding:16px}.ar-upload-buttons{flex-direction:column}.ar-upload-buttons .btn{width:100%}.ar-canvas{aspect-ratio:9/16;max-height:400px}.controls-grid{grid-template-columns:1fr}.control-group,.control-group.full-width{grid-column:auto}.control-actions{flex-wrap:wrap}.control-actions button{flex:1;min-width:100px}}@media (max-width: 480px){.ar-header{padding:12px 16px}.ar-header h3{font-size:14px}.ar-close-btn{width:32px;height:32px;font-size:16px}.ar-upload-icon{font-size:3rem}.ar-upload-area h4{font-size:18px}.capture-btn{padding:10px 20px}.ar-controls{padding:12px}.control-group{padding:10px}.control-buttons button{width:32px;height:32px}}.outfit-page{min-height:100vh;padding-top:70px;background:#fff}.outfit-bg-gradient{display:none}.outfit-header{padding:48px 0 32px;text-align:center}.outfit-header-content{max-width:500px;margin:0 auto}.outfit-header h1{font-size:24px;font-weight:500;color:#171717;margin-bottom:8px}.outfit-header p{font-size:14px;color:#676869}.outfit-content{padding:24px 0 60px}.outfit-layout{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:start}.upload-section{position:sticky;top:90px}.upload-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;cursor:pointer;border:1px dashed #d4d4d4;margin:12px;border-radius:4px;transition:all .2s ease}.upload-area:hover{border-color:#171717;background:#fafafa}.upload-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;font-size:24px;color:#676869;margin-bottom:16px}.upload-area h3{font-size:15px;font-weight:500;margin-bottom:6px;color:#171717}.upload-area p{font-size:13px;color:#676869;margin-bottom:8px}.upload-hint{font-size:12px;color:#9ca3af}.api-status{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:3px;color:#92400e;font-size:12px}.error-message{position:fixed;top:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:13px;z-index:1000}.error-message button{background:none;border:none;color:#dc2626;font-size:16px;cursor:pointer;margin-left:8px}.detected-section{margin-bottom:12px}.detected-section label{display:block;font-size:12px;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.tag{display:inline-flex;align-items:center;padding:4px 10px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;color:#676869}.tag.accent{background:#f5f5f5;border-color:#171717;color:#171717}.results-count{margin-left:auto;font-size:13px;color:#676869}.uploaded-preview{position:relative;aspect-ratio:4/5}.uploaded-preview img{width:100%;height:100%;object-fit:cover}.clear-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#676869;cursor:pointer;transition:all .2s ease}.clear-btn:hover{background:#ef4444;border-color:#ef4444;color:#fff}.analyzing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#fffffff2}.analyzing-spinner{width:40px;height:40px;border:3px solid #e5e5e5;border-top-color:#171717;border-radius:50%;animation:spin .8s linear infinite}.analyzing-overlay span{color:#676869;font-weight:500;font-size:13px}.analysis-result{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:16px;margin-top:12px}.result-header{display:flex;align-items:center;gap:6px;margin-bottom:12px;color:#22c55e;font-size:13px;font-weight:500}.success-icon{font-size:16px}.detected-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.filter-bar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-label{display:flex;align-items:center;gap:6px;color:#676869;font-size:13px}.filter-categories{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;color:#676869;font-size:13px;cursor:pointer;transition:all .2s ease}.filter-btn:hover{border-color:#d4d4d4}.filter-btn.active{background:#171717;border-color:#171717;color:#fff}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;transition:border-color .2s ease}.product-card:hover{border-color:#d4d4d4}.product-card.slow-moving{border:1px solid #fcd34d;background:#fffbeb}.slow-moving-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#d97706;border-radius:3px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase;z-index:2}.price-container{display:flex;flex-direction:column;gap:2px}.original-price{font-size:11px;color:#9ca3af;text-decoration:line-through}.product-price.discounted{color:#22c55e;font-weight:600}.ar-tryon-main-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;margin:12px 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea59;position:relative;overflow:hidden}.ar-tryon-main-btn: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}.ar-tryon-main-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.ar-tryon-main-btn:hover:before{left:100%}.ar-tryon-main-btn:active{transform:translateY(0)}.ar-tryon-main-btn svg{font-size:16px}.book-fitting-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #f093fb59}.book-fitting-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 18px #f093fb80}.book-fitting-btn:active{transform:translateY(0) scale(1)}.book-fitting-btn svg{font-size:16px}.product-actions{display:flex;align-items:center;gap:8px}.match-score{position:absolute;bottom:8px;right:8px;padding:6px 10px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;font-size:11px;font-weight:700;color:#fff;box-shadow:0 3px 10px #10b98166;z-index:2}.match-reason{position:relative;bottom:unset;left:unset;padding:6px 0;background:transparent;color:#676869;font-size:11px;font-weight:500;text-transform:none;letter-spacing:normal;border-radius:0}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px solid #e5e5e5;border-radius:10px;color:#676869;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-toggle-btn:hover{border-color:#667eea;color:#667eea;background:#f8f7ff}.filter-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 15px #667eea59}.filter-toggle-btn svg{font-size:16px}.filters-panel{display:flex;flex-wrap:wrap;gap:20px;padding:24px;margin-bottom:20px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.15);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-group{flex:1;min-width:180px}.filter-group label{display:block;font-size:12px;font-weight:600;color:#171717;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.filter-group select{width:100%;padding:12px 40px 12px 16px;background:#fff;border:2px solid #e5e5e5;border-radius:10px;color:#171717;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23676869' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.filter-group select:hover{border-color:#667eea}.filter-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.category-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;padding:16px 0;border-bottom:1px solid #e5e5e5}.category-filter .filter-btn{padding:10px 20px;background:#fff;border:2px solid #e5e5e5;border-radius:25px;color:#676869;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.category-filter .filter-btn:hover{border-color:#171717;color:#171717;transform:translateY(-1px)}.category-filter .filter-btn.active{background:#171717;border-color:#171717;color:#fff;box-shadow:0 4px 12px #00000026}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.results-header h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#171717}.results-header h2 svg{color:#f59e0b}.header-actions{display:flex;gap:10px}.empty-results{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#667eea08,#764ba208);border:2px dashed #e5e5e5;border-radius:20px}.empty-results svg{font-size:56px;color:#d4d4d4;margin-bottom:20px}.empty-results h3{font-size:20px;font-weight:600;color:#171717;margin-bottom:10px}.empty-results p{font-size:14px;color:#676869;margin-bottom:24px}.ai-features{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.ai-features span{padding:8px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;font-size:12px;color:#676869}.booking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.booking-modal{background:#fff;border-radius:20px;max-width:400px;width:100%;overflow:hidden;box-shadow:0 25px 50px #00000040;position:relative}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:50%;color:#676869;cursor:pointer;transition:all .2s ease;z-index:1}.modal-close:hover{background:#ef4444;color:#fff}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.modal-header svg{font-size:24px}.modal-header h3{font-size:18px;font-weight:600;margin:0}.modal-content{padding:24px}.booking-product{display:flex;gap:16px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:16px}.booking-product img{width:70px;height:70px;object-fit:cover;border-radius:8px}.booking-product h4{font-size:14px;font-weight:600;color:#171717;margin-bottom:4px}.booking-product p{font-size:14px;color:#10b981;font-weight:600}.booking-info{font-size:13px;color:#676869;line-height:1.6;margin-bottom:20px}.modal-content .btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #f093fb59}.modal-content .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.ai-detect-badge{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:8px 16px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.3);border-radius:20px;color:#667eea;font-size:12px;font-weight:600}.ai-detect-badge svg{font-size:14px}.model-status{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;border-radius:25px;font-size:13px;font-weight:500}.model-status.loading{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.model-status.ready{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.model-status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.model-status .spin{animation:spin 1s linear infinite}.page-label{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:20px;color:#667eea;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.gradient-text-accent{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.color-tag{display:inline-block;padding:4px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:15px;font-size:12px;color:#676869}.color-tag.complement{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d;color:#059669}.gender-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;margin-bottom:12px}.gender-badge.men{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border:1px solid rgba(59,130,246,.3);color:#2563eb}.gender-badge.women{background:linear-gradient(135deg,#ec48991a,#db27771a);border:1px solid rgba(236,72,153,.3);color:#db2777}.ai-predictions{margin-bottom:12px}.ai-predictions label{display:block;font-size:12px;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.prediction-tags{display:flex;flex-wrap:wrap;gap:6px}.prediction-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:15px;font-size:11px;color:#667eea;font-weight:500}.product-image{position:relative;aspect-ratio:1;background:#fafafa}.product-image img{width:100%;height:100%;object-fit:contain;padding:12px}.match-badge{position:absolute;top:8px;left:8px;padding:4px 8px;background:#171717;border-radius:3px;font-size:10px;font-weight:600;color:#fff}.match-badge.high{background:#22c55e}.match-badge.medium{background:#3b82f6}.favorite-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.favorite-btn:hover,.favorite-btn.active{color:#ef4444;border-color:#fecaca}.favorite-btn.active svg{fill:#ef4444}.product-info{padding:12px}.product-category{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#676869;margin-bottom:4px;display:block}.product-info h4{font-size:13px;font-weight:500;color:#171717;margin-bottom:4px}.product-color{font-size:12px;color:#9ca3af;margin-bottom:8px}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-price{font-size:14px;font-weight:600;color:#171717}.add-cart-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#171717,#3d3d3d);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #0003}.add-cart-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #0000004d}.add-cart-btn:active{transform:translateY(0) scale(1)}.add-cart-btn svg{font-size:16px}.empty-state{text-align:center;padding:60px 32px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.empty-icon{font-size:48px;color:#d4d4d4;margin-bottom:12px}.empty-state h3{font-size:16px;font-weight:500;margin-bottom:6px;color:#171717}.gender-selection-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:16px;margin-bottom:16px}.gender-selection-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gender-selection-header svg{color:#676869;font-size:16px}.gender-selection-header h3{font-size:14px;font-weight:500;color:#171717;margin:0}.required-badge{font-size:10px;padding:2px 6px;background:#171717;color:#fff;border-radius:3px;text-transform:uppercase;font-weight:600;margin-left:auto}.gender-selection-desc{font-size:12px;color:#676869;margin-bottom:12px}.gender-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gender-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease}.gender-btn:hover{border-color:#d4d4d4}.gender-btn.selected{border-color:#171717;background:#fafafa}.gender-btn svg{font-size:24px;color:#676869}.gender-btn.selected svg{color:#171717}.gender-btn span{font-size:12px;color:#676869}.gender-btn.selected span{color:#171717;font-weight:500}.ai-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#676869;font-size:11px;font-weight:500;margin-top:6px}.instant-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#92400e;font-size:12px;font-weight:500;margin-bottom:12px}.match-reason{position:absolute;bottom:6px;left:6px;padding:3px 8px;background:#000000bf;border-radius:3px;color:#fff;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.outfit-suggestion{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:16px;margin-bottom:20px}.outfit-suggestion h3{font-size:14px;font-weight:500;color:#171717;margin-bottom:12px;display:flex;align-items:center;gap:6px}.outfit-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.outfit-category{text-align:center}.outfit-category-label{font-size:10px;color:#676869;text-transform:uppercase;margin-bottom:6px}.outfit-items{display:flex;flex-direction:column;gap:6px}.outfit-item-mini{width:48px;height:48px;border-radius:4px;overflow:hidden;margin:0 auto;border:1px solid #e5e5e5;transition:border-color .2s ease}.outfit-item-mini:hover{border-color:#171717}.outfit-item-mini img{width:100%;height:100%;object-fit:cover}@media (max-width: 1024px){.outfit-layout{grid-template-columns:1fr}.upload-section{position:relative;top:0}}@media (max-width: 768px){.outfit-header{padding:32px 0 24px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.outfit-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.outfit-page{padding-top:60px}.products-grid{grid-template-columns:1fr 1fr;gap:8px}.product-info{padding:10px}.product-info h4{font-size:12px}.product-price{font-size:13px}}.camera-btn{width:100%;margin-top:12px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.camera-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.camera-modal{background:#fff;border-radius:20px;padding:24px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:16px;position:relative}.camera-modal h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.camera-close-btn{position:absolute;top:16px;right:16px;background:#f1f5f9;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px}.capture-btn{padding:14px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.5px}.dashboard-page{min-height:100vh;padding:70px 24px 32px;background:#fff}.dashboard-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;max-width:1200px;margin:0 auto}.dashboard-sidebar{position:sticky;top:80px;height:fit-content}.user-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:16px;display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-avatar{width:48px;height:48px;border-radius:50%;background:#171717;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:500}.user-info h3{font-size:14px;font-weight:500;color:#171717;margin:0}.user-info p{font-size:12px;color:#676869;margin:2px 0 0}.sidebar-nav{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:3px;color:#676869;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:#171717;background:#f5f5f5}.nav-item.active{color:#171717;background:#f5f5f5;font-weight:500}.nav-item svg{font-size:16px}.nav-arrow{margin-left:auto;font-size:12px;color:#9ca3af}.logout-btn{color:#ef4444;margin-top:8px;padding-top:8px;border-top:1px solid #e5e5e5}.logout-btn:hover{background:#fef2f2}.dashboard-content{min-height:100%}.dashboard-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.dashboard-header h1{font-size:20px;font-weight:500;color:#171717;margin:0}.dashboard-header p{font-size:13px;color:#676869;margin:4px 0 0}.stat-value{font-size:18px;font-weight:500;color:#171717}.section-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:16px}.view-all-link{font-size:13px;color:#676869;text-decoration:none}.view-all-link:hover{color:#171717}.activity-list{padding:8px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:3px;transition:background .2s ease}.activity-item:hover{background:#fafafa}.activity-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;font-size:14px;color:#676869}.activity-info{flex:1}.activity-info h4{font-size:13px;font-weight:500;color:#171717;margin:0}.activity-info p{font-size:11px;color:#676869;margin:2px 0 0}.activity-time{font-size:11px;color:#9ca3af}.outfits-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px}.outfit-preview-card{position:relative;aspect-ratio:1;border-radius:4px;overflow:hidden;border:1px solid #e5e5e5}.outfit-preview-card img{width:100%;height:100%;object-fit:cover}.outfit-preview-info{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000000b3)}.outfit-preview-info h4{font-size:12px;font-weight:500;color:#fff;margin:0}.history-list{padding:8px}.history-card{display:flex;align-items:center;padding:12px;gap:12px;border-radius:4px;margin-bottom:8px;background:#fafafa}.history-card:last-child{margin-bottom:0}.history-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:16px;color:#676869}.history-info{flex:1}.history-info h4{font-size:13px;font-weight:500;color:#171717;margin:0}.history-info p{font-size:11px;color:#676869;margin:2px 0 0}.history-stats{text-align:right}.history-stats .wait-time{font-size:13px;font-weight:500;color:#171717}.history-stats .date{font-size:11px;color:#676869}.saved-outfits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:16px}.outfit-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden}.outfit-image{aspect-ratio:1;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.outfit-image img{width:100%;height:100%;object-fit:cover}.outfit-details{padding:12px}.outfit-details h4{font-size:13px;font-weight:500;color:#171717;margin:0 0 4px}.outfit-details p{font-size:11px;color:#676869;margin:0}.outfit-actions{display:flex;gap:8px;margin-top:8px}.outfit-actions .btn{flex:1;padding:6px 10px;font-size:12px}.settings-section{padding:16px;border-bottom:1px solid #e5e5e5}.settings-section:last-child{border-bottom:none}.settings-section h3{font-size:14px;font-weight:500;color:#171717;margin:0 0 16px}.settings-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group input{padding:10px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;color:#171717;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#171717}.form-group input:disabled{background:#f5f5f5;color:#676869;cursor:not-allowed}.toggle-group{display:flex;flex-direction:column;gap:8px}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.toggle-item span{font-size:13px;color:#171717}.toggle{position:relative;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e5e5;border-radius:12px;transition:.2s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s}.toggle input:checked+.slider{background:#171717}.toggle input:checked+.slider:before{transform:translate(20px)}.no-data{color:#676869;text-align:center;padding:32px 16px;font-size:13px}@media (max-width: 1024px){.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{position:static}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.nav-item{flex:1;min-width:100px;justify-content:center}.nav-item span,.nav-arrow{display:none}.logout-btn{border-top:none;margin-top:0;padding-top:10px}.logout-btn span{display:none}}@media (max-width: 768px){.dashboard-page{padding:65px 16px 24px}.stats-grid,.outfits-preview,.saved-outfits-grid{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}.history-card{flex-direction:column;align-items:flex-start}.history-stats{text-align:left;width:100%;padding-top:8px;border-top:1px solid #e5e5e5}}@media (max-width: 480px){.dashboard-page{padding:60px 12px 20px}.stats-grid{grid-template-columns:1fr}.stat-card,.section-header,.settings-section{padding:12px}.outfits-preview,.saved-outfits-grid{grid-template-columns:1fr 1fr;gap:8px}.nav-item{min-width:60px;padding:8px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 24px 60px;background:#fafafa;background-image:url(/assets/login-background-D1z6KDMS.png);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-container{width:100%;max-width:400px}.auth-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:32px}.register-card{max-width:420px}.auth-header{text-align:center;margin-bottom:24px}.auth-header h1{font-size:20px;font-weight:500;color:#171717;margin-bottom:6px}.auth-header p{font-size:14px;color:#676869;margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:#171717}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;color:#9ca3af;font-size:16px;pointer-events:none;z-index:1}.auth-form .input-wrapper input{width:100%!important;padding:14px 44px 14px 42px!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:4px!important;color:#171717!important;font-size:14px!important;transition:border-color .2s ease!important;text-indent:0!important;box-sizing:border-box!important}.input-wrapper input:focus{outline:none;border-color:#171717}.input-wrapper input::placeholder{color:#9ca3af}.password-toggle,.toggle-password{position:absolute;right:12px;background:none!important;border:none!important;outline:none!important;box-shadow:none!important;color:#9ca3af;font-size:16px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;min-height:unset!important;min-width:unset!important;width:28px;height:28px}.password-toggle:hover,.toggle-password:hover{color:#171717;background:none!important}.password-toggle:hover{color:#171717}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:13px}.remember-me{display:flex;align-items:center;gap:6px;color:#676869;cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:#171717}.forgot-link{color:#676869;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#171717}.btn-full{width:100%;padding:12px;background:#171717;color:#fff;border:1px solid #171717;border-radius:3px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-full:hover{background:#000}.btn-full:disabled{background:#e5e5e5;border-color:#e5e5e5;color:#9ca3af;cursor:not-allowed}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider span{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.social-login,.social-buttons{display:flex;gap:12px}.btn-social,.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:12px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:14px;font-weight:500;color:#171717;cursor:pointer;transition:all .2s ease}.btn-social:hover,.social-btn:hover{background:#f5f5f5;border-color:#d4d4d4;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.btn-social svg,.social-btn svg{font-size:18px;flex-shrink:0}.social-btn.google{background:#fff}.social-btn.google:hover{background:#fafafa}.social-btn.facebook{background:#fff}.social-btn.facebook:hover{background:#fafafa}.auth-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;font-size:13px;color:#676869}.auth-footer a{color:#171717;font-weight:500;text-decoration:none;margin-left:4px}.auth-footer a:hover{text-decoration:underline}.error-message{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:3px;color:#dc2626;font-size:13px}.error-message svg{flex-shrink:0}.demo-credentials{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px;padding:12px;margin-top:16px}.demo-credentials h4{font-size:12px;font-weight:500;color:#171717;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.demo-credentials p{font-size:12px;color:#676869;margin:2px 0;font-family:monospace}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.role-option{padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;text-align:center;cursor:pointer;transition:all .2s ease}.role-option:hover{border-color:#d4d4d4}.role-option.selected{border-color:#171717;background:#fafafa}.role-option svg{font-size:20px;color:#676869;margin-bottom:4px}.role-option.selected svg{color:#171717}.role-option span{display:block;font-size:12px;color:#676869}.role-option.selected span{color:#171717;font-weight:500}@media (max-width: 480px){.auth-page{padding:80px 16px 40px}.auth-card{padding:24px}.form-row,.role-select{grid-template-columns:1fr}}.admin-layout{display:flex;min-height:100vh;padding-top:55px;background:#fff}.admin-sidebar{width:220px;background:#fafafa;border-right:1px solid #e5e5e5;position:fixed;top:55px;left:0;bottom:0;display:flex;flex-direction:column;z-index:1060}.admin-sidebar:not(.open){width:60px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e5e5e5}.admin-logo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#171717}.admin-logo svg{font-size:18px;color:#171717;flex-shrink:0}.admin-sidebar:not(.open) .admin-logo span{display:none}.sidebar-toggle{background:none;border:none;color:#676869;font-size:16px;cursor:pointer;padding:6px;display:flex;transition:all .2s ease;border-radius:3px}.sidebar-toggle:hover{color:#171717;background:#e5e5e5}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-nav .nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;color:#676869;font-size:14px;font-weight:400;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;background:none;width:100%;text-align:left}.sidebar-nav .nav-item:hover{color:#171717;background:#e5e5e5}.sidebar-nav .nav-item.active{color:#171717;background:#e5e5e5;font-weight:500}.sidebar-nav .nav-item svg{font-size:16px;flex-shrink:0}.admin-sidebar:not(.open) .sidebar-nav .nav-item span{display:none}.sidebar-footer{padding:12px 8px;border-top:1px solid #e5e5e5}.sidebar-footer .nav-item.logout{color:#ef4444}.sidebar-footer .nav-item.logout:hover{background:#fef2f2}.admin-main{flex:1;margin-left:220px;padding:24px;transition:margin-left .2s ease;min-height:100%;background:#fff}.admin-sidebar:not(.open)~.admin-main{margin-left:60px}.admin-content{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.page-header h1{font-size:20px;font-weight:500;color:#171717;margin:0}.page-header p{font-size:13px;color:#676869;margin:4px 0 0}.header-actions{display:flex;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-change{font-size:11px;color:#676869;margin-top:2px}.stat-change.positive{color:#22c55e}.stat-change.negative{color:#ef4444}.admin-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:20px;transition:all .2s ease}.admin-stat-card:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000000f}.admin-stat-card .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-stat-card .stat-label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:#676869}.admin-stat-card .stat-value{font-size:32px;font-weight:600;line-height:1}.admin-section{margin-top:24px}.admin-section .section-header h2{font-size:16px;font-weight:500;color:#171717;margin:0 0 16px}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#171717;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.quick-action-btn:hover{background:#f5f5f5;border-color:#d4d4d4;transform:translateY(-1px)}.quick-action-btn svg{font-size:16px;color:#676869}.content-section{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.section-header h2{font-size:16px;font-weight:500;color:#171717;margin:0}.section-content{padding:16px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid #e5e5e5;font-size:13px}.data-table th{background:#fafafa;font-weight:500;color:#171717;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.data-table td{color:#676869}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:500;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.status-badge.pending{background:#fef3c7;color:#92400e}.action-btn{padding:6px 10px;background:transparent;border:1px solid #e5e5e5;border-radius:3px;color:#676869;font-size:12px;cursor:pointer;transition:all .2s ease}.action-btn:hover{border-color:#d4d4d4;background:#f5f5f5;color:#171717}.action-btn.danger{color:#ef4444;border-color:#fecaca}.action-btn.danger:hover{background:#fef2f2;border-color:#ef4444}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:#171717;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #e5e5e5;border-radius:3px;font-size:14px;color:#171717;background:#fff;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#171717}.form-group input::placeholder{color:#9ca3af}.empty-state{text-align:center;padding:48px 24px;color:#676869}.empty-state svg{font-size:32px;margin-bottom:12px;color:#d4d4d4}.empty-state h3{font-size:16px;font-weight:500;color:#171717;margin-bottom:4px}.empty-state p{font-size:13px;color:#676869}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:48px}.loading-spinner:after{content:"";width:24px;height:24px;border:2px solid #e5e5e5;border-top-color:#171717;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);width:220px}.admin-main{margin-left:0}}@media (max-width: 768px){.admin-layout{padding-top:50px}.admin-main{padding:16px}.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;gap:12px}.header-actions{width:100%}.header-actions .btn{flex:1}}@media (max-width: 480px){.admin-main,.stat-card,.section-header,.section-content{padding:12px}.data-table th,.data-table td{padding:8px;font-size:12px}}.queue-management-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}.queue-management-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:20px;display:flex;flex-direction:column}.queue-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:2px solid}.queue-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-size:20px}.queue-card-header h3{font-size:16px;font-weight:600;color:#171717;margin:0}.queue-card-header p{font-size:13px;color:#676869;margin:4px 0 0}.called-customer{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:16px;margin-bottom:16px;text-align:center}.called-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#16a34a;margin-bottom:8px}.called-name{display:block;font-size:20px;font-weight:600;color:#171717;margin-bottom:4px}.called-phone{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#676869;margin-bottom:12px}.queue-list{flex:1;margin-bottom:16px;max-height:200px;overflow-y:auto}.queue-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fafafa;border-radius:4px;margin-bottom:6px}.queue-position{font-size:12px;font-weight:600;color:#676869;min-width:30px}.queue-name{flex:1;font-size:14px;color:#171717}.queue-time{font-size:12px;color:#9ca3af}.queue-empty{text-align:center;color:#9ca3af;font-size:13px;padding:20px}.call-next-btn{width:100%;margin-top:auto}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:24px}.inventory-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;transition:all .2s ease}.inventory-card:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000000f}.inventory-card img{width:100%;height:160px;object-fit:cover;background:#f5f5f5}.inventory-info{padding:14px}.inventory-info h4{font-size:14px;font-weight:500;color:#171717;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.inventory-info p{font-size:12px;color:#676869;margin:4px 0}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.analytics-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.analytics-card:hover{border-color:#d4d4d4;box-shadow:0 4px 12px #0000000f}.analytics-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#fff;font-size:20px;flex-shrink:0}.analytics-content{flex:1}.analytics-value{font-size:28px;font-weight:600;color:#171717;line-height:1}.analytics-label{font-size:13px;color:#676869;margin-top:4px}.analytics-insights{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:20px;margin-top:24px}.analytics-insights h3{font-size:16px;font-weight:500;color:#171717;margin:0 0 12px}.analytics-insights ul{list-style:none;padding:0;margin:0}.analytics-insights li{font-size:14px;color:#676869;padding:8px 0;border-bottom:1px solid #f5f5f5}.analytics-insights li:last-child{border-bottom:none}.admin-notification{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px}.admin-notification.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.admin-notification.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.admin-notification.info{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}.admin-notification button{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:#171717;color:#fff;border-color:#171717}.btn-primary:hover{background:#000}.btn-primary:disabled{background:#e5e5e5;border-color:#e5e5e5;color:#9ca3af;cursor:not-allowed}.btn-secondary{background:#fff;color:#171717;border-color:#e5e5e5}.btn-secondary:hover{background:#f5f5f5;border-color:#d4d4d4}.btn-success{background:#16a34a;color:#fff;border-color:#16a34a}.btn-success:hover{background:#15803d}@media (max-width: 1024px){.queue-management-grid{grid-template-columns:1fr}.analytics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.admin-stats-grid,.inventory-grid{grid-template-columns:1fr}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.staff-dashboard{min-height:100vh;padding:70px 24px 32px;background:#fff}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e5e5}.header-left h1{font-size:20px;font-weight:500;color:#171717;margin:0;display:flex;align-items:center;gap:8px}.header-left p{font-size:13px;color:#676869;margin:4px 0 0}.header-right{display:flex;align-items:center;gap:12px}.current-load{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;font-size:12px;color:#676869}.current-load.high{background:#fef2f2;border-color:#fecaca;color:#dc2626}.current-load.normal{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #e5e5e5;border-radius:3px;font-size:13px;color:#676869;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{border-color:#d4d4d4;background:#f5f5f5;color:#171717}.staff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px;display:flex;align-items:center;gap:12px}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:4px;font-size:16px;color:#171717}.stat-info{flex:1}.stat-label{font-size:12px;color:#676869;margin-bottom:2px}.stat-value{font-size:20px;font-weight:500;color:#171717}.staff-main-grid{display:grid;grid-template-columns:1fr 350px;gap:24px}.queue-section{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:16px}.queue-tabs{display:flex;border-bottom:1px solid #e5e5e5}.queue-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:400;color:#676869;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.queue-tab:hover{color:#171717;background:#fafafa}.queue-tab.active{color:#171717;font-weight:500;border-bottom-color:#171717}.queue-tab .queue-badge{background:#f5f5f5;color:#676869;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.queue-tab.active .queue-badge{background:#171717;color:#fff}.currently-serving{padding:16px;border-bottom:1px solid #e5e5e5}.currently-serving h3{font-size:12px;font-weight:500;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.serving-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.serving-token{font-size:18px;font-weight:600;color:#171717;padding:8px 16px;background:#fff;border:1px solid #e5e5e5;border-radius:4px}.serving-info h4{font-size:14px;font-weight:500;color:#171717;margin:0}.serving-info p{font-size:12px;color:#676869;margin:2px 0 0}.serving-actions{display:flex;gap:8px}.no-serving{text-align:center;padding:24px;color:#676869;font-size:13px}.queue-list-section{padding:16px}.queue-list-section h3{font-size:12px;font-weight:500;color:#676869;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.queue-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.queue-item{display:flex;align-items:center;gap:12px;padding:10px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;transition:all .2s ease}.queue-item:hover{border-color:#d4d4d4}.queue-position{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:50%;font-size:12px;font-weight:500;color:#676869}.queue-info{flex:1}.queue-info h4{font-size:13px;font-weight:500;color:#171717;margin:0}.queue-info p{font-size:11px;color:#676869;margin:2px 0 0}.queue-time{font-size:11px;color:#676869}.call-single-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#171717;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.call-single-btn:hover{background:#333;transform:translateY(-1px)}.call-single-btn:active{transform:translateY(0)}.analytics-section{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:16px}.analytics-section h3{font-size:14px;font-weight:500;color:#171717;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e5e5}.analytics-card{padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:8px}.analytics-card:last-child{margin-bottom:0}.analytics-card h4{font-size:12px;font-weight:500;color:#676869;margin:0 0 8px}.analytics-value{font-size:20px;font-weight:500;color:#171717}.wait-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.wait-stat{text-align:center;padding:12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px}.wait-stat .value{font-size:18px;font-weight:500;color:#171717}.wait-stat .label{font-size:11px;color:#676869;margin-top:2px}.performance-stats{display:flex;gap:12px}.perf-stat{flex:1;text-align:center;padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px}.perf-value{font-size:16px;font-weight:500;color:#171717}.perf-label{font-size:11px;color:#676869;margin-top:2px}.pos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1070;padding:24px}.pos-modal{background:#fff;border-radius:6px;max-width:480px;width:100%;box-shadow:0 20px 40px #00000026}.pos-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e5e5}.pos-modal-header h3{font-size:16px;font-weight:500;color:#171717;margin:0}.pos-close{background:none;border:none;font-size:20px;color:#676869;cursor:pointer;padding:4px}.pos-close:hover{color:#171717}.pos-modal-body{padding:16px}.pos-customer-info{margin-bottom:16px}.pos-customer-info h4{margin:0 0 8px;color:#171717;font-size:16px;font-weight:500}.pos-customer-info p{margin:4px 0;color:#676869;display:flex;align-items:center;gap:6px;font-size:13px}.pos-items{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:12px;margin-bottom:16px}.pos-items h5{margin:0 0 8px;color:#171717;font-size:13px;font-weight:500}.pos-items ul{margin:0;padding-left:16px;color:#676869;font-size:13px}.pos-items li{margin-bottom:4px}.pos-actions{display:flex;gap:8px}.pos-actions .btn{flex:1}@media (max-width: 1200px){.staff-stats{grid-template-columns:repeat(2,1fr)}.staff-main-grid{grid-template-columns:1fr}}@media (max-width: 768px){.staff-dashboard{padding:65px 16px 24px}.staff-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right{width:100%;justify-content:space-between}.staff-stats{grid-template-columns:repeat(2,1fr)}.serving-card{grid-template-columns:1fr;text-align:center}.serving-token{width:fit-content;margin:0 auto}.serving-actions{justify-content:center}}@media (max-width: 480px){.staff-dashboard{padding:60px 12px 20px}.staff-stats{grid-template-columns:1fr}.stat-card{padding:12px}.queue-tabs,.performance-stats,.pos-actions{flex-direction:column}}.language-selector{position:relative;z-index:100}.language-trigger{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#676869;font-size:13px;cursor:pointer;transition:all .2s ease}.language-trigger:hover{border-color:#171717;color:#171717}.globe-icon{font-size:14px;color:#676869}.current-lang{font-weight:500;color:#171717}.chevron{font-size:12px;transition:transform .2s ease;color:#9ca3af}.chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;box-shadow:0 8px 24px #0000001f;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-dropdown .dropdown-header{padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;border-bottom:1px solid #e5e5e5;background:#fafafa}.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#171717;cursor:pointer;transition:all .2s ease;text-align:left}.language-option:hover{background:#f5f5f5}.language-option.active{background:#f0f0f0}.lang-flag{display:flex;align-items:center;justify-content:center;width:28px;height:20px;background:#171717;border-radius:3px;font-size:10px;font-weight:600;color:#fff;letter-spacing:.5px}.lang-info{display:flex;flex-direction:column;gap:1px;flex:1}.lang-native{font-size:14px;font-weight:500;color:#171717}.lang-name{font-size:12px;color:#9ca3af}.check-icon{color:#22c55e;font-size:14px}.language-selector.compact .language-trigger{padding:5px 8px}.language-selector.compact .current-lang{font-size:12px;font-weight:600}.language-selector.compact .globe-icon{display:none}.language-selector.settings{width:100%}.language-selector.settings .language-trigger{width:100%;justify-content:space-between;padding:12px 14px;background:#fafafa}.language-selector.settings .language-dropdown{width:100%;left:0;right:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:1030;padding:12px 0;transition:all .2s ease;background:#fff;border-bottom:1px solid #e5e5e5}.navbar.scrolled{background:#fff;border-bottom:1px solid #e5e5e5;padding:10px 0;box-shadow:0 1px 3px #00000014}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}.navbar-logo{display:flex;align-items:center;gap:8px;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:600;color:#171717;text-decoration:none;transition:opacity .2s ease}.navbar-logo:hover{opacity:.7}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#171717;border-radius:4px;font-size:14px;color:#fff}.logo-text{color:#171717;font-weight:600}.logo-accent{color:#676869;font-weight:600}.navbar-links{display:flex;align-items:center;gap:4px}.nav-link{position:relative;padding:8px 16px;font-size:14px;font-weight:400;color:#676869;text-decoration:none;transition:color .2s ease}.nav-link:hover{color:#171717}.nav-link.active{color:#171717;font-weight:500}.nav-link-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:#171717;border-radius:50%}.navbar-actions{display:flex;align-items:center;gap:12px}.nav-auth-link{display:flex;align-items:center;gap:6px;padding:8px 12px;color:#676869;font-size:14px;font-weight:400;text-decoration:none;transition:color .2s ease}.nav-auth-link:hover{color:#171717}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border:1px solid #e5e5e5;border-radius:4px;color:#171717;font-size:18px;cursor:pointer;transition:all .2s ease}.mobile-menu-toggle:hover{background:#f5f5f5;border-color:#d4d4d4}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;overflow:hidden;box-shadow:0 4px 12px #00000014}.mobile-menu-content{padding:16px;display:flex;flex-direction:column;gap:4px}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:400;color:#676869;background:transparent;border-radius:4px;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{color:#171717;background:#f5f5f5}.mobile-auth-buttons{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}.mobile-auth-buttons .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.user-profile-dropdown{position:relative}.profile-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;background:transparent;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;transition:all .2s ease}.profile-trigger:hover{background:#f5f5f5;border-color:#d4d4d4}.profile-avatar{width:28px;height:28px;border-radius:50%;background:#171717;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12px;color:#fff}.profile-name{color:#171717;font-size:14px;font-weight:400;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#676869;font-size:12px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:8px;box-shadow:0 4px 12px #0000001a;z-index:1031}.profile-dropdown-menu .dropdown-header{padding:12px;display:flex;flex-direction:column;gap:2px}.dropdown-email{color:#171717;font-size:14px;font-weight:500}.dropdown-role{color:#676869;font-size:12px;text-transform:capitalize}.dropdown-divider{height:1px;background:#e5e5e5;margin:4px 0}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;color:#676869;font-size:14px;border-radius:3px;transition:all .2s ease;background:none;border:none;cursor:pointer;text-align:left;text-decoration:none}.dropdown-item:hover{background:#f5f5f5;color:#171717}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.mobile-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:#f5f5f5;border-radius:4px;margin-bottom:8px}.mobile-avatar{width:40px;height:40px;border-radius:50%;background:#171717;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;color:#fff;flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden}.mobile-user-name{color:#171717;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email{color:#676869;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{border:1px solid #ef4444!important;color:#ef4444!important}.logout-btn:hover{background:#fef2f2!important}.mobile-language-selector{margin-top:12px;padding-top:12px;border-top:1px solid #e5e5e5}@media (max-width: 1024px){.navbar-links{display:none}.mobile-menu-toggle{display:flex}}@media (max-width: 768px){.navbar-container{padding:0 16px}.profile-name,.nav-auth-link span{display:none}}@media (max-width: 480px){.navbar{padding:10px 0}.navbar-container{padding:0 12px;gap:12px}.navbar-logo{font-size:16px}.logo-icon{width:28px;height:28px;font-size:12px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.footer{background:#fafafa;border-top:1px solid #e5e5e5;padding:60px 0 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:48px;padding-bottom:48px;border-bottom:1px solid #e5e5e5}.footer-brand{max-width:320px}.footer-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;margin-bottom:16px}.footer-logo .logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#171717;border-radius:4px;font-size:14px;color:#fff}.footer-logo .logo-text{color:#171717}.footer-logo .logo-accent{color:#676869}.footer-tagline{color:#676869;font-size:14px;line-height:1.6;margin-bottom:20px}.footer-contact{display:flex;flex-direction:column;gap:10px}.contact-item{display:flex;align-items:center;gap:10px;color:#676869;font-size:14px}.contact-item svg{color:#171717;font-size:16px}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-links-section h4{font-size:14px;font-weight:500;color:#171717;margin-bottom:16px}.footer-links-section ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links-section a{color:#676869;font-size:14px;transition:color .2s ease}.footer-links-section a:hover{color:#171717}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.copyright{color:#9ca3af;font-size:13px}.footer-social{display:flex;gap:10px}.social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#676869;font-size:16px;transition:all .2s ease}.social-link:hover{background:#171717;border-color:#171717;color:#fff}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:40px}.footer-brand{max-width:100%}.footer-links-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.footer{padding:48px 0 0}.footer-container{padding:0 16px}.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:24px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}@media (max-width: 480px){.footer{padding:40px 0 0}.footer-container{padding:0 12px}.footer-main{gap:32px;padding-bottom:32px}.footer-links-grid{grid-template-columns:1fr;gap:24px}.footer-links-section h4{font-size:13px;margin-bottom:12px}.footer-links-section a{font-size:13px}.footer-logo{font-size:16px}.footer-logo .logo-icon{width:28px;height:28px;font-size:12px}.copyright{font-size:12px}.social-link{width:32px;height:32px;font-size:14px}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-content{flex:1;position:relative}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--primary-gradient);z-index:calc(var(--z-header) + 1);transition:width .1s linear}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow);opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition-base);z-index:var(--z-sticky)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),0 0 60px #667eea66}.back-to-top:active{transform:scale(.95)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-lg);color:var(--text-white);font-size:.95rem;box-shadow:var(--shadow-xl);animation:slideUp .3s ease forwards}.toast.success{border-color:var(--success);background:linear-gradient(135deg,rgba(16,185,129,.15),var(--dark-card))}.toast.error{border-color:var(--error);background:linear-gradient(135deg,rgba(239,68,68,.15),var(--dark-card))}.toast.info{border-color:var(--info);background:linear-gradient(135deg,rgba(59,130,246,.15),var(--dark-card))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.back-to-top{bottom:16px;right:16px;width:44px;height:44px}.toast-container{bottom:16px;left:16px;right:16px;transform:none}.toast{padding:12px 16px;font-size:.9rem}}@media (max-width: 480px){.back-to-top{bottom:12px;right:12px;width:40px;height:40px;font-size:1rem}}:root{--primary-color: #171717;--primary-dark: #000000;--primary-light: #2d2d2d;--secondary-color: #676869;--secondary-dark: #4a4a4a;--secondary-light: #9ca3af;--bg-white: #ffffff;--bg-light: #fafafa;--bg-gray: #f5f5f5;--text-primary: #171717;--text-secondary: #676869;--text-muted: #9ca3af;--text-white: #ffffff;--border-light: #e5e5e5;--border-medium: #d4d4d4;--border-dark: #171717;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--z-dropdown: 1000;--z-sticky: 1020;--z-header: 1030;--z-overlay: 1050;--z-sidebar: 1060;--z-modal: 1070;--z-tooltip: 1080;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--section-padding: 80px;--container-max: 1200px;--radius-sm: 3px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--primary-gradient: linear-gradient(90deg, #2563eb, #7c3aed);--accent-gradient: linear-gradient(90deg, #f59e0b, #ef4444)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-white);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}body.mobile-menu-open{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:28px;font-weight:500}h2{font-size:22px;font-weight:500}h3{font-size:18px;font-weight:500}h4{font-size:16px;font-weight:500}p{font-size:14px;color:var(--text-secondary);line-height:1.6}a{text-decoration:none;color:inherit;transition:var(--transition-base)}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px;width:100%}@media (max-width: 768px){.container{padding:0 16px}}@media (max-width: 480px){.container{padding:0 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);text-transform:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-color);color:var(--text-white);border:1px solid var(--primary-color)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background:var(--bg-white);color:var(--text-primary);border:1px solid var(--border-dark)}.btn-secondary:hover{background:var(--bg-light)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-medium)}.btn-outline:hover{border-color:var(--border-dark);background:var(--bg-light)}.btn-success{background:var(--success);color:var(--text-white);border:1px solid var(--success)}.btn-success:hover{background:#16a34a;border-color:#16a34a}.btn-lg{padding:14px 28px;font-size:15px}.btn-sm{padding:8px 16px;font-size:13px}.btn-full{width:100%}.card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:24px;transition:var(--transition-base)}.card:hover{border-color:var(--border-medium)}@media (max-width: 768px){.card{padding:16px}}.glass{background:#1e1e3f99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-accent{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-badge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.92}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:fadeInUp .6s ease forwards}.animate-fade-down{animation:fadeInDown .6s ease forwards}.animate-fade-left{animation:fadeInLeft .6s ease forwards}.animate-fade-right{animation:fadeInRight .6s ease forwards}.animate-scale-in{animation:scaleIn .5s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.hidden{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background:var(--primary-color);color:var(--text-white)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px;color:var(--text-gray-400)}.loading-container .spinner{font-size:2rem;animation:spin 1s linear infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-gray-400)}.loading-state .spinner{font-size:2rem;animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,var(--dark-card) 25%,var(--dark-surface) 50%,var(--dark-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (pointer: coarse){button,a,input,select{min-height:44px;min-width:44px}}