@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:#4f46e5;--primary-light:#6366f1;--primary-dark:#4338ca;--secondary-color:#10b981;--secondary-light:#34d399;--secondary-dark:#059669;--accent-color:#f59e0b;--accent-light:#fbbf24;--accent-dark:#d97706;--background-color:#f9fafb;--surface-color:#fff;--text-color:#1f2937;--text-light-color:#6b7280;--text-lighter-color:#9ca3af;--border-color:#e5e7eb;--info-color:#3b82f6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms}body{background-color:#f9fafb;background-color:var(--background-color);color:#1f2937;color:var(--text-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;font-size:var(--font-size-base)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin-inline:auto;padding-inline:1rem;padding-inline:var(--space-4)}.btn{border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;font-size:var(--font-size-base);font-weight:500;outline:none;overflow:hidden;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-5);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal) ease}.btn:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary-color);outline-offset:2px}.btn-primary{background-color:#4f46e5;background-color:var(--primary-color)}.btn-primary:hover{background-color:#4338ca;background-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:#10b981;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#059669;background-color:var(--secondary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-accent{background-color:#f59e0b;background-color:var(--accent-color);color:#fff}.btn-accent:hover{background-color:#d97706;background-color:var(--accent-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-outline{background-color:initial;border:1px solid #4f46e5;border:1px solid var(--primary-color);color:#4f46e5;color:var(--primary-color)}.btn-outline:hover{background-color:#4f46e5;background-color:var(--primary-color);color:#fff}.btn-sm{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-2) var(--space-4)}.btn-lg{font-size:1.125rem;font-size:var(--font-size-lg);padding:1rem 2rem;padding:var(--space-4) var(--space-6)}.card{background-color:#fff;background-color:var(--surface-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-5);padding:var(--space-5);transition:transform .25s,box-shadow .25s;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-interactive{cursor:pointer}.form-group{margin-bottom:var(--space-5)}.form-label{color:#1f2937;color:var(--text-color);margin-bottom:var(--space-2)}.form-input{background-color:#fff;background-color:var(--surface-color);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--space-3);transition:all .25s;transition:all var(--transition-normal)}.form-input:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533}.form-input::placeholder{color:var(--text-lighter-color)}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-size:1.5em 1.5em;border:1px solid #e5e7eb;border:1px solid var(--border-color);font-size:1rem;font-size:var(--font-size-base);padding:.75rem;padding:var(--space-3);padding-right:3rem;padding-right:var(--space-8);width:100%}.alert,.form-select{border-radius:.375rem;border-radius:var(--radius-md)}.alert{border-left:4px solid #0000;margin-bottom:1rem;margin-bottom:var(--space-4);padding:var(--space-4)}.alert-error{border-left-color:#ef4444;border-left-color:var(--error-color);color:var(--error-color)}.alert-success{background-color:#10b9811a;border-left-color:#10b981;border-left-color:var(--success-color);color:#10b981;color:var(--success-color)}.alert-warning{background-color:#f59e0b1a;border-left-color:#f59e0b;border-left-color:var(--warning-color);color:#f59e0b;color:var(--warning-color)}.alert-info{background-color:#3b82f61a;border-left-color:#3b82f6;border-left-color:var(--info-color);color:#3b82f6;color:var(--info-color)}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:.75rem;gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:1.5rem;gap:var(--space-5)}.gap-6{gap:2rem;gap:var(--space-6)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-x-4{column-gap:1rem;column-gap:var(--space-4)}.gap-y-4{row-gap:1rem;row-gap:var(--space-4)}.auto-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:1rem;gap:var(--space-4)}}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-5{gap:1.5rem;gap:var(--space-5)}.md\:block{display:block}.md\:hidden{display:none}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:gap-6{gap:2rem;gap:var(--space-6)}}.m-1{margin:.25rem;margin:var(--space-1)}.m-2{margin:.5rem;margin:var(--space-2)}.m-3{margin:.75rem;margin:var(--space-3)}.m-4{margin:1rem;margin:var(--space-4)}.m-5{margin:1.5rem;margin:var(--space-5)}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-bottom:var(--space-4);margin-top:1rem;margin-top:var(--space-4)}.mt-1{margin-top:.25rem;margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:.75rem;margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:1.5rem;margin-top:var(--space-5)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:.75rem;margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:1.5rem;margin-bottom:var(--space-5)}.p-1{padding:.25rem;padding:var(--space-1)}.p-2{padding:.5rem;padding:var(--space-2)}.p-3{padding:.75rem;padding:var(--space-3)}.p-4{padding:1rem;padding:var(--space-4)}.p-5{padding:1.5rem;padding:var(--space-5)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{border-width:0}.animate-fade-in{animation:fadeIn .25s ease-in-out;animation:fadeIn var(--transition-normal) ease-in-out}.animate-slide-up{animation:slideUp .25s ease-out;animation:slideUp var(--transition-normal) ease-out}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.hover\:scale-105:hover{transform:scale(1.05)}.transition-all{transition:all .25s;transition:all var(--transition-normal)}.transition-transform{transition:transform .25s;transition:transform var(--transition-normal)}.transition-colors{transition:background-color .25s,color .25s;transition:background-color var(--transition-normal),color var(--transition-normal)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#4f46e5;color:var(--primary-color)}.text-secondary{color:#10b981;color:var(--secondary-color)}.text-accent{color:#f59e0b;color:var(--accent-color)}.text-error{color:#ef4444;color:var(--error-color)}.text-success{color:#10b981;color:var(--success-color)}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #4f46e54d;border-top:2px solid var(--primary-color);height:1.5rem;width:1.5rem}.error-container{background-color:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:5rem auto;max-width:600px;padding:2rem}.error-display{align-items:flex-start;border:1px solid;display:flex;gap:1rem;margin:1rem 0}.error-display-error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.error-display-warning{background-color:#fffbeb;border-color:#fed7aa;color:#92400e}.error-display-info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.error-content{align-items:flex-start;display:flex;flex:1 1;gap:.75rem}.error-icon{font-size:1.25rem;line-height:1}.error-text{flex:1 1}.error-message{font-weight:500;margin:0}.error-details{color:#666;font-size:.9rem;margin:1.5rem 0;text-align:left}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.error-details pre{background:#f8f9fa;border-radius:4px;font-size:.8rem;line-height:1.4;overflow-x:auto;padding:1rem}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.error-button{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.retry-button{background-color:#7129dd;color:#fff}.retry-button:hover{background-color:#5a1fb8;transform:translateY(-1px)}.retry-button:focus{outline:2px solid #7129dd;outline-offset:2px}.dismiss-button{background-color:#f3f4f6;color:#6b7280;min-width:auto;padding:4px 8px}.dismiss-button:hover{background-color:#e5e7eb;color:#374151}.field-error{color:#dc2626;font-size:.875rem;gap:.25rem;margin-top:.25rem}.field-error:before{content:"⚠";font-size:.75rem}.error-toast{animation:slideInRight .3s ease-out;right:1rem;top:1rem;z-index:9999}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-input.error:focus,.form-select.error:focus,.form-textarea.error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262633}@media (prefers-reduced-motion:reduce){.error-toast{animation:none}.retry-button:hover{transform:none}}.switch-domain-button{background-color:#ff8c00;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s}.switch-domain-button:hover{background-color:#e07c00}.back-button{background-color:#888;border:none;border-radius:6px;color:#fff;font-weight:700;padding:10px 20px;transition:background-color .3s}.back-button:hover{background-color:#777}.debug-info{border-top:1px dashed #ddd;font-size:.8rem;margin-bottom:20px;margin-top:20px;padding-top:15px;text-align:left}.debug-info details{background-color:#f5f5f5;border-radius:6px;padding:10px}.debug-info summary{color:#666;cursor:pointer;font-weight:700;margin-bottom:10px}.debug-info p{color:#777;font-family:monospace;margin:5px 0}.lp-root{color:#1a202c;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;overflow-x:hidden}.lp-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-bottom:1px solid #e2e8f0cc;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.lp-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 2rem}.lp-logo-container{align-items:center;display:flex;gap:.75rem}.lp-logo-icon{color:#8b5cf6;height:32px;width:32px}.lp-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.lp-nav{align-items:center;display:flex;gap:1.5rem}.lp-nav-link{color:#4a5568;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.lp-nav-link:hover{color:#8b5cf6}.lp-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-btn-ghost{background:#0000;color:#4a5568}.lp-btn-ghost:hover{background:#f7fafc;color:#2d3748}.lp-btn-accent{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.lp-btn-accent:hover{box-shadow:0 8px 20px #8b5cf666;transform:translateY(-2px)}.lp-btn-outline{background:#fff;border:2px solid #8b5cf6;color:#8b5cf6}.lp-btn-outline:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.lp-btn-lg{font-size:1rem;padding:.875rem 1.75rem}.lp-hero{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.lp-hero:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);border-radius:50%;content:"";height:800px;position:absolute;right:-20%;top:-50%;width:800px}.lp-hero-content{margin:0 auto;max-width:1280px;position:relative;text-align:center;z-index:1}.lp-hero-badge{align-items:center;background:#fff;border-radius:50px;box-shadow:0 4px 12px #8b5cf626;color:#8b5cf6;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.badge-icon{color:#f59e0b}.lp-hero-title{color:#1a202c;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text}.lp-hero-desc{color:#4a5568;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:800px}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.lp-btn-primary-action{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 8px 24px #8b5cf666}.lp-btn-primary-action:hover{box-shadow:0 12px 32px #8b5cf680;transform:translateY(-3px)}.lp-hero-stats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-top:3rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.stat-label{margin-top:.25rem}.lp-hero-visual{display:flex;justify-content:center;margin-top:4rem}.hero-phone-mockup{background:linear-gradient(135deg,#1a202c,#2d3748);border-radius:40px;box-shadow:0 20px 60px #0000004d;height:600px;padding:15px;position:relative;width:300px}.phone-screen{background:#fff;border-radius:30px;height:100%;overflow:hidden;padding:20px;width:100%}.mock-header{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:20px}.mock-items{display:flex;flex-direction:column;gap:12px;padding:8px}.menu-item{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:70px;overflow:hidden;position:relative;transition:transform .2s}.menu-item:hover{transform:scale(1.02)}.item-image{height:100%;object-fit:cover}.item-label{background:linear-gradient(0deg,#0009,#0000);bottom:0;color:#fff;font-size:12px;font-weight:600;left:0;padding:8px 12px;position:absolute;right:0;text-align:center}.lp-features{background:#fff;padding:6rem 2rem}.lp-features-header{margin:0 auto 4rem;max-width:800px;text-align:center}.lp-section-title{color:#1a202c;font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.lp-section-subtitle{color:#718096;font-size:1.125rem;line-height:1.7}.lp-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1280px}.lp-feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.lp-feature-card:hover{border-color:#8b5cf6;box-shadow:0 20px 40px #8b5cf626;transform:translateY(-8px)}.lp-feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:16px;display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.lp-feature-icon{color:#fff;height:32px;width:32px}.lp-feature-title{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.lp-feature-desc{color:#4a5568;line-height:1.7;margin-bottom:1.5rem}.feature-benefits{display:flex;flex-direction:column;gap:.75rem}.benefit-item{color:#718096;font-size:.875rem;gap:.5rem}.benefit-item svg{color:#10b981;flex-shrink:0}.lp-how-it-works{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);padding:6rem 2rem}.lp-how-header{margin:0 auto 4rem;max-width:800px;text-align:center}.lp-steps{flex-direction:column;margin:0 auto;max-width:900px}.lp-step,.lp-steps{display:flex;gap:2rem}.lp-step{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:2rem;transition:all .3s}.lp-step:hover{box-shadow:0 8px 24px #8b5cf626;transform:translateX(8px)}.step-number{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:48px;justify-content:center;width:48px}.step-content{flex:1 1}.step-title{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.step-desc{color:#4a5568;line-height:1.7}.lp-social-proof{background:#fff;padding:4rem 2rem}.proof-content{margin:0 auto;max-width:1280px;text-align:center}.proof-title{color:#1a202c;font-size:2rem;font-weight:800;margin-bottom:3rem}.proof-stats{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.proof-stat{text-align:center}.proof-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;margin-bottom:.5rem}.proof-label{color:#718096;font-size:1rem;font-weight:500}.lp-cta{background:linear-gradient(135deg,#1a202c,#2d3748);overflow:hidden;padding:6rem 2rem;position:relative}.lp-cta:before{background:radial-gradient(circle,#8b5cf633 0,#0000 70%);border-radius:50%;content:"";height:600px;left:-20%;position:absolute;top:-50%;width:600px}.cta-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.lp-cta-title{color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:1rem}.lp-cta-desc{color:#cbd5e0;font-size:1.25rem;line-height:1.7;margin-bottom:2.5rem}.cta-actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.lp-btn-cta{font-size:1.125rem;padding:1rem 2rem}.cta-note{color:#a0aec0;font-size:.875rem}.lp-footer{background:#1a202c;color:#fff;padding:4rem 2rem 2rem}.lp-footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 3rem;max-width:1280px}.footer-brand{max-width:300px}.footer-logo-container{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo-icon{color:#8b5cf6;height:28px;width:28px}.footer-logo{color:#fff;font-size:1.5rem;font-weight:800}.footer-tagline{color:#a0aec0;font-size:.875rem;line-height:1.6}.footer-links{display:contents}.footer-section h4{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.footer-section a{color:#a0aec0;display:block;font-size:.875rem;margin-bottom:.75rem;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#8b5cf6}.footer-bottom{border-top:1px solid #2d3748;color:#718096;font-size:.875rem;margin:0 auto;max-width:1280px;padding-top:2rem;text-align:center}@media (max-width:1024px){.lp-header-content{padding:0 1.5rem}.lp-hero{flex-direction:column;padding:6rem 1.5rem 3rem}.lp-hero-visual{margin-top:3rem}.hero-phone-mockup{height:560px;width:280px}.lp-features-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.step-diagram{height:250px;width:250px}}@media (max-width:768px){.lp-header-content{padding:0 1rem}.lp-logo{font-size:1.25rem}.lp-logo-icon{height:28px;width:28px}.lp-nav{gap:.5rem}.lp-nav-link{display:none}.lp-btn{font-size:.875rem;padding:.5rem 1rem}.lp-hero{gap:2rem;min-height:auto;padding:5rem 1rem 2rem}.lp-hero-content{text-align:center}.lp-hero-badge{font-size:.75rem;padding:.4rem .8rem}.lp-hero-title{font-size:clamp(1.75rem,4vw,2rem);margin-bottom:1rem}.lp-hero-desc{font-size:clamp(.9rem,1.5vw,1rem);margin-bottom:1.5rem}.lp-hero-actions{gap:.75rem;margin-bottom:2rem}.lp-hero-stats{gap:1.5rem;margin-top:2rem}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem}.hero-phone-mockup{height:480px;width:240px}.phone-screen{padding:15px}.mock-header{font-size:1rem;margin-bottom:15px}.mock-items{gap:10px;padding:4px}.menu-item{height:60px}.item-label{font-size:11px;padding:6px 8px}.lp-cta,.lp-features,.lp-how-it-works,.lp-social-proof{padding:3rem 1rem}.lp-section-title{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:1rem}.lp-section-subtitle{font-size:clamp(.875rem,1.5vw,1rem)}.lp-features-grid{gap:1.5rem;grid-template-columns:1fr}.lp-feature-card{padding:1.5rem}.lp-feature-icon-wrapper{height:48px;width:48px}.lp-feature-icon{height:24px;width:24px}.lp-feature-title{font-size:1rem}.lp-feature-desc{font-size:.875rem}.benefit-item{font-size:.8rem}.lp-step{flex-direction:column;gap:1.5rem}.step-diagram{height:200px;width:200px}.proof-stats{gap:1.5rem}.proof-stat-item{padding:1rem}.proof-number{font-size:2rem}.proof-label{font-size:.8rem}.lp-footer-content{gap:2rem;grid-template-columns:1fr;padding:0 1rem}.footer-brand{max-width:100%}.footer-links{text-align:left}.footer-link-group h4{font-size:.9rem}.footer-link-group a{font-size:.85rem}}@media (max-width:640px){.lp-header{padding:.75rem 0}.lp-header-content{padding:0 .75rem}.lp-logo{font-size:1rem}.lp-logo-icon{height:24px;width:24px}.lp-nav{gap:.25rem}.lp-btn{font-size:.8rem;padding:.4rem .8rem}.lp-hero{padding:4.5rem .75rem 1.5rem}.lp-hero-badge{font-size:.7rem}.lp-hero-title{font-size:clamp(1.5rem,3vw,1.75rem)}.lp-hero-desc{font-size:.875rem;line-height:1.5}.lp-hero-actions{flex-direction:column;gap:.5rem}.lp-hero-actions .lp-btn{justify-content:center;width:100%}.lp-hero-stats{flex-direction:column;gap:1rem}.stat-item{background:#f7fafc;border-radius:12px;padding:1rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.hero-phone-mockup{height:440px;width:220px}.phone-screen{padding:12px}.mock-header{font-size:.9rem;margin-bottom:12px}.mock-items{gap:8px}.menu-item{height:55px}.item-label{font-size:10px}.lp-cta,.lp-features,.lp-how-it-works,.lp-social-proof{padding:2.5rem .75rem}.lp-section-title{font-size:1.35rem}.lp-section-subtitle{font-size:.85rem}.lp-feature-card{padding:1.25rem}.lp-feature-title{font-size:.95rem}.lp-feature-desc{font-size:.8rem;line-height:1.5}.benefit-item{font-size:.75rem}}@media (max-width:480px){.lp-header-content{padding:0 .5rem}.lp-logo{font-size:.9rem}.lp-logo-icon{height:20px;width:20px}.lp-nav{gap:0}.lp-btn{font-size:.75rem;padding:.35rem .6rem}.lp-btn-lg{font-size:.875rem;padding:.6rem 1rem}.lp-hero{padding:4rem .5rem 1rem}.lp-hero-badge{font-size:.65rem;padding:.3rem .6rem}.badge-icon{height:14px;width:14px}.lp-hero-title{font-size:1.35rem;margin-bottom:.75rem}.lp-hero-desc{font-size:.8rem;line-height:1.5;margin-bottom:1.25rem}.lp-hero-actions{gap:.5rem;margin-bottom:1.5rem}.lp-hero-actions .lp-btn{padding:.6rem .5rem;width:100%}.lp-hero-stats{gap:.75rem;margin-top:1.5rem}.stat-item{gap:.5rem;padding:.75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.65rem}.lp-hero-visual{margin-top:2rem}.hero-phone-mockup{height:400px;padding:12px;width:200px}.phone-screen{padding:10px}.mock-header{font-size:.85rem;margin-bottom:10px}.mock-items{gap:6px;padding:0}.menu-item{height:50px}.item-label{font-size:9px;padding:4px 6px}.lp-cta,.lp-features,.lp-how-it-works,.lp-social-proof{padding:2rem .5rem}.lp-section-title{font-size:1.2rem;margin-bottom:.75rem}.lp-section-subtitle{font-size:.8rem}.lp-features-grid{gap:1rem}.lp-feature-card{padding:1rem}.lp-feature-icon-wrapper{height:40px;width:40px}.lp-feature-icon{height:20px;width:20px}.lp-feature-title{font-size:.9rem}.lp-feature-desc{font-size:.75rem}.benefit-item{font-size:.7rem;gap:.3rem}.lp-step{gap:1rem}.step-diagram{height:180px;width:180px}.proof-stats{gap:1rem}.proof-stat-item{padding:.75rem}.proof-number{font-size:1.75rem}.proof-label{font-size:.75rem}.lp-footer-content{gap:1.5rem;padding:0 .5rem}.footer-brand h3{font-size:1rem}.footer-brand p{font-size:.75rem}.footer-links{text-align:left}.footer-link-group h4{font-size:.85rem}.footer-link-group a{font-size:.8rem}.lp-footer-bottom{flex-direction:column;font-size:.75rem;gap:1rem}}@media (max-width:360px){.lp-header-content{padding:0 .4rem}.lp-btn{font-size:.7rem;padding:.3rem .5rem}.lp-hero{padding:3.5rem .4rem .75rem}.lp-hero-title{font-size:1.2rem}.lp-hero-desc{font-size:.75rem}.hero-phone-mockup{height:360px;width:180px}.mock-header{font-size:.8rem}.menu-item{height:45px}.lp-cta,.lp-features,.lp-how-it-works,.lp-social-proof{padding:1.75rem .4rem}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:2rem;text-align:center}.loading-overlay{background-color:#ffffffe6;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{margin-bottom:1rem}.loading-spinner-small{border:2px solid #7129dd1a;border-top-color:#7129dd;height:20px;width:20px}.loading-spinner-medium{border:4px solid #7129dd1a;border-top-color:#7129dd;height:40px;width:40px}.loading-spinner-large{border:6px solid #7129dd1a;border-top-color:#7129dd;height:60px;width:60px}.loading-message{color:#666;font-size:1rem;font-weight:500;margin:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}.skeleton-text{border-radius:4px;height:1rem;margin-bottom:.5rem}.skeleton-text.wide{width:80%}.skeleton-text.medium{width:60%}.skeleton-text.narrow{width:40%}.skeleton-card{border-radius:8px;height:200px;margin-bottom:1rem}.skeleton-avatar{border-radius:50%;height:40px;width:40px}@keyframes loading{0%{background-position:-200% 0}to{background-position:200% 0}}.btn-loading{color:#0000!important;pointer-events:none;position:relative}.btn-loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}.inline-loading{align-items:center;display:inline-flex;gap:.5rem}.inline-loading .loading-spinner{margin:0}.inline-loading .loading-spinner-small{border-width:2px;height:16px;width:16px}:root{--border-color:#333;--card-bg:#1a1a1a;--card-hover-shadow:0 8px 24px #ff6b351a;--input-bg:#2a2a2a;--input-border:#333;--input-text:#fff;--input-placeholder:#888;--error-color:#ff3b30;--success-color:#34c759}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--primary-bg);color:#fff;color:var(--light-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}a{color:#ff6b35;color:var(--accent-orange);text-decoration:none;transition:color .2s ease}a:hover{color:#ff844b;color:var(--hover-orange)}.container{margin:0 auto;padding:0 1rem;width:100%}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem 1.75rem;transition:all .3s ease}.btn-primary{background-color:#ff6b35}.btn-primary:hover{background-color:#ff844b;background-color:var(--hover-orange);transform:scale(1.02)}.btn-secondary{background-color:#ff6b351a;border:1px solid #ff6b35;border:1px solid var(--accent-orange);color:#ff6b35;color:var(--accent-orange)}.btn-secondary:hover{background-color:#ff6b3533}.btn-icon{margin-right:.5rem}.card{background-color:#1a1a1a;background-color:var(--dark-gray);border:1px solid #333;border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:0 8px 24px #ff6b351a;box-shadow:var(--card-hover-shadow);transform:translateY(-3px)}.form-label{color:#fff;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{background-color:#2a2a2a;background-color:var(--input-bg);border:1px solid #333;border:1px solid var(--input-border);border-radius:8px;color:#fff;color:var(--input-text);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#ff6b35;border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#888;color:var(--input-placeholder)}.form-textarea{min-height:100px}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-size:1rem}.error-message{color:#ff3b30;color:var(--error-color);font-size:.75rem}.success-message{color:#34c759;color:var(--success-color);font-size:.75rem;margin-top:.5rem}.form-input.error{border-color:#ff3b30;border-color:var(--error-color)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1400px){.container{max-width:1400px}}:root{--login-primary:#8b5cf6;--login-primary-dark:#7c3aed;--login-secondary:#6366f1;--login-success:#22c55e;--login-warning:#f97316;--login-error:#ef4444;--login-bg-dark:#0f172a;--login-card-bg:#1e293b;--login-border:#334155;--login-text:#f1f5f9;--login-text-muted:#cbd5e1}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1a1f35);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.login-card{animation:slideUp .6s cubic-bezier(.34,1.56,.64,1);background-color:#1e293b;background-color:var(--login-card-bg);border:1px solid #334155;border:1px solid var(--login-border);border-radius:16px;box-shadow:0 20px 60px #0006,inset 0 0 1px #ffffff0d;margin:0 auto;max-width:420px;overflow:hidden;padding:0;width:100%}.login-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);background:linear-gradient(135deg,var(--login-primary) 0,var(--login-primary-dark) 100%);border-top-left-radius:16px;border-top-right-radius:16px;color:#fff;padding:2.5rem 1.5rem 2rem;position:relative;text-align:center}.login-back-link{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.25rem;left:1rem;opacity:.85;position:absolute;text-decoration:none;top:1rem;transition:all .2s ease}.login-back-link.prominent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #fff3;border-radius:8px;font-weight:600;opacity:1;padding:.5rem .75rem}.login-back-link.prominent:hover{background-color:#ffffff40;box-shadow:0 4px 12px #0003;transform:translateX(-2px)}.back-link-icon{font-size:1.1rem;font-weight:700}.back-link-text{font-size:.95rem}.login-back-link:hover{opacity:1;transform:translateX(-4px)}.login-logo{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.logo-icon{font-size:2.5rem}.login-title{font-size:1.75rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .75rem}.login-subtitle{font-size:.95rem;font-weight:400;line-height:1.6;margin:0;max-width:100%;opacity:.95}.login-form{padding:2rem 1.5rem}.form-group:last-of-type{margin-bottom:2rem}.form-label{color:var(--login-text)}.required-asterisk{color:var(--login-error)}.input-wrapper,.password-input-container{align-items:center;display:flex;position:relative}.input-icon{color:#cbd5e1;color:var(--login-text-muted);font-size:1.1rem;left:.75rem}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293b99;border:1.5px solid #334155;border:1.5px solid var(--login-border);color:var(--login-text);padding:.85rem .9rem .85rem 2.5rem}.form-input::placeholder{color:#cbd5e1;color:var(--login-text-muted)}.form-input:focus{background-color:#1e293bcc;border-color:var(--login-primary)}.form-input.error{border-color:var(--login-error)}.form-input:disabled{background-color:#1e293b66}.field-error{animation:slideDown .3s ease;color:var(--login-error);font-size:.85rem}.error-icon{flex-shrink:0;font-size:1rem}.form-error-banner{align-items:flex-start;animation:slideDown .3s ease;background-color:#ef44441a;border:1.5px solid #ef44444d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-banner-icon{color:#ef4444;color:var(--login-error);flex-shrink:0;font-size:1.25rem;margin-top:.1rem}.error-banner-content{flex:1 1}.error-banner-content strong{color:#ef4444;color:var(--login-error);display:block;font-size:.95rem;font-weight:600;margin-bottom:.25rem}.error-banner-content p{color:#f1f5f9;color:var(--login-text);font-size:.9rem;line-height:1.5;margin:0}.alert{animation:slideDown .3s ease;border-radius:8px;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.alert-icon{flex-shrink:0;font-size:1.25rem;margin-top:.1rem}.alert-error{background-color:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--login-error)}.alert-error strong{display:block;font-weight:600;margin-bottom:.25rem}.alert-warning{background-color:#f973161a;border:1px solid #f973164d;color:#f97316;color:var(--login-warning)}.password-label-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.75rem}.password-toggle{color:#cbd5e1;color:var(--login-text-muted);right:.75rem;transition:all .2s ease}.password-toggle:hover{color:var(--login-primary)}.toggle-icon{font-size:1.2rem}.caps-lock-warning{background-color:#f973161a;color:#f97316;color:var(--login-warning);font-size:.85rem;margin-top:.5rem;padding:.5rem .75rem}.warning-icon{font-size:1rem}.password-strength{margin-top:.75rem}.strength-bar{background-color:#64748b4d;border-radius:4px;height:4px;margin-bottom:.5rem;overflow:hidden}.strength-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.strength-text{font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0}.checkbox-container{align-items:center;cursor:pointer;display:flex;gap:.75rem}.form-checkbox{accent-color:#8b5cf6;accent-color:var(--login-primary);border:1.5px solid #334155;border:1.5px solid var(--login-border);border-radius:4px;cursor:pointer;height:1.2rem;transition:all .2s ease;width:1.2rem}.form-checkbox:checked,.form-checkbox:hover{border-color:#8b5cf6;border-color:var(--login-primary)}.form-checkbox:checked{background-color:#8b5cf6;background-color:var(--login-primary)}.checkbox-label{color:var(--login-text);font-size:.95rem;font-weight:500}.checkbox-description{color:#cbd5e1;color:var(--login-text-muted);font-size:.8rem;margin-bottom:0;margin-top:.4rem}.info-tooltip-wrapper{align-items:center;display:inline-flex;margin-left:.5rem;position:relative}.info-icon{color:#cbd5e1;color:var(--login-text-muted);cursor:help;font-size:1rem;transition:all .2s ease}.info-icon:hover{color:#8b5cf6;color:var(--login-primary)}.info-tooltip{background-color:#1e293b;background-color:var(--login-card-bg);border:1px solid #334155;border:1px solid var(--login-border);border-radius:6px;bottom:100%;box-shadow:0 4px 12px #0000004d;color:#f1f5f9;color:var(--login-text);font-size:.8rem;left:50%;margin-bottom:.5rem;opacity:0;padding:.5rem .75rem;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .2s ease;white-space:nowrap;z-index:10}.info-tooltip:after{border:5px solid #0000;border-top:5px solid var(--login-card-bg);content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.info-tooltip-wrapper:focus-within .info-tooltip,.info-tooltip-wrapper:hover .info-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(-4px)}.forgot-password-link{color:#8b5cf6;color:var(--login-primary);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover{color:#6366f1;color:var(--login-secondary);text-decoration:underline}.submit-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--login-primary) 0,var(--login-secondary) 100%);gap:.75rem;overflow:hidden;padding:.95rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.submit-button:hover:not(:disabled){box-shadow:0 10px 30px #8b5cf64d}.submit-button.loading{pointer-events:none}.button-icon{font-size:1.1rem}.divider{justify-content:center;margin:2rem 0;position:relative}.divider:before{background:linear-gradient(90deg,#0000,#334155,#0000);background:linear-gradient(to right,#0000,var(--login-border),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider-text{background-color:#1e293b;background-color:var(--login-card-bg);color:var(--login-text-muted);padding:0 1rem;position:relative;z-index:1}.divider-subtle{justify-content:center}.divider-line{background:linear-gradient(90deg,#0000,#334155,#0000);background:linear-gradient(to right,#0000,var(--login-border),#0000)}.divider-text-subtle{color:var(--login-text-muted)}.social-button{background-color:#1e293b99;border:1.5px solid #334155;border:1.5px solid var(--login-border);color:var(--login-text);padding:.95rem 1.5rem}.social-button:hover:not(:disabled){background-color:#8b5cf61a;border-color:var(--login-primary);transform:translateY(-2px)}.social-button:disabled{opacity:.5}.social-button.google{background-color:#fff;border:1px solid #e5e7eb;color:#222;margin-bottom:1.5rem;margin-top:0}.social-button.google:hover:not(:disabled){background-color:#f9fafb;border-color:#8b5cf6;border-color:var(--login-primary)}.social-icon{font-size:1.3rem}.login-footer{background-color:#0f172a80;border-top:1px solid #334155;border-top:1px solid var(--login-border);padding:1.5rem;text-align:center}.signup-prompt{color:#cbd5e1;color:var(--login-text-muted);font-size:.95rem;margin:0 0 1rem}.signup-link{color:#8b5cf6;color:var(--login-primary);font-weight:600;text-decoration:none;transition:all .2s ease}.signup-link:hover{color:#6366f1;color:var(--login-secondary);text-decoration:underline}.security-note{align-items:center;color:#cbd5e1;color:var(--login-text-muted);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;margin:0}.security-icon{color:#22c55e;color:var(--login-success);font-size:1rem}@media (max-width:640px){.login-card{border-radius:12px;max-width:100%}.login-header{border-top-left-radius:12px;border-top-right-radius:12px;padding:2rem 1.25rem 1.75rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem}.login-form{padding:1.5rem 1.25rem}.form-input{padding:.75rem .8rem .75rem 2.3rem}.submit-button{font-size:.95rem;padding:.85rem 1.25rem}.social-button{font-size:.9rem;padding:.85rem 1.25rem}}@media (max-width:480px){.login-card{border-radius:10px}.login-header{border-top-left-radius:10px;border-top-right-radius:10px;padding:1.5rem 1rem 1.25rem}.login-back-link{font-size:.8rem;left:.75rem;top:.75rem}.login-logo{height:3.5rem;margin-bottom:.75rem;width:3.5rem}.logo-icon{font-size:2rem}.login-title{font-size:1.25rem;margin-bottom:.5rem}.login-subtitle{font-size:.85rem;line-height:1.5}.login-form{padding:1.25rem 1rem}.form-group{margin-bottom:1.25rem}.form-label{font-size:.9rem;margin-bottom:.6rem}.form-input{font-size:.9rem;padding:.7rem .75rem .7rem 2.2rem}.password-label-row{gap:.5rem}.social-button,.submit-button{font-size:.9rem;gap:.5rem;padding:.8rem 1rem}.button-icon{font-size:1rem}.divider{margin:1.5rem 0}.divider-text{font-size:.8rem;padding:0 .75rem}.login-footer{padding:1.25rem 1rem}.signup-prompt{font-size:.9rem;margin-bottom:.75rem}.security-note{font-size:.8rem;gap:.4rem}}@media (max-width:360px){.login-card{border-radius:8px;max-width:100vw}.login-header{border-top-left-radius:8px;border-top-right-radius:8px;padding:1.25rem .75rem 1rem}.login-form{padding:1rem .75rem}.form-group{margin-bottom:1rem}.social-button,.submit-button{padding:.75rem}.divider{margin:1.25rem 0}.login-footer{padding:1rem .75rem}}@media (prefers-color-scheme:dark){.login-container{background:linear-gradient(135deg,#0a0e27,#16111f)}.login-card{background-color:#1a1f2e;border-color:#2d3748}}@media (prefers-reduced-motion:reduce){.alert,.field-error,.login-card,.social-button,.submit-button{animation:none!important;transition:none!important}}@media print{.login-container{background:#fff;padding:0}.login-card{border:none;box-shadow:none}.login-back-link,.login-footer,.password-toggle,.social-button,.submit-button{display:none}}:root{--register-primary:#8b5cf6;--register-primary-dark:#7c3aed;--register-secondary:#6366f1;--register-bg:#0f172a;--register-card-bg:#1e293b;--register-input-bg:#334155;--register-border:#475569;--register-border-light:#64748b;--register-text:#f1f5f9;--register-text-secondary:#cbd5e1;--register-success:#10b981;--register-error:#ef4444;--register-warning:#f59e0b;--register-shadow:0 20px 25px -5px #0006}.register-container{align-items:center;background-color:#0f172a;background-color:var(--register-bg);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;min-height:100vh;padding:1rem}.register-card{animation:slideUp .6s cubic-bezier(.4,0,.2,1);background-color:#1e293b;background-color:var(--register-card-bg);border:1px solid #475569;border:1px solid var(--register-border);border-radius:12px;box-shadow:0 20px 25px -5px #0006;box-shadow:var(--register-shadow);max-width:420px;overflow:hidden;width:100%}.register-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-bottom:1px solid #ffffff1a;color:#f1f5f9;color:var(--register-text);padding:2rem 1.5rem;position:relative;text-align:center}.register-back-link{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:500;gap:.25rem;left:1rem;opacity:.85;position:absolute;text-decoration:none;top:1rem;transition:all .2s ease}.register-back-link.prominent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff26;border:1px solid #fff3;border-radius:8px;font-weight:600;opacity:1;padding:.5rem .75rem}.register-back-link.prominent:hover{background-color:#ffffff40;box-shadow:0 4px 12px #0003;transform:translateX(-2px)}.register-back-link:hover{opacity:1;transform:translateX(-4px)}.register-title{font-size:1.875rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.register-subtitle{font-size:.95rem;line-height:1.6;margin:0;opacity:.95}.register-form{padding:2rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-group.terms-group{border-top:1px solid #475569;border-top:1px solid var(--register-border);margin-bottom:1.75rem;margin-top:1.75rem;padding-top:1rem}.form-label{align-items:center;color:#f1f5f9;color:var(--register-text);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.3px;margin-bottom:.75rem}.form-icon{font-size:1rem;opacity:.8}.required-asterisk{color:#ef4444;color:var(--register-error);font-weight:700;margin-left:.25rem}.form-input{background-color:#334155;background-color:var(--register-input-bg);border:2px solid #475569;border:2px solid var(--register-border);border-radius:8px;color:#f1f5f9;color:var(--register-text);font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s ease}.form-input::placeholder{color:#94a3b8;opacity:.8}.form-input:focus{background-color:#8b5cf60d;border-color:#8b5cf6;border-color:var(--register-primary);box-shadow:0 0 0 3px #8b5cf61a}.form-input:disabled{background-color:#0f172a;cursor:not-allowed;opacity:.6}.form-input.error{background-color:#ef44440d;border-color:#ef4444;border-color:var(--register-error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-input-container,.password-toggle{align-items:center;display:flex}.password-toggle{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.1rem;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:color .2s ease}.password-toggle:focus,.password-toggle:hover{color:#8b5cf6;color:var(--register-primary)}.password-toggle:focus{outline:none}.password-strength-container{align-items:center;display:flex;gap:.75rem;margin-top:.75rem}.password-strength-bar-wrapper{background-color:#475569;background-color:var(--register-border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.password-strength-bar{border-radius:3px;box-shadow:0 0 0 0 currentColor;height:100%;transition:width .3s ease,background-color .3s ease}.password-strength-text{font-size:.75rem;font-weight:600;letter-spacing:.5px}.strength-level{text-transform:uppercase;transition:color .3s ease}.password-feedback{background-color:#8b5cf61a;border-left:3px solid #8b5cf6;border-left:3px solid var(--register-primary);border-radius:6px;margin-top:.75rem;padding:.75rem}.feedback-item{align-items:flex-start;color:#cbd5e1;color:var(--register-text-secondary);display:flex;font-size:.75rem;gap:.5rem;line-height:1.4;margin-bottom:.35rem}.feedback-item:last-child{margin-bottom:0}.feedback-icon{color:#8b5cf6;color:var(--register-primary);flex-shrink:0;font-size:.85rem;margin-top:.15rem}.caps-lock-warning{align-items:center;animation:slideDown .3s ease;background-color:#f59e0b1a;border-left:3px solid #f59e0b;border-left:3px solid var(--register-warning);border-radius:6px;color:#f59e0b;color:var(--register-warning);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem}.caps-lock-warning .warning-icon{flex-shrink:0;font-size:.9rem}.field-error{align-items:center;animation:slideDown .2s ease;color:#ef4444;color:var(--register-error);display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem}.checkbox-label{align-items:flex-start;color:#f1f5f9;color:var(--register-text);font-size:.9rem;line-height:1.6}.checkbox-input{accent-color:#8b5cf6;accent-color:var(--register-primary);border:2px solid #475569;border:2px solid var(--register-border);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;margin-top:.125rem;transition:all .2s ease;width:20px}.checkbox-input:focus{border-color:#8b5cf6;border-color:var(--register-primary);box-shadow:0 0 0 3px #8b5cf61a;outline:none}.checkbox-input:disabled{cursor:not-allowed;opacity:.6}.checkbox-input.error{background-color:#ef44440d;border-color:#ef4444;border-color:var(--register-error)}.checkbox-text{color:#cbd5e1;color:var(--register-text-secondary);flex:1 1}.terms-link{color:#8b5cf6;color:var(--register-primary);font-weight:600;text-decoration:none;transition:color .2s ease}.terms-link:hover{color:#7c3aed;color:var(--register-primary-dark);text-decoration:underline}.terms-link:focus{border-radius:2px;outline:2px solid #8b5cf6;outline:2px solid var(--register-primary);outline-offset:2px}.submit-button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 10px 20px #8b5cf64d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.submit-button.loading{opacity:.8}.error-display{animation:slideDown .3s ease;background-color:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--register-error);border-radius:8px;color:#fca5a5;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;padding:1rem}.error-title{font-weight:600;margin-bottom:.5rem}.success-message{color:#10b981;color:var(--register-success);padding:1.5rem}.success-icon{font-size:3rem;margin-bottom:1rem}.success-text{font-size:1rem;line-height:1.6}.divider{gap:1rem}.divider,.divider-subtle{align-items:center;display:flex;margin:1.5rem 0}.divider-subtle{gap:.75rem}.divider-line{background:linear-gradient(90deg,#0000,#475569,#0000);background:linear-gradient(to right,#0000,var(--register-border),#0000);flex:1 1;height:1px}.divider-text{font-size:.85rem;font-weight:500}.divider-text,.divider-text-subtle{color:#cbd5e1;color:var(--register-text-secondary);letter-spacing:.5px;text-transform:uppercase}.divider-text-subtle{font-size:.75rem;font-weight:400;opacity:.6}.social-login-section{border-top:1px solid #475569;border-top:1px solid var(--register-border);margin-top:1.5rem;padding-top:1.5rem}.social-button{align-items:center;background-color:initial;border:2px solid #475569;border:2px solid var(--register-border);border-radius:8px;color:#f1f5f9;color:var(--register-text);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease;width:100%}.social-button:hover:not(:disabled){background-color:#8b5cf60d}.social-button:focus,.social-button:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--register-primary)}.social-button:focus{box-shadow:0 0 0 3px #8b5cf61a;outline:none}.social-button:disabled{cursor:not-allowed;opacity:.6}.social-button.loading{opacity:.8}.social-icon{font-size:1.2rem}.register-footer{background-color:#0000001a;border-top:1px solid #475569;border-top:1px solid var(--register-border);padding:1.5rem;text-align:center}.login-prompt{color:#cbd5e1;color:var(--register-text-secondary);font-size:.9rem;margin:0}.login-link{align-items:center;color:#8b5cf6;color:var(--register-primary);display:inline-flex;font-weight:600;gap:.5rem;margin-left:.5rem;text-decoration:none;transition:color .2s ease}.login-link:hover{color:#7c3aed;color:var(--register-primary-dark);text-decoration:underline}.login-link:focus{border-radius:2px;outline:2px solid #8b5cf6;outline:2px solid var(--register-primary);outline-offset:2px}.login-icon{font-size:.9rem}@media (max-width:480px){.register-card{border-radius:8px;max-width:100%}.register-header{padding:1.5rem 1rem}.register-title{font-size:1.5rem}.register-subtitle{font-size:.875rem}.register-form{padding:1.5rem 1rem}.form-input,.social-button,.submit-button{font-size:.9rem;padding:.75rem 1rem}.form-label{font-size:.85rem}.password-strength-container{gap:.5rem}}@media (max-width:360px){.register-card{margin:0;max-width:100vw}.register-form,.register-header{padding:1.25rem .75rem}.form-group{margin-bottom:1.25rem}.register-title{font-size:1.375rem}.form-label{font-size:.8rem}.form-input,.social-button,.submit-button{font-size:.85rem;padding:.65rem .85rem}}@media (prefers-color-scheme:dark){.register-container{background-color:#0f172a;background-color:var(--register-bg)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.register-container{display:none}}.forgot-password-container{align-items:center;background-color:#121212;display:flex;justify-content:center;min-height:100vh;padding:1rem;width:100%}.forgot-password-card{background-color:#1a1a1a;border-radius:12px;box-shadow:0 4px 24px #0003;max-width:480px;overflow:hidden;padding:2rem;width:100%}.forgot-password-header{margin-bottom:2rem;text-align:center}.forgot-password-logo{align-items:center;background-color:#ff6b35;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.forgot-password-title{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.forgot-password-subtitle{color:#b3b3b3;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.forgot-password-form{margin-bottom:1.5rem}.forgot-password-button{align-items:center;background-color:#ff6b35;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:600;justify-content:center;margin-top:1rem;padding:.85rem 1rem;transition:background-color .2s;width:100%}.forgot-password-button:hover{background-color:#ff8257}.forgot-password-button:disabled{background-color:#666;cursor:not-allowed}.loading-icon{animation:spin 1s linear infinite;margin-right:.5rem}.email-sent-message{padding:1rem 0;text-align:center}.email-sent-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:1.75rem;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.email-sent-note{color:#999;font-size:.85rem;margin-top:.75rem}.forgot-password-footer{border-top:1px solid #333;margin-top:.5rem;padding-top:1.25rem;text-align:center}.back-to-login-link{color:#ff6b35;font-weight:500;text-decoration:none;transition:color .2s}.back-to-login-link:hover{color:#ff8257;text-decoration:underline}.input-with-icon{position:relative}.input-icon{color:#999;font-size:1.25rem;left:10px;top:50%;transform:translateY(-50%)}.form-input{padding-left:2.5rem}:root{--primary-bg:#000;--accent-orange:#ff6b35;--dark-gray:#1a1a1a;--light-text:#fff;--hover-orange:#ff844b}.qr-code-container{margin:0 auto;max-width:500px;padding:1rem;width:100%}.qr-code-card{background-color:#1a1a1a;background-color:var(--dark-gray);border:1px solid #ee600e;border-radius:12px;box-shadow:0 4px 12px #77de8133;padding:1.5rem}.qr-code-title{color:#ff6b35;color:var(--accent-orange);font-size:1.25rem;font-weight:700;letter-spacing:2px;position:absolute;text-align:center;text-shadow:1px 1px 2px #00000080;text-transform:uppercase;top:-10%;transform:rotate(-10deg);width:100%}.inner-circle{display:none}.qr-code-display{margin-bottom:1.5rem}.circular-qr-code,.qr-code-display{display:flex;justify-content:center}.circular-qr-code{align-items:center;border-radius:50%;height:300px;margin:0 auto;position:relative;width:300px}.top-text{fill:#000;font-size:70px;font-weight:700;letter-spacing:6px;position:absolute;position:relative;text-align:center;text-transform:uppercase}.outer-circle{background:none!important;border:2px solid #000;border-radius:50%;height:100%;inset:0;position:absolute;width:100%}.arc-container{height:auto;width:100%}.bottom-text{bottom:5%;display:flex;justify-content:center;position:absolute;width:100%}.bottom-text-inner{fill:#000;font-size:24px;font-weight:700;letter-spacing:4px;text-transform:uppercase}.business-info{margin-bottom:1.5rem;text-align:center}.business-info h3{color:#fff;color:var(--light-text);font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.business-info p{color:#888;font-size:.875rem}.action-buttons{flex-direction:column;gap:1rem}.download-button{align-items:center;background-color:#ff6b35;background-color:var(--accent-orange);border:none;border-radius:8px;color:#fff;color:var(--light-text);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.download-button:hover{background-color:#ff844b;background-color:var(--hover-orange);transform:scale(1.02)}.button-icon{height:1.25rem;margin-right:.5rem;width:1.25rem}.enhanced-qr-container{align-items:center;display:flex;flex-direction:column;width:100%}.qr-code-circular-wrapper{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:320px;justify-content:center;margin:0 auto;position:relative;width:320px}.qr-code-outer-ring{animation:rotate 60s linear infinite;border:2px dashed #000;border-radius:50%;height:90%;opacity:.7;position:absolute;width:90%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr-code-inner-ring{background-color:#fffc;border:1px solid #000;border-radius:50%;height:75%;position:absolute;width:75%;z-index:1}.qr-inner-circle{background:#0000;border:none;border-radius:50%;box-shadow:0 0 0 4px #000;height:72%;left:14%;pointer-events:none;position:absolute;top:14%;width:72%;z-index:1}.qr-code-inner{align-items:center;background-color:#fff;border:none;border-radius:4%;display:flex;height:62%;justify-content:center;left:19%;overflow:visible;padding:5px;position:absolute;top:19%;width:62%;z-index:2}.qr-code-inner canvas{background-color:#fff!important;border:none;display:block;height:100%!important;max-height:220px;max-width:220px;width:100%!important}.business-type-label{background-color:#fff;border:1px solid #000;border-radius:15px;bottom:-15px;box-shadow:0 4px 10px #00000026;color:#000;font-size:14px;font-weight:600;left:50%;padding:5px 15px;position:absolute;transform:translateX(-50%);z-index:3}.circular-text{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.circular-text span{background-color:initial;border:none;color:#000;font-size:16px;font-weight:700;letter-spacing:2px;padding:0}.qr-code-top-text{font-size:18px;top:20px}.qr-code-bottom-text,.qr-code-top-text{background-color:#fff;border-radius:15px;color:#000;font-weight:700;padding:3px 10px;position:absolute;text-align:center;width:100%;z-index:3}.qr-code-bottom-text{bottom:70px;font-size:14px}.qr-code-controls{display:flex;gap:1rem;margin-top:3rem}.qr-download-btn,.qr-print-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:10px 16px;transition:all .2s ease}.qr-download-btn{background-color:#ff6b35;background-color:var(--accent-orange);border:none;color:#fff}.qr-download-btn:hover{background-color:#ff844b;background-color:var(--hover-orange);transform:translateY(-2px)}.qr-print-btn{background-color:initial;border:1px solid #555;color:#fff;color:var(--light-text)}.qr-print-btn:hover{background-color:#ffffff0d;transform:translateY(-2px)}.button-icon{height:16px;margin-right:8px;width:16px}@media (min-width:640px){.qr-code-card,.qr-code-container{padding:2rem}.qr-code-title{font-size:1.75rem}.action-buttons{flex-direction:row}.download-button{flex:2 1}}@media (max-width:768px){.qr-code-circular-wrapper{height:280px;width:280px}.qr-code-inner{height:180px;width:180px}.circular-text span{font-size:12px}}.order-feed{background:#f8f9fa;border-radius:12px;padding:1.5rem;width:100%}.order-feed.compact{background:#0000;border-radius:0;padding:0}.order-feed.compact .orders-list{background:#fff;border-radius:8px;max-height:450px;padding:.75rem}.order-feed-loading{flex-direction:column;justify-content:center;padding:3rem}.order-feed-header,.order-feed-loading{align-items:center;display:flex;gap:1rem}.order-feed-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem}.order-feed-header h2{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.btn-export{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-export:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.export-menu{box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:200px}.export-menu button{align-items:center;background:#fff;color:#2d3748;display:flex;font-size:.9rem;gap:.75rem;padding:.875rem 1.25rem;transition:background .2s}.export-menu button svg{color:#4299e1}.search-filter-bar{background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.search-box{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;gap:.75rem;min-width:250px;padding:.75rem 1rem;transition:border-color .2s}.search-box:focus-within{background:#fff;border-color:#4299e1}.search-box svg{color:#718096;font-size:1.1rem}.search-input{background:#0000;border:none;color:#2d3748;flex:1 1;font-size:.9rem;outline:none}.search-input::placeholder{color:#a0aec0}.btn-clear-search{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;padding:.25rem;transition:color .2s}.btn-clear-search:hover{color:#2d3748}.date-range-picker{align-items:center;display:flex;gap:.75rem}.date-input-group{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;gap:.5rem;padding:.625rem 1rem;transition:border-color .2s}.date-input-group:focus-within{background:#fff;border-color:#4299e1}.date-input-group svg{color:#718096;font-size:1rem}.date-input{background:#0000;border:none;color:#2d3748;cursor:pointer;outline:none}.date-input,.date-separator{font-size:.875rem}.filter-dropdowns{display:flex;gap:.75rem}.btn-clear-filters{align-items:center;background:#fed7d7;border:none;border-radius:8px;color:#c53030;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s;white-space:nowrap}.btn-clear-filters:hover{background:#fc8181;color:#fff}.results-count{background:#fff;border-radius:8px;color:#4a5568;flex-wrap:wrap;font-size:.875rem;font-weight:500;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem 1rem}.results-count,.results-info{align-items:center;display:flex}.checkbox-label{display:flex;gap:.75rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.bulk-actions{gap:.75rem}.bulk-actions,.bulk-btn{align-items:center;display:flex}.bulk-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.bulk-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-btn-confirm{background:#48bb78;color:#fff}.bulk-btn-confirm:hover:not(:disabled){background:#38a169;box-shadow:0 2px 6px #48bb784d;transform:translateY(-1px)}.bulk-btn-print{background:#4299e1;color:#fff}.bulk-btn-print:hover:not(:disabled){background:#3182ce;box-shadow:0 2px 6px #4299e14d;transform:translateY(-1px)}.bulk-btn-cancel{background:#e2e8f0;color:#2d3748}.bulk-btn-cancel:hover:not(:disabled){background:#cbd5e0}.order-filters{display:flex;flex-wrap:wrap;gap:1rem}.filter-group{align-items:center;gap:.5rem}.filter-group label{color:#4a5568}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.filter-select:hover{border-color:#cbd5e0}.filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.order-stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.stat-card{border-radius:8px;box-shadow:0 1px 3px #0000001a;gap:.5rem;padding:1rem}.stat-label{color:#718096;font-size:.875rem;font-weight:500}.stat-value{color:#2d3748;font-size:1.75rem}.stat-value.pending{color:#ed8936}.stat-value.active{color:#4299e1}.stat-value.completed{color:#48bb78}.orders-list{display:flex;flex-direction:column;gap:.75rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.orders-list::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.orders-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.orders-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.no-orders{border-radius:8px;color:#718096;padding:3rem}.no-orders p{font-size:1.125rem;margin-bottom:.5rem}.no-orders small{font-size:.875rem}.order-card{border-left:4px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:1rem 1rem 1rem 3rem;position:relative;transition:all .2s ease}.order-card:hover{box-shadow:0 2px 6px #0000001f;transform:translateX(2px)}.order-card.selected{background:#f0f9ff;border-left-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.order-checkbox{left:.75rem;position:absolute;top:1rem}.order-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.order-card.status-pending{border-left-color:#ed8936}.order-card.status-confirmed{border-left-color:#4299e1}.order-card.status-preparing{border-left-color:#9f7aea}.order-card.status-ready{border-left-color:#48bb78}.order-card.status-completed{border-left-color:#38a169;opacity:.85}.order-card.status-cancelled{border-left-color:#fc8181;opacity:.7}.order-card-header{align-items:center;gap:.5rem;margin-bottom:.75rem}.order-id-time h3{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.order-time{display:block;font-size:.75rem;margin-top:.125rem}.elapsed-time{align-items:center;border-radius:4px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.375rem;padding:.25rem .5rem;width:fit-content}.elapsed-time.time-normal{background:#e6fffa;color:#234e52}.elapsed-time.time-warning{animation:pulse-warning 2s ease-in-out infinite;background:#feebc8;color:#c05621}.elapsed-time.time-critical{animation:pulse-critical 1s ease-in-out infinite;background:#fed7d7;color:#9b2c2c}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-critical{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.order-status-badge{background:#edf2f7;border-radius:16px;color:#2d3748;font-size:.75rem;gap:.375rem;padding:.375rem .75rem;white-space:nowrap}.status-pending .order-status-badge{background:#feebc8;color:#c05621}.status-confirmed .order-status-badge{background:#bee3f8;color:#2c5282}.status-preparing .order-status-badge{background:#e9d8fd;color:#553c9a}.status-ready .order-status-badge{background:#c6f6d5;color:#22543d}.status-completed .order-status-badge{background:#9ae6b4;color:#22543d}.status-cancelled .order-status-badge{background:#fed7d7;color:#9b2c2c}.order-customer-info{background:#f7fafc;border-radius:4px;font-size:.875rem;margin-bottom:.75rem;padding:.5rem}.order-customer-info p{font-size:.875rem;margin:.125rem 0}.customer-contact{color:#4a5568;font-weight:500}.customer-email{color:#718096;font-size:.8125rem}.order-items{background:#f7fafc;border-radius:4px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding:.5rem}.order-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.item-details{align-items:center;gap:.5rem}.item-quantity{background:#e6f7ff;border-radius:3px;color:#4299e1;font-size:.75rem;font-weight:700;min-width:30px;padding:.125rem .375rem;text-align:center}.item-name,.item-total{color:#2d3748;font-size:.875rem}.item-total{font-weight:600}.order-instructions{background:#fffaf0;border-left:3px solid #ed8936;border-radius:4px;margin-bottom:1rem;padding:.75rem}.order-instructions strong{color:#744210;display:block;font-size:.875rem;margin-bottom:.25rem}.order-instructions p{color:#744210;font-size:.9375rem;margin:0}.order-card-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:0;padding-top:.75rem}.order-total{align-items:center;display:flex;font-size:.875rem;gap:.375rem}.order-total strong{color:#1a202c;font-size:1.125rem;font-weight:700}.payment-status{align-items:center;display:flex;gap:.5rem}.payment-badge{border-radius:4px;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.payment-badge.paid{background:#c6f6d5;color:#22543d}.payment-badge.unpaid{background:#fed7d7;color:#9b2c2c}.btn-mark-paid{background:#48bb78;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.375rem .75rem;transition:background .2s}.btn-mark-paid:hover{background:#38a169}.order-actions{border-top:1px solid #e2e8f0;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.order-feed.compact .order-actions{display:none}.btn-action{flex:1 1;font-size:.9375rem;min-width:120px;padding:.75rem 1.5rem}.btn-action.btn-print{background:#805ad5;color:#fff}.btn-action.btn-print:hover{background:#6b46c1;box-shadow:0 4px 8px #805ad54d;transform:translateY(-1px)}.btn-action.btn-primary{background:#4299e1;color:#fff}.btn-action.btn-primary:hover{background:#3182ce;box-shadow:0 4px 8px #4299e14d;transform:translateY(-1px)}.btn-action.btn-danger{background:#fc8181;color:#fff}.btn-action.btn-danger:hover{background:#f56565;box-shadow:0 4px 8px #f565654d;transform:translateY(-1px)}@media (max-width:768px){.order-feed{padding:1rem}.order-feed-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-end;width:100%}.search-filter-bar{flex-direction:column;padding:1rem}.search-box{min-width:auto;width:100%}.date-range-picker{flex-direction:column;gap:.5rem;width:100%}.date-input-group{width:100%}.date-separator{padding:.25rem 0;text-align:center}.filter-dropdowns{flex-direction:column;width:100%}.btn-clear-filters{justify-content:center;width:100%}.results-count{align-items:flex-start;flex-direction:column;font-size:.8125rem}.results-info{width:100%}.bulk-actions{flex-wrap:wrap;width:100%}.bulk-btn{flex:1 1;justify-content:center;min-width:140px}.order-filters{width:100%}.filter-group{flex:1 1}.filter-select{width:100%}.order-stats-summary{grid-template-columns:repeat(2,1fr)}.order-card{padding:1rem}.order-card-header{align-items:flex-start;flex-direction:column}.order-status-badge{align-self:flex-start}.order-card-footer{align-items:flex-start;flex-direction:column}.btn-action,.order-actions{width:100%}}@media (max-width:480px){.order-stats-summary{grid-template-columns:1fr}.stat-value{font-size:1.5rem}.order-id-time h3{font-size:1.125rem}.order-total{font-size:1rem}.order-total strong{font-size:1.25rem}}.menu-analytics{background:#f8f9fa;min-height:100vh;padding:1.5rem}.analytics-loading{gap:1rem;padding:4rem}.analytics-loading,.premium-required{align-items:center;display:flex;flex-direction:column;justify-content:center}.premium-required{background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;margin:2rem auto;max-width:700px;padding:4rem 2rem;text-align:center}.premium-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 30px #667eea4d;display:flex;height:100px;justify-content:center;margin-bottom:2rem;width:100px}.premium-icon svg{color:#fff;height:50px;width:50px}.premium-required h2{color:#1a202c;font-size:2rem;font-weight:700;margin:0 0 1rem}.premium-required>p{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.premium-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;width:100%}.premium-feature-item{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;gap:.75rem;padding:1rem;text-align:left}.premium-feature-item svg{color:#667eea;flex-shrink:0;height:24px;width:24px}.premium-feature-item span{color:#334155;font-size:.9375rem;font-weight:500}.upgrade-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 6px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.upgrade-button:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px)}.upgrade-button svg{height:24px;width:24px}.premium-note{color:#94a3b8;font-size:.875rem;margin-top:1rem}.analytics-header{flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.analytics-header h2{color:#1a202c;font-size:2rem;font-weight:700;margin:0}.time-range-selector{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.5rem;padding:.25rem}.range-btn{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.range-btn:hover{background:#f7fafc}.range-btn.active{background:#4299e1;box-shadow:0 2px 4px #4299e14d;color:#fff}.analytics-summary{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background:#fff;box-shadow:0 2px 8px #00000014;display:flex;gap:1.25rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.metric-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:12px;display:flex;font-size:1.75rem;height:60px;justify-content:center;width:60px}.metric-icon.orders{background:#e6f7ff;color:#1890ff}.metric-icon.revenue{background:#e6fffb;color:#13c2c2}.metric-icon.average{background:#f9f0ff;color:#722ed1}.metric-icon.items{background:#fff7e6;color:#fa8c16}.metric-content{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#718096;font-size:.875rem;font-weight:500}.metric-value{color:#1a202c;font-size:1.75rem}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.analytics-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.section-header{border-bottom:2px solid #e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{align-items:center;color:#1a202c;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 .25rem}.section-header h3 svg{color:#4299e1}.section-subtitle{color:#718096;display:block;font-size:.875rem}.popular-items-list{display:flex;flex-direction:column;gap:1rem}.popular-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.popular-item:hover{background:#edf2f7;transform:translateX(4px)}.item-rank{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;width:40px}.item-details h4{color:#1a202c;font-size:1rem;font-weight:600;margin:0 0 .5rem}.item-stats{display:flex;flex-wrap:wrap;gap:1rem}.item-stats .stat{align-items:center;color:#4a5568;display:flex;font-size:.875rem;gap:.375rem}.item-stats .stat svg{color:#718096;font-size:.875rem}.item-revenue{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.revenue-amount{color:#48bb78;font-size:1.25rem;font-weight:700}.revenue-label{color:#718096;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.combo-list{display:flex;flex-direction:column;gap:1rem}.combo-item{align-items:center;background:#fffaf0;border:2px solid #feebc8;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.combo-item:hover{background:#fefcf8;border-color:#fbd38d}.combo-badge{background:#ed8936;border-radius:6px;color:#fff;font-size:.875rem;font-weight:700;min-width:45px;padding:.5rem .75rem;text-align:center}.combo-details{flex:1 1}.combo-items{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.combo-item-name{color:#1a202c;font-size:.9375rem;font-weight:600}.combo-plus{color:#ed8936;font-size:1.125rem;font-weight:700}.combo-stats{display:flex;font-size:.875rem;gap:1rem}.combo-revenue{color:#38a169;font-weight:600}.combo-confidence{color:#718096}.combo-action{align-items:center;display:flex}.btn-suggest{background:#ed8936;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-suggest:hover{background:#dd6b20;box-shadow:0 2px 6px #ed89364d;transform:translateY(-1px)}.empty-state{color:#718096}.empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-state p{font-size:1rem;margin:.5rem 0}.empty-state small{color:#a0aec0;font-size:.875rem}.analytics-insights{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.analytics-insights h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin:0 0 1rem}.insights-list{display:flex;flex-direction:column;gap:.75rem}.insight{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;color:#2d3748;font-size:.9375rem;line-height:1.6;padding:1rem}.insight strong{color:#1a202c;font-weight:600}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}}@media (max-width:768px){.menu-analytics{padding:1rem}.premium-required{margin:1rem;padding:2rem 1.5rem}.premium-icon{height:80px;width:80px}.premium-icon svg{height:40px;width:40px}.premium-required h2{font-size:1.5rem}.premium-features{grid-template-columns:1fr}.upgrade-button{font-size:1rem;padding:.875rem 2rem}.analytics-header{align-items:flex-start;flex-direction:column}.analytics-header h2{font-size:1.5rem}.time-range-selector{width:100%}.range-btn{flex:1 1;text-align:center}.analytics-summary{grid-template-columns:1fr}.metric-card{padding:1.25rem}.metric-icon{height:50px;width:50px}.metric-icon,.metric-value{font-size:1.5rem}.popular-item{align-items:flex-start;flex-direction:column}.item-revenue{align-items:flex-start;width:100%}.combo-item{align-items:flex-start;flex-direction:column}.btn-suggest,.combo-action{width:100%}}@media (max-width:480px){.item-stats{flex-direction:column;gap:.5rem}.combo-items{align-items:flex-start;flex-direction:column;gap:.25rem}.combo-plus{display:none}.combo-stats{flex-direction:column;gap:.25rem}}.subscription-management{margin:0 auto;max-width:1200px;padding:40px 20px}.subscription-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.subscription-loading .spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.subscription-message{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-size:15px;gap:12px;margin-bottom:30px;padding:16px 20px}.subscription-message.success{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.subscription-message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.subscription-message svg:first-child{height:20px;width:20px}.subscription-message span{flex:1 1}.subscription-message button{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;opacity:.6;padding:4px;transition:opacity .2s}.subscription-message button:hover{opacity:1}.subscription-header{margin-bottom:40px;text-align:center}.subscription-header h2{color:#1a202c;font-size:36px;font-weight:700;margin:0 0 12px}.subscription-header p{color:#64748b;font-size:18px}.current-plan-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 30px #667eea4d;color:#fff;display:flex;gap:16px;margin-bottom:40px;padding:20px 30px}.current-plan-badge svg{height:32px;width:32px}.current-plan-badge strong{display:block;font-size:20px;margin-bottom:4px}.current-plan-badge p{margin:0;opacity:.9}.plans-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:60px}.plan-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;padding:40px 30px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.plan-card.active{border-color:#667eea;box-shadow:0 10px 30px #667eea33}.plan-card.premium{border-color:#764ba2}.plan-card.premium.active{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.plan-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 4px 12px #667eea66;color:#fff;display:flex;font-size:14px;gap:6px;left:50%;padding:8px 20px;position:absolute;top:-15px;transform:translateX(-50%)}.plan-badge svg{height:16px;width:16px}.plan-header{border-bottom:2px solid #f1f5f9;margin-bottom:30px;padding-bottom:30px;text-align:center}.plan-header h3{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 20px}.plan-price{align-items:baseline;display:flex;gap:6px;justify-content:center}.plan-price .price{color:#667eea;font-size:48px;font-weight:700}.plan-card.premium .plan-price .price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.plan-price .period{color:#64748b;font-size:18px}.plan-features{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.feature{align-items:center;color:#334155;display:flex;font-size:15px;gap:12px}.feature.disabled{color:#94a3b8;opacity:.6}.feature svg{flex-shrink:0;height:20px;width:20px}.icon-check{color:#10b981}.icon-x{color:#94a3b8}.icon-premium{color:#764ba2}.feature strong{color:#1a202c}.plan-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.plan-button.current{background:#f1f5f9;color:#64748b;cursor:not-allowed}.plan-button.upgrade{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.plan-button.upgrade:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.plan-button.downgrade{background:#fff;border:2px solid #e2e8f0;color:#64748b}.plan-button.downgrade:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.plan-button:disabled{cursor:not-allowed;opacity:.6}.subscription-faq{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;padding:40px}.subscription-faq h3{align-items:center;color:#1a202c;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 30px}.subscription-faq h3 svg{color:#667eea;height:32px;width:32px}.faq-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item{background:#f8fafc;border-left:4px solid #667eea;padding:20px}.faq-item h4{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 12px}.faq-item p{color:#64748b;font-size:15px;line-height:1.6;margin:0}.modal-overlay{animation:fadeIn .2s ease-out;background:#00000080}.modal-content{animation:slideUp .3s ease-out;border-radius:20px;max-width:500px}.modal-header h3{color:#1a202c;font-size:24px;font-weight:700;margin:0}.modal-header button{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;padding:8px;transition:color .2s}.modal-header button:hover{color:#1a202c}.modal-header button svg{height:24px;width:24px}.upgrade-summary{text-align:center}.upgrade-icon{color:#667eea;height:60px;margin-bottom:20px;width:60px}.upgrade-summary h4{color:#1a202c;font-size:22px;font-weight:700;margin:0 0 12px}.upgrade-summary p{color:#64748b;font-size:16px;margin:0 0 24px}.upgrade-summary strong{color:#667eea;font-weight:700}.upgrade-summary ul{list-style:none;margin:0;padding:0;text-align:left}.upgrade-summary ul li{background:#f8fafc;border-radius:8px;color:#334155;font-size:15px;margin-bottom:8px;padding:12px 16px 12px 40px;position:relative}.upgrade-summary ul li:before{color:#10b981;content:"✓";font-weight:700;left:16px;position:absolute}.modal-footer button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-cancel{border:2px solid #e2e8f0;color:#64748b}.btn-cancel:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 20px #667eea80}.btn-cancel:disabled,.btn-confirm:disabled{opacity:.6}@media (max-width:768px){.subscription-management{padding:20px 15px}.subscription-header h2{font-size:28px}.subscription-header p{font-size:16px}.plans-container{gap:20px;grid-template-columns:1fr}.plan-card{padding:30px 20px}.plan-header h3{font-size:24px}.plan-price .price{font-size:40px}.current-plan-badge{padding:16px 20px}.current-plan-badge strong{font-size:18px}.subscription-faq{padding:30px 20px}.subscription-faq h3{font-size:24px}.faq-grid{gap:20px;grid-template-columns:1fr}.modal-content{margin:0 10px}.modal-footer{flex-direction:column}}.upgrade-error-banner{align-items:flex-start;animation:shake .4s ease-out;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;display:flex;gap:12px;margin-bottom:20px;padding:16px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.upgrade-error-banner .error-icon{color:#dc2626;flex-shrink:0;font-size:20px;margin-top:2px}.upgrade-error-banner .error-content{flex:1 1}.upgrade-error-banner .error-content strong{color:#991b1b;display:block;font-size:15px;margin-bottom:4px}.upgrade-error-banner .error-content p{color:#b91c1c;font-size:14px;line-height:1.5;margin:0 0 12px}.upgrade-error-banner .error-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-retry-upgrade{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-retry-upgrade:hover:not(:disabled){background:#b91c1c}.btn-retry-upgrade:disabled{cursor:not-allowed;opacity:.6}.btn-contact-support{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-contact-support:hover{background:#fef2f2}.btn-dismiss-error{background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:color .2s}.btn-dismiss-error:hover{color:#6b7280}.payment-required-modal .modal-body{text-align:center}.payment-required-content{padding:20px 0}.payment-required-icon{color:#667eea;font-size:60px;margin-bottom:20px}.payment-required-content h4{color:#1f2937;font-size:24px;margin:0 0 16px}.payment-required-content p{color:#4b5563;font-size:15px;line-height:1.6;margin:0 0 12px}.payment-required-content .payment-note{background:#f8fafc;border-radius:8px;color:#6b7280;font-size:13px;margin-bottom:20px;padding:12px}.payment-benefits{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:300px;text-align:left}.benefit-item{align-items:center;color:#374151;display:flex;font-size:14px;gap:10px}.benefit-item .benefit-icon{color:#10b981;flex-shrink:0;font-size:16px}.payment-setup-container{background:#fff;border-radius:12px;margin:0 auto;max-width:800px;padding:24px}.payment-setup-header{margin-bottom:24px}.payment-setup-header h2{align-items:center;color:#1a1a2e;display:flex;font-size:24px;font-weight:700;gap:10px;margin:0 0 8px}.payment-setup-header p{color:#6c757d;margin:0}.payment-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:8px;margin-bottom:24px;padding-bottom:0}.payment-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.payment-tab:hover{color:#1a1a2e}.payment-tab.active{border-bottom-color:#635bff;color:#635bff}.payment-alert{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.payment-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.payment-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.payment-alert button{background:none;border:none;cursor:pointer;font-size:18px;margin-left:auto;opacity:.7}.payment-alert button:hover{opacity:1}.payment-section{animation:fadeIn .3s ease}.stripe-section{background:#f8f9fa;border-radius:12px;padding:24px}.stripe-header{margin-bottom:24px;text-align:center}.stripe-logo{margin-bottom:12px}.stripe-header h3{color:#1a1a2e;font-size:20px;font-weight:600;margin:0 0 8px}.stripe-header p{color:#6c757d;margin:0}.stripe-loading{align-items:center;color:#6c757d;display:flex;gap:10px;justify-content:center;padding:40px}.spinning{animation:spin 1s linear infinite}.stripe-connected{text-align:center}.connected-badge{align-items:center;background:#dcfce7;border-radius:20px;color:#16a34a;display:inline-flex;font-weight:600;gap:6px;margin-bottom:20px;padding:8px 16px}.stripe-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.status-item{background:#fff;border-radius:8px;flex-direction:column;font-size:13px;gap:6px;padding:16px}.status-item.enabled{color:#16a34a}.status-item.disabled{color:#9ca3af}.status-icon{font-size:20px;font-weight:700}.stripe-warning{align-items:center;background:#fef3c7;border-radius:8px;color:#d97706;font-size:14px;gap:8px;margin-bottom:20px;padding:12px}.stripe-actions,.stripe-warning{display:flex;justify-content:center}.stripe-actions{gap:12px}.btn-stripe-dashboard{align-items:center;background:#635bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:background .2s ease}.btn-stripe-dashboard:hover:not(:disabled){background:#5046e4}.btn-stripe-dashboard:disabled{cursor:not-allowed;opacity:.6}.btn-refresh{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:12px 20px;transition:all .2s ease}.btn-refresh:hover{background:#f8f9fa;color:#1a1a2e}.stripe-not-connected{text-align:center}.stripe-benefits{background:#fff;border-radius:8px;margin-bottom:24px;padding:20px;text-align:left}.stripe-benefits h4{color:#1a1a2e;font-size:16px;font-weight:600;margin:0 0 12px}.stripe-benefits ul{list-style:none;margin:0;padding:0}.stripe-benefits li{align-items:center;color:#495057;display:flex;font-size:14px;gap:10px;padding:8px 0}.stripe-benefits li svg{color:#16a34a;flex-shrink:0}.btn-connect-stripe{align-items:center;background:#635bff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;transition:all .2s ease}.btn-connect-stripe:hover:not(:disabled){background:#5046e4;transform:translateY(-1px)}.btn-connect-stripe:disabled{cursor:not-allowed;opacity:.6}.stripe-note{color:#6c757d;font-size:13px;margin-top:16px}.tips-section{background:#f8f9fa;border-radius:12px;padding:24px}.tips-header{margin-bottom:24px}.tips-header h3{align-items:center;color:#1a1a2e;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 8px}.tips-header p{color:#6c757d;margin:0}.tips-section .form-group{margin-bottom:20px}.tips-section label{color:#1a1a2e;display:block;font-weight:500;margin-bottom:8px}.input-with-prefix{align-items:stretch;display:flex}.input-with-prefix .prefix{align-items:center;background:#e9ecef;border:1px solid #dee2e6;border-radius:8px 0 0 8px;border-right:none;color:#6c757d;display:flex;font-size:15px;justify-content:center;padding:0 14px}.input-with-prefix input{border:1px solid #dee2e6;border-radius:0 8px 8px 0;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease}.input-with-prefix input:focus{border-color:#635bff}.form-help{color:#6c757d;font-size:13px;margin-top:6px}.btn-save-tips{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .2s ease;width:100%}.btn-save-tips:hover:not(:disabled){background:#15803d}.btn-save-tips:disabled{cursor:not-allowed;opacity:.6}.tips-info{border-top:1px solid #dee2e6;margin-top:24px;padding-top:20px}.tips-info h4{color:#1a1a2e;font-size:14px;font-weight:600;margin:0 0 8px}.tips-info p{color:#6c757d;font-size:13px;line-height:1.6;margin:0}@media (max-width:768px){.payment-setup-container{padding:16px}.payment-tabs{flex-direction:column;gap:0}.payment-tab{border-bottom:none;border-left:2px solid #0000;justify-content:center}.payment-tab.active{background:#f8f9fa;border-bottom:none;border-left-color:#635bff}.stripe-status-grid{grid-template-columns:1fr}.stripe-actions{flex-direction:column}.btn-refresh,.btn-stripe-dashboard{justify-content:center;width:100%}}.contact-form-container{background:#fff;border:1px solid #e8eaed;border-radius:20px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;margin:0 auto;max-width:720px;overflow:hidden;padding:3rem;position:relative;width:100%}.contact-form-container:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#ff6b35,#e85a2a 50%,#ff6b35);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-content-full .contact-form-container{border:1px solid #e5e7eb;box-shadow:0 2px 12px #0000000f}.contact-form-header{margin-bottom:2.5rem;padding-top:.5rem;text-align:center}.contact-form-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .875rem}.contact-form-info{color:#6b7280;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:500px}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{gap:.75rem;margin-bottom:1.75rem;position:relative}.form-group:last-of-type{margin-bottom:0}.form-group label{color:#1f2937;font-size:.875rem;justify-content:space-between;letter-spacing:.01em;margin-bottom:.5rem;text-transform:none;transition:color .2s ease}.form-group:focus-within label{color:#ff6b35}.char-count{color:#9ca3af;font-size:.8125rem;font-weight:400;margin-left:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;font-size:1.125rem;left:1.125rem;pointer-events:none;position:absolute;transition:all .25s ease;z-index:1}.form-input:focus+.input-icon,.input-wrapper:focus-within .input-icon{color:#ff6b35;transform:scale(1.1)}.form-input,.form-select{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:.9375rem;font-weight:400;line-height:1.5;outline:none;padding:1rem 1.125rem 1rem 3rem;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.form-input:not(:disabled):hover,.form-select:not(:disabled):hover{background:#fff;border-color:#d1d5db}.form-input::placeholder{color:#9ca3af;opacity:1}.form-select{-webkit-appearance:none;appearance:none;background-color:#fafafa;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill='%236b7280' d='M9 12 4 7h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-left:1.125rem;padding-right:2.75rem}.form-select:focus,.form-select:not(:disabled):hover{background-color:#fff}.form-input:focus,.form-select:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b351f,0 2px 8px #ff6b3514;outline:none;transform:translateY(-1px)}.form-input:hover:not(:disabled):not(.error),.form-select:hover:not(:disabled):not(.error){border-color:#9ca3af}.form-input.error,.form-select.error{background-color:#fef2f2;border-color:#ef4444}.form-input.error:focus,.form-select.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-family:inherit;font-size:.9375rem;font-weight:400;line-height:1.6;min-height:150px;outline:none;padding:1rem 1.125rem;resize:vertical;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.form-textarea:not(:disabled):hover{background:#fff;border-color:#d1d5db}.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-textarea:focus{background-color:#fff;border-color:#ff6b35;box-shadow:0 0 0 4px #ff6b351f,0 2px 8px #ff6b3514;outline:none;transform:translateY(-1px)}.form-textarea:hover:not(:disabled):not(.error){border-color:#9ca3af}.form-textarea.error{background-color:#fef2f2;border-color:#ef4444}.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-help-text{color:#6b7280;font-style:italic}.error-message,.form-help-text{font-size:.8125rem;line-height:1.5;margin:.5rem 0 0}.error-message{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;display:flex;gap:.5rem;padding:.625rem .875rem}.error-message svg{flex-shrink:0;font-size:1rem}.general-error{font-size:.9rem;margin-top:1rem;padding:1rem}.success-message{align-items:center;display:flex;flex-direction:column;gap:.8rem}.success-icon{background:linear-gradient(135deg,#ff6b35,#e85a2a);box-shadow:0 4px 15px #ff6b354d;font-size:2.5rem;height:70px;width:70px}.success-message h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0}.success-message p{color:#6b7280;line-height:1.5;margin:0}.ticket-info{background:linear-gradient(135deg,#fef3f2,#fff5f1);border:1px solid #fecdca;border-radius:10px;margin:1rem 0;padding:1.5rem}.ticket-label{color:#9ca3af;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.ticket-id{color:#ff6b35;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;margin:0 0 .5rem;word-break:break-all}.ticket-help{color:#6b7280;font-size:.85rem;margin:0}.response-info{background:linear-gradient(135deg,#f0fdf4,#f1fdf5);border-left:4px solid #10b981;border-radius:10px;margin:1rem 0;padding:1.5rem;text-align:left}.response-info h4{color:#10b981;font-size:.95rem;font-weight:700;margin:0 0 .8rem}.response-info ul{list-style:none;margin:0;padding:0}.response-info li{color:#4b5563;font-size:.9rem;padding:.4rem 0 .4rem 1.5rem;position:relative}.response-info li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#e85a2a);border-radius:10px;box-shadow:0 4px 12px #ff6b354d,0 2px 4px #ff6b3533;display:inline-flex;font-size:.9375rem;gap:.5rem;justify-content:center;letter-spacing:.01em;min-height:48px;overflow:hidden;padding:1rem 2.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#e85a2a,#d14d22);box-shadow:0 6px 20px #ff6b3566,0 2px 6px #ff6b354d;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 8px #ff6b354d;transform:translateY(0)}.btn-primary:disabled{background:#d1d5db}.btn-secondary{align-items:center;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:inline-flex;font-size:.9375rem;justify-content:center;letter-spacing:.01em;min-height:48px;padding:1rem 2rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover:not(:disabled){background:#fffbf8;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3526;color:#ff6b35;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.5}.loading-spinner{animation:spin .6s linear infinite;border:2px solid #f3f4f6;border-top-color:#fff;display:inline-block;height:1rem;width:1rem}.form-actions{gap:.875rem}.form-actions,.form-footer{border-top:2px solid #f3f4f6;padding-top:2rem}.form-footer{margin-top:3rem;text-align:center}.form-footer p{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 1.25rem}.contact-options{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-link{align-items:center;background:#fffbf8;border:1px solid #0000;border-radius:8px;color:#ff6b35;display:inline-flex;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .25s ease}.contact-link:hover{background:#fff5f1;border-color:#ff6b35;box-shadow:0 2px 8px #ff6b3526;transform:translateY(-1px)}.separator{color:#d1d5db}@media (max-width:600px){.contact-form-container{border-radius:16px;margin:.5rem auto;padding:2rem 1.5rem}.contact-form-header h3{font-size:1.5rem}.form-actions{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{width:100%}.contact-form{gap:1rem}.form-group{gap:.4rem}.response-info{font-size:.9rem}.contact-options{flex-direction:column;gap:.5rem}.separator{display:none}}@media (max-width:380px){.contact-form-container{padding:1rem}.contact-form-header h3{font-size:1.1rem}.form-input,.form-select,.form-textarea{font-size:16px}.ticket-id{font-size:1rem}}.support-page{background:linear-gradient(135deg,#f8f9fa,#fff);min-height:100vh;padding:2rem 1rem}.dashboard-content-full .support-page{background:#0000;color:#1f2937;min-height:auto;padding:0}.support-header{background:linear-gradient(135deg,#ff6b35,#e85a2a);border-radius:16px;box-shadow:0 10px 30px #ff6b3533;margin-bottom:2rem;padding:3.5rem 2rem;text-align:center}.dashboard-content-full .support-header{border-radius:12px;margin-bottom:1.5rem;margin-left:0;margin-right:0;padding:2.5rem 2rem}.support-header-content{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:800px}.support-header-icon{animation:float 3s ease-in-out infinite;color:#fff;font-size:3rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.support-header h1{color:#fff;font-size:2.2rem;font-weight:800;margin:0}.support-header p{color:#fffffff2;font-size:1rem;line-height:1.6;margin:0;max-width:600px}.support-tabs{background:#fff;border:1px solid #e8eaed;border-radius:16px;box-shadow:0 6px 24px #00000014,0 2px 6px #0000000a;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:0 auto 2rem;max-width:1200px;padding:1.75rem 2rem}.dashboard-content-full .support-tabs{border-radius:12px;margin-bottom:1.5rem;margin-left:0;margin-right:0;padding:1rem 2rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;padding:.875rem 1.75rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.tab-button:hover:not(.active){background:#fffbf8;color:#ff6b35}.tab-button.active{background:linear-gradient(135deg,#fffbf8,#fff5f1);box-shadow:0 2px 8px #ff6b3526;color:#ff6b35;font-weight:700}.tab-button.active:after{background:linear-gradient(90deg,#ff6b35,#e85a2a);border-radius:2px;bottom:-1.25rem;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.tab-button svg{font-size:1.2rem}.support-content{margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-content-full .support-content{padding:0}.tab-content{animation:fadeIn .3s ease-in-out;background:#fff;border:1px solid #e8eaed;border-radius:20px;box-shadow:0 10px 40px #00000014,0 2px 8px #0000000a;overflow:hidden;padding:3rem;position:relative}.tab-content:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#ff6b35,#e85a2a 50%,#ff6b35);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-content-full .tab-content{border-radius:8px;box-shadow:0 4px 12px #00000014;padding:2rem}.contact-section{display:flex;flex-direction:column;gap:2rem}.contact-intro{margin-bottom:1rem;text-align:center}.contact-intro h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .75rem}.contact-intro p{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 auto;max-width:700px}.contact-form-wrapper{display:flex;justify-content:center;margin:1.5rem 0;width:100%}.contact-help{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:12px;box-shadow:0 2px 8px #0ea5e91a;margin-top:2rem;padding:1.75rem}.contact-help h3{align-items:center;color:#0ea5e9;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.contact-help ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.contact-help li{color:#475569;font-size:.95rem;line-height:1.6;padding-left:1.75rem;position:relative}.contact-help li:before{content:"💡";font-size:1.1rem;left:0;position:absolute}@keyframes shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.faq-section{display:flex;flex-direction:column;gap:1.5rem}.faq-section>h2{color:#1f2937;font-size:1.75rem;font-weight:700;margin:0 0 .5rem;text-align:center}.faq-intro{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 2rem;text-align:center}.faq-header{margin-bottom:1.5rem}.faq-header h2{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.faq-header p{color:#6b7280;font-size:.95rem;line-height:1.5;margin:0}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:0;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.faq-item:hover{border-color:#ff6b35;box-shadow:0 4px 12px #ff6b351a}.faq-item.expanded{border-color:#ff6b35;box-shadow:0 8px 24px #ff6b3533,0 2px 8px #ff6b351a;transform:translateY(-2px)}.faq-question{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);border:none;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:1rem;justify-content:space-between;min-height:50px;padding:1.2rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.faq-item:hover .faq-question{background:linear-gradient(135deg,#fffbf8,#fff5f1)}.faq-question-text{align-items:center;display:flex;flex:1 1;gap:.8rem}.faq-question-icon{color:#ff6b35;flex-shrink:0;font-size:1.3rem}.faq-icon{align-items:center;color:#ff6b35;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;padding:0 1.2rem;transition:all .3s ease}.faq-item.expanded .faq-answer{border-top:2px solid #e5e7eb;max-height:500px;padding:0 1.2rem 1.2rem}.faq-answer-text{color:#4b5563;font-size:.95rem;line-height:1.7}.faq-answer p{margin:0 0 .8rem}.faq-answer p:last-child{margin:0}.faq-answer-text strong{color:#1f2937;font-weight:700}.faq-answer-text a{color:#ff6b35;font-weight:600;text-decoration:none;transition:all .2s ease}.faq-answer-text a:hover{color:#e85a2a;text-decoration:underline}.faq-answer-text code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .5rem}.faq-answer-text ol,.faq-answer-text ul{margin:.8rem 0;padding-left:1.5rem}.faq-answer-text li{margin:.4rem 0}.support-info-box{background:linear-gradient(135deg,#fffbf8,#fff5f1);border-left:4px solid #ff6b35;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.support-info-box h4{color:#ff6b35;font-size:1rem;font-weight:700;margin:0 0 .8rem}.support-info-box p{color:#6b7280;font-size:.95rem;line-height:1.6;margin:.4rem 0}.support-info-box p:last-child{margin-bottom:0}.faq-footer{border-top:2px solid #e5e7eb;margin-top:3rem;padding-top:2rem;text-align:center}.faq-footer p{color:#6b7280;font-size:1rem;margin-bottom:1.5rem}.faq-footer .btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#e85a2a);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b3533;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:44px;padding:.875rem 2rem;transition:all .3s ease}.faq-footer .btn-primary:hover{background:linear-gradient(135deg,#e85a2a,#d14d22);box-shadow:0 6px 20px #ff6b354d;transform:translateY(-2px)}.faq-footer .btn-primary:active{transform:translateY(0)}.contact-channels,.info-section,.support-hours,.support-resources{display:none}@media (max-width:768px){.support-page{padding:1.5rem .5rem}.support-header{margin-bottom:1.5rem;padding:2.5rem 1.5rem}.support-header h1{font-size:1.8rem}.support-header p{font-size:.95rem}.support-tabs{gap:.25rem;margin-bottom:1.5rem;padding:1rem}.tab-button{font-size:.95rem;gap:.4rem;padding:.7rem 1.2rem}.tab-button.active:after{bottom:-.85rem}.support-content{padding:0 1rem}.tab-content{padding:1.5rem}.contact-intro h2{font-size:1.5rem}.contact-intro p{font-size:.95rem}.contact-section{gap:1.5rem}.contact-intro h2{font-size:1.4rem}.contact-form-wrapper{margin:1rem 0}.contact-help{margin-top:1rem;padding:1.25rem}.faq-question{padding:1rem}.faq-answer{padding:0 1rem}.faq-item.expanded .faq-answer{padding:0 1rem 1rem}.faq-header h2{font-size:1.5rem}}@media (max-width:480px){.support-page{padding:1rem .5rem}.support-header{border-radius:0;margin-bottom:1rem;padding:2rem 1rem}.dashboard-content-full .support-header{margin-bottom:1rem;padding:1.5rem 1rem}.support-header-icon{font-size:2.5rem}.support-header h1{font-size:1.5rem}.support-header p{font-size:.9rem}.support-tabs{border-radius:0;gap:.25rem;margin-bottom:1rem;padding:.8rem .5rem}.tab-button{font-size:.85rem;padding:.6rem 1rem}.tab-button.active:after{bottom:-.8rem}.support-content{padding:0 .5rem}.dashboard-content-full .support-content{padding:0}.tab-content{border-radius:0;margin-bottom:1rem;padding:1rem}.faq-question{font-size:.9rem;gap:.6rem;padding:.8rem}.faq-question-text{gap:.5rem}.faq-answer{padding:0 .8rem}.faq-item.expanded .faq-answer{padding:0 .8rem .8rem}.faq-header h2{font-size:1.2rem}.faq-answer-text{font-size:.9rem}.support-info-box{margin:1rem 0;padding:1rem}.faq-item{border-radius:8px}.contact-intro h2{font-size:1.5rem}.contact-intro p{font-size:.95rem}.contact-help{padding:1.25rem}.contact-help h3{font-size:1rem}.contact-help li{font-size:.9rem}}.support-page{color:#1f2937}.support-page a{color:#ff6b35;text-decoration:none;transition:color .2s ease}.support-page a:hover{color:#e85a2a;text-decoration:underline}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.section-header{gap:.75rem;margin-bottom:.5rem}.section-header h2{color:#1f2937;font-size:1.5rem;font-weight:700}.section-icon{color:#ff6b35;font-size:1.5rem}.section-intro{color:#6b7280;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.section-divider{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);height:2px;margin:2.5rem 0}.popular-faqs-section{margin-bottom:1rem}.popular-faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item.popular{background:linear-gradient(135deg,#fffbf8,#fff);border-color:#ff6b35;border-width:2px}.faq-item.popular:before{content:"⭐";font-size:.9rem;position:absolute;right:12px;top:-8px}.all-faqs-section{margin-top:1rem}.all-faqs-section h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 1.25rem}.faq-footer-cta{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f0f1f3);border:1px solid #e5e7eb;border-radius:16px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:2rem;padding:2rem}.cta-content h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.cta-content p{color:#6b7280;font-size:.95rem;margin:0}.cta-button{align-items:center;background:linear-gradient(135deg,#ff6b35,#e85a2a);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b3533;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease;white-space:nowrap}.cta-button:hover{background:linear-gradient(135deg,#e85a2a,#d14d22);box-shadow:0 6px 20px #ff6b354d;transform:translateY(-2px)}.urgent-help-section{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1.5rem}.urgent-help-card{align-items:flex-start;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:14px;box-shadow:0 4px 15px #f59e0b26;display:flex;gap:1rem;padding:1.5rem}.urgent-help-card.email-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f626}.urgent-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.urgent-icon.email-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.urgent-content{display:flex;flex-direction:column;gap:.25rem}.urgent-content h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.urgent-content p{color:#4b5563;font-size:.9rem;line-height:1.5;margin:0}.urgent-email-link,.urgent-phone-link{align-items:center;color:#1f2937;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-top:.5rem;text-decoration:none;transition:color .2s ease}.urgent-email-link:hover,.urgent-phone-link:hover{color:#ff6b35;text-decoration:none}.urgent-hours{color:#6b7280;font-size:.8rem;margin-top:.25rem}.response-times-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.response-times-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.response-times-section h3 svg{color:#ff6b35}.response-times-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.response-time-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.response-time-item.high{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5}.response-time-item.medium{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.response-time-item.low{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.priority-badge{border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.priority-badge.high{background:#ef4444;color:#fff}.priority-badge.medium{background:#f59e0b;color:#fff}.priority-badge.low{background:#22c55e;color:#fff}.time-value{color:#1f2937;font-size:1rem;font-weight:700}.time-desc{color:#6b7280;font-size:.8rem;line-height:1.4}.troubleshooting-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #0ea5e9;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.troubleshooting-section h3{align-items:center;color:#0ea5e9;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.troubleshooting-section>p{color:#475569;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.troubleshooting-checklist{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.checklist-item{align-items:center;background:#fff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:.75rem;padding:.75rem 1rem}.checklist-number{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:28px;justify-content:center;width:28px}.checklist-text{color:#1f2937;font-size:.95rem}.faq-link-btn{align-items:center;background:#fff;border:2px solid #0ea5e9;border-radius:8px;color:#0ea5e9;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s ease}.faq-link-btn:hover{background:#0ea5e9;color:#fff}.form-section{margin-top:1rem}.form-section h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.25rem}@media (max-width:768px){.response-times-grid,.urgent-help-section{grid-template-columns:1fr}.faq-footer-cta{flex-direction:column;padding:1.5rem}.cta-content,.faq-footer-cta{text-align:center}.cta-button{justify-content:center;width:100%}.section-header h2{font-size:1.3rem}}@media (max-width:480px){.urgent-help-card{flex-direction:column;padding:1.25rem;text-align:center}.urgent-content,.urgent-help-card{align-items:center}.response-time-item{padding:.85rem}.troubleshooting-section{padding:1.25rem}.checklist-item{padding:.6rem .85rem}.faq-link-btn{justify-content:center;width:100%}}.provider-dashboard-new{background:#f7fafc;display:flex;min-height:100vh}.error-container,.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);width:100%}.dashboard-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;position:relative;transition:width .3s;width:280px}.dashboard-sidebar.closed{width:80px}.logo-section{gap:12px}.logo-section,.provider-logo{align-items:center;display:flex}.provider-logo{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.provider-logo img{border-radius:12px;height:100%;object-fit:cover;width:100%}.provider-info h3{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.provider-info p{color:#718096;font-size:12px;margin:0}.sidebar-nav{padding:20px 16px}.nav-item{border-radius:8px;font-size:14px;margin-bottom:8px;padding:12px 16px}.nav-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-icon{align-items:center;display:flex;justify-content:center}.dashboard-sidebar.closed .nav-label{display:none}.btn-logout{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:center;margin:20px 16px;padding:12px 16px;transition:all .2s}.btn-logout:hover{background:#fed7d7;border-color:#fc8181;color:#c53030}.dashboard-main{flex:1 1;overflow-y:auto}.dashboard-content{margin:0 auto;max-width:1400px;padding:40px}.dashboard-content-full{margin:0;padding:0;width:100%}.content-header{margin-bottom:40px}.content-header h1{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 8px}.content-header p{color:#718096;font-size:16px;margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{gap:20px}.stat-card .stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.stat-card.revenue .stat-icon{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-card.orders .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.menu .stat-icon{background:linear-gradient(135deg,#f6ad55,#ed8936)}.stat-card.tips .stat-icon{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-value{color:#1a202c;font-size:28px;margin:0 0 4px}.stat-label{color:#a0aec0}.quick-actions{margin-bottom:40px}.quick-actions h2{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 24px}.actions-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:24px;text-align:center;transition:all .3s}.action-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-4px)}.action-card svg{color:#667eea;font-size:32px;margin-bottom:12px}.action-card h3{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 8px}.action-card p{color:#718096;font-size:14px;margin:0}.recent-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{color:#1a202c;font-size:20px;font-weight:600;margin:0}.section-header button{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.section-header button:hover{background:#edf2f7;border-color:#cbd5e0}.qr-section{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.qr-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:30px;text-align:center}.qr-card h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.qr-card p{color:#718096;font-size:14px;margin:0 0 24px}.qr-display{margin-top:20px}.redirect-message{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 40px;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:16px;padding:14px 32px;transition:all .2s}.btn-primary:hover{box-shadow:0 6px 20px #667eea66}.contact-section,.subscription-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:40px;text-align:center}@media (max-width:1024px){.dashboard-sidebar{bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);z-index:100}.dashboard-sidebar.open{transform:translateX(0)}.dashboard-main{width:100%}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.qr-section{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-content{padding:20px}.content-header h1{font-size:24px}.actions-grid,.stats-grid{grid-template-columns:1fr}}.payment-settings-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:24px}.payment-settings-container>div:first-child{max-width:100%}.payment-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:16px;height:fit-content;padding:24px}.payment-info-card h3{color:#0369a1;font-size:18px;font-weight:700;margin:0 0 16px}.payment-info-card ul{list-style:none;margin:0;padding:0}.payment-info-card li{border-bottom:1px solid #bae6fd;color:#0c4a6e;font-size:14px;line-height:1.6;padding:12px 0}.payment-info-card li:last-child{border-bottom:none}.payment-info-card li strong{color:#075985;display:block;margin-bottom:4px}@media (max-width:900px){.payment-settings-container{grid-template-columns:1fr}}.profile-setup-container{align-items:center;background:var(--primary-bg);display:flex;flex-direction:column;min-height:100vh;padding:1.5rem .5rem}.profile-setup-card{background:var(--dark-gray);border:1px solid #333;border-radius:18px;box-shadow:0 8px 32px #ff6b351a;margin:0 auto;max-width:420px;padding:2rem 1.2rem 1.5rem;width:100%}.profile-setup-title{color:var(--accent-orange);font-size:2rem;font-weight:800;margin-bottom:.5rem;text-align:center}.profile-setup-subtitle{color:#e0e0e0;font-size:1.05rem;margin-bottom:2rem;text-align:center}.profile-section-title{color:var(--light-text);font-size:1.15rem;font-weight:700;margin-bottom:1rem}.form-group{margin-bottom:1.2rem}.form-label{display:block;font-weight:500;margin-bottom:.4rem}.form-input,.form-label{color:var(--light-text);font-size:.98rem}.form-input{background-color:#2a2a2a;border:1px solid #333;border-radius:7px;padding:.65rem .9rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #ff6b351a;outline:none}.btn-primary{background:var(--accent-orange);border-radius:7px;color:var(--light-text);padding:.7rem 1.5rem;transition:background .2s,transform .2s}.btn-primary:disabled{opacity:.7}.btn-primary:hover:not(:disabled){background:var(--hover-orange);transform:scale(1.03)}.bg-error-color,.error-message{background:#ff3b3014;border:1px solid var(--error-color);border-radius:7px;color:var(--error-color);font-size:.98rem;margin-bottom:1.2rem;padding:.7rem 1rem;text-align:center}.qr-preview-box{align-items:center;background:#fff;border-radius:1rem;box-shadow:0 4px 16px #00000012;display:flex;flex-direction:column;margin-bottom:1rem;padding:1.5rem 1rem}.qr-preview-label{color:#888;font-size:.95rem;margin-top:.5rem}.profile-section-title .section-subtitle{color:#888;display:block;font-size:.85rem;font-weight:400;margin-top:.3rem}.basic-items-list{margin-bottom:1rem}.basic-item-row{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.basic-item-row,.item-info{align-items:center;display:flex}.item-info{flex:1 1;gap:.75rem}.item-number{color:var(--accent-orange);font-size:.9rem;font-weight:600}.item-details{display:flex;flex:1 1;flex-direction:column}.item-name{color:var(--light-text);font-size:.95rem;font-weight:500}.item-desc{color:#888;font-size:.8rem;margin-top:2px}.item-price{color:var(--accent-orange);font-size:.95rem;font-weight:600}.remove-item-btn{align-items:center;background:#0000;border:none;color:#ff6b6b;cursor:pointer;display:flex;padding:.5rem;transition:color .2s}.remove-item-btn:hover{color:#f44}.add-item-form{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:10px;margin-bottom:1rem;padding:1rem}.add-item-form .form-group{margin-bottom:.75rem}.add-item-form .form-input{font-size:.9rem;padding:.6rem .8rem}.price-input-wrapper{align-items:center;display:flex;position:relative}.price-icon{color:#888;font-size:1rem;left:12px;position:absolute}.price-input{padding-left:2rem!important}.item-form-actions{display:flex;gap:.75rem;margin-top:.75rem}.btn-secondary{background:#3a3a3a;border:none;color:#ccc;flex:1 1;font-size:.9rem;padding:.6rem 1rem;transition:background .2s}.btn-secondary:hover{background:#444}.btn-add-item{background:var(--accent-orange);border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.6rem 1rem;transition:background .2s}.btn-add-item:hover{background:var(--hover-orange)}.btn-show-item-form{align-items:center;background:#0000;border:2px dashed #3a3a3a;border-radius:8px;color:#888;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:1rem;padding:.8rem 1rem;transition:all .2s;width:100%}.btn-show-item-form:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.items-limit-note{color:#4caf50;font-size:.85rem;margin-bottom:1rem;text-align:center}.mobile-type-note{background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:1px solid #ff6b354d;border-radius:10px;display:flex;gap:.75rem;margin-bottom:1rem;margin-top:1.5rem;padding:1rem}.mobile-type-note .note-icon{font-size:1.5rem}.mobile-type-note p{color:#ccc;font-size:.9rem;line-height:1.5;margin:0}.mobile-type-note strong{color:var(--accent-orange)}@media (max-width:500px){.profile-setup-card{border-radius:10px;max-width:98vw;padding:1.2rem .3rem 1rem}.profile-setup-title{font-size:1.3rem}.basic-item-row{padding:.6rem .75rem}.item-form-actions{flex-direction:column}}:root{--snake-primary:linear-gradient(135deg,#6c5ce7,#a29bfe);--snake-secondary:linear-gradient(135deg,#8b7cff,#b8a9ff);--snake-accent:linear-gradient(135deg,#00d4aa,#00b894);--snake-danger:linear-gradient(135deg,#ff6b6b,#ff8e53);--snake-bg:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0f0f0f);--snake-card:linear-gradient(145deg,#1e1e23f2,#19191efa 50%,#141419f2);--snake-glass:linear-gradient(145deg,#ffffff1a,#ffffff0d);--snake-body:#6c5ce7;--snake-head:#8b7cff;--snake-food:#ff6b6b;--snake-grid:#ffffff0d;--snake-screen:#0f0f14cc;--font-family:"Inter","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif}.nokia-snake-container{align-items:center;animation:gradientShift 15s ease infinite;animation:containerEntrance .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#0f0f0f 50%,#1a1a1a 75%,#0f0f0f);background:var(--snake-bg);background-size:400% 400%;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);left:50%;margin:0 auto;max-width:480px;overflow:hidden;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:100}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.nokia-display{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e1e23f2,#19191efa 50%,#141419f2);background:var(--snake-card);border:none;border-bottom:1px solid #ffffff1a;border-radius:0;box-shadow:none;display:flex;flex-direction:column;margin-bottom:0;padding:32px 24px;width:100%}.nokia-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--snake-primary);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-.02em;margin:0 0 24px;text-align:center}.nokia-scores{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-bottom:24px;padding:20px 24px;width:100%}.nokia-scores>div{align-items:center;display:flex;flex-direction:column;gap:4px}.nokia-scores .score-label{font-size:.85rem;letter-spacing:.5px;opacity:.7;text-transform:uppercase}.nokia-scores .score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#00b894);background:var(--snake-accent);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.nokia-canvas-container{display:flex;justify-content:center;margin-bottom:24px;padding:0 24px;position:relative;width:100%}.nokia-canvas{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f14cc;background:var(--snake-screen);border:2px solid #6c5ce74d;border-radius:20px;box-shadow:0 8px 32px #6c5ce733,inset 0 1px 0 #ffffff1a;max-width:100%;transition:all .3s ease}.nokia-canvas:hover{border-color:#6c5ce780;box-shadow:0 12px 40px #6c5ce74d,inset 0 1px 0 #fff3}.nokia-start-text{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #fff3;border-radius:12px;color:#fff;font-size:1.2rem;font-weight:600;left:50%;padding:16px 24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.nokia-controls{background:linear-gradient(145deg,#1e1e23f2,#19191efa 50%,#141419f2);background:var(--snake-card);border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:24px;width:100%}.nokia-dpad{align-items:center;display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.nokia-horizontal-buttons{display:flex;gap:4px;justify-content:center}.nokia-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 20px #0003,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:64px}.nokia-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nokia-button:hover:before{left:100%}.nokia-button:hover{border-color:#6c5ce766;box-shadow:0 12px 25px #0000004d,0 0 20px #6c5ce733,inset 0 1px 0 #fff3;transform:translateY(-2px)}.nokia-button:active{box-shadow:0 4px 10px #0003,inset 0 2px 4px #0003;transform:translateY(0)}.nokia-arrow{font-size:24px;font-weight:600;text-shadow:0 1px 2px #0000004d;-webkit-user-select:none;user-select:none}.nokia-down,.nokia-left,.nokia-right,.nokia-up{border-radius:16px}.nokia-middle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 4px 8px #0000004d;height:64px;position:relative;width:64px}.nokia-middle:after{background:#6c5ce799;border-radius:50%;box-shadow:0 0 10px #6c5ce766;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.nokia-action-buttons{display:flex;gap:16px;justify-content:center;margin-bottom:24px;padding:0 24px;width:100%}.nokia-action-button{background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--snake-primary);border:none;border-radius:12px;box-shadow:0 6px 20px #6c5ce74d,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.9rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:all .3s ease}.nokia-action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nokia-action-button:hover:before{left:100%}.nokia-action-button:hover{box-shadow:0 8px 25px #6c5ce766,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.nokia-action-button:active{box-shadow:0 3px 10px #6c5ce74d,inset 0 2px 4px #0003;transform:translateY(0)}.nokia-speed-selector{align-items:center;display:flex;font-weight:600;justify-content:center;margin-bottom:24px;padding:0 24px}.nokia-speed-dropdown,.nokia-speed-selector{color:#fff;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.nokia-speed-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #fff3;border-radius:8px;cursor:pointer;font-weight:500;margin-left:12px;padding:8px 16px;transition:all .3s ease}.nokia-speed-dropdown:hover{border-color:#6c5ce766;box-shadow:0 4px 15px #6c5ce733}.nokia-speed-dropdown:focus{border-color:#6c5ce799;box-shadow:0 0 0 3px #6c5ce733;outline:none}.nokia-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #ffffff1a;border-radius:16px;color:#ffffffb3;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:.85rem;line-height:1.6;margin-top:16px;padding:20px 24px;text-align:center;width:100%}.nokia-instructions p{margin:8px 0}.speed-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.speed-modal{animation:modalSlideIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e1e23f2,#19191efa 50%,#141419f2);background:var(--snake-card);border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff1a;max-width:360px;padding:32px;width:90%}.speed-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c5ce7,#a29bfe);background:var(--snake-primary);-webkit-background-clip:text;background-clip:text;color:#fff;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin-bottom:32px;margin-top:0;text-align:center}.speed-options{display:flex;flex-direction:column;gap:16px}.speed-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.speed-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.speed-option:hover:before{left:100%}.speed-option:hover{border-color:#6c5ce766;box-shadow:0 8px 25px #0000004d,0 0 20px #6c5ce733;transform:translateY(-2px)}.speed-option:active{box-shadow:0 4px 10px #0003;transform:translateY(0)}.nokia-back-button{align-items:center;align-self:flex-start;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:500;gap:8px;margin-bottom:16px;padding:12px 16px;transition:all .3s ease}.nokia-back-button:before{content:"←";font-size:1.2rem}.nokia-back-button:hover{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--snake-glass);color:#fff}@media (max-width:480px){.nokia-snake-container{border-radius:0;height:100vh;left:0;margin:0;max-width:100%;padding:0;position:fixed;top:0;transform:none;width:100vw}.nokia-display{padding:24px 16px}.nokia-title{font-size:1.8rem;margin-bottom:16px}.nokia-scores{margin-bottom:16px;padding:16px 20px}.nokia-canvas-container{margin-bottom:16px;padding:0 16px}.nokia-button,.nokia-middle{height:56px;width:56px}.nokia-arrow{font-size:20px}.nokia-action-buttons{flex-wrap:wrap;gap:12px;padding:0 16px}.nokia-action-button{font-size:.8rem;padding:10px 20px}.nokia-controls{padding:16px}.speed-modal{margin:16px;padding:24px}.speed-modal h2{font-size:1.5rem;margin-bottom:24px}.nokia-instructions{font-size:.8rem;padding:16px 20px}}@media (max-width:360px){.nokia-button,.nokia-middle{height:48px;width:48px}.nokia-arrow{font-size:18px}.nokia-action-button{font-size:.75rem;padding:8px 16px}}:root{--trivia-primary:linear-gradient(135deg,#667eea,#764ba2);--trivia-secondary:linear-gradient(135deg,#f093fb,#f5576c);--trivia-accent:linear-gradient(135deg,#4facfe,#00f2fe);--trivia-success:linear-gradient(135deg,#11998e,#38ef7d);--trivia-danger:linear-gradient(135deg,#ff416c,#ff4b2b);--trivia-warning:linear-gradient(135deg,#f7971e,#ffd200);--trivia-bg:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0f0f23);--trivia-card:linear-gradient(145deg,#191928f2,#141423fa 50%,#0f0f1ef2);--trivia-glass:linear-gradient(145deg,#ffffff1a,#ffffff0d);--trivia-surface:#ffffff14;--trivia-text-primary:#fff;--trivia-text-secondary:#fffc;--trivia-text-muted:#fff9;--trivia-border:#ffffff26;--trivia-border-focus:#667eea80;--trivia-font:"Inter","Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--trivia-shadow-sm:0 4px 20px #00000026;--trivia-shadow-md:0 8px 32px #0003;--trivia-shadow-lg:0 20px 60px #0000004d;--trivia-shadow-glow:0 0 30px #667eea4d}.trivia-container{animation:backgroundFloat 20s ease infinite;animation:containerEntrance .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0f0f23);background:var(--trivia-bg);background-size:400% 400%;border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff26,inset 0 1px 0 #ffffff1a;box-shadow:var(--trivia-shadow-lg),0 0 0 1px var(--trivia-border),inset 0 1px 0 #ffffff1a;font-family:Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--trivia-font);margin:0 auto;max-width:900px;overflow:hidden;position:relative;width:100%}@keyframes backgroundFloat{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes containerEntrance{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.trivia-container:before{animation:particleFloat 15s ease infinite;background:radial-gradient(circle at 20% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%),radial-gradient(circle at 40% 60%,#4facfe0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes particleFloat{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.trivia-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#191928f2,#141423fa 50%,#0f0f1ef2);background:var(--trivia-card);border-bottom:1px solid #ffffff26;border-bottom:1px solid var(--trivia-border);color:#fff;color:var(--trivia-text-primary);overflow:hidden;padding:32px 24px;position:relative}.trivia-header:after{background:linear-gradient(45deg,#0000 30%,#ffffff05 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.trivia-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--trivia-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0;position:relative;text-align:center}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3) drop-shadow(0 0 20px rgba(102,126,234,.4))}}.trivia-stats{align-items:center;display:flex;font-weight:600;justify-content:space-between;margin-top:24px}.trivia-stats>*{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:12px;font-size:.9rem;padding:8px 16px}.trivia-progress-bar{background:#ffffff14;background:var(--trivia-surface);border-radius:999px;box-shadow:inset 0 2px 4px #0003;height:8px;margin-top:20px;overflow:hidden;position:relative;width:100%}.trivia-progress-fill{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--trivia-success);border-radius:999px;box-shadow:0 0 20px #11998e66,0 0 40px #38ef7d33;height:100%;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1)}.trivia-progress-fill:after{animation:progressShimmer 2s ease infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.trivia-question-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#191928f2,#141423fa 50%,#0f0f1ef2);background:var(--trivia-card);min-height:500px;padding:32px 24px;position:relative}.trivia-question-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.trivia-category{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:999px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);color:#fff;color:var(--trivia-text-primary);display:inline-flex;font-size:.85rem;font-weight:600;padding:8px 16px}.trivia-category svg{height:16px;margin-right:8px;width:16px}.trivia-timer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:12px;color:#fff;color:var(--trivia-text-primary);display:flex;font-size:1.1rem;font-weight:700;padding:8px 16px;position:relative}.trivia-timer svg{height:20px;margin-right:8px;width:20px}.trivia-timer-bar{background:linear-gradient(135deg,#f7971e,#ffd200);background:var(--trivia-warning);border-radius:999px;bottom:-4px;box-shadow:0 0 10px #f7971e66;height:3px;left:8px;position:absolute;right:8px;transition:width 1s linear}.trivia-question{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:16px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);color:#fff;color:var(--trivia-text-primary);font-size:1.6rem;font-weight:700;line-height:1.4;margin-bottom:32px;padding:24px;text-align:center}.trivia-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}@media (min-width:640px){.trivia-options{grid-template-columns:repeat(2,1fr)}}.trivia-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:2px solid #ffffff26;border:2px solid var(--trivia-border);border-radius:16px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);color:#fff;color:var(--trivia-text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.trivia-option:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.trivia-option:hover:before{left:100%}.trivia-option:hover{border-color:#667eea80;border-color:var(--trivia-border-focus);box-shadow:0 8px 32px #0003,0 0 30px #667eea4d;box-shadow:var(--trivia-shadow-md),var(--trivia-shadow-glow);transform:translateY(-4px) scale(1.02)}.trivia-option-letter{align-items:center;background:#ffffff14;background:var(--trivia-surface);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:50%;color:#fff;color:var(--trivia-text-primary);display:flex;flex-shrink:0;font-size:1rem;font-weight:800;height:32px;justify-content:center;margin-right:16px;transition:all .3s ease;width:32px}.trivia-option:hover .trivia-option-letter{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--trivia-primary);box-shadow:0 0 20px #667eea66;color:#fff;transform:scale(1.1)}.trivia-option-selected{background:linear-gradient(145deg,#667eea1a,#764ba20d);border-color:#667eea99;transform:scale(1.02)}.trivia-option-selected .trivia-option-letter{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--trivia-primary);box-shadow:0 0 20px #667eea66;color:#fff}.trivia-option-correct{animation:correctPulse .6s ease;background:linear-gradient(145deg,#11998e26,#38ef7d0d);border-color:#11998e99}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1.02)}}.trivia-option-correct .trivia-option-letter{background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--trivia-success);box-shadow:0 0 20px #11998e66;color:#fff}.trivia-option-correct:after{color:#11998e;content:"✓";font-size:1.4rem;font-weight:800;position:absolute;right:24px;text-shadow:0 0 10px #11998e66}.trivia-option-incorrect{animation:incorrectShake .6s ease;background:linear-gradient(145deg,#ff416c26,#ff4b2b0d);border-color:#ff416c99}@keyframes incorrectShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.trivia-option-incorrect .trivia-option-letter{background:linear-gradient(135deg,#ff416c,#ff4b2b);background:var(--trivia-danger);box-shadow:0 0 20px #ff416c66;color:#fff}.trivia-option-incorrect:after{color:#ff416c;content:"✗";font-size:1.4rem;font-weight:800;position:absolute;right:24px;text-shadow:0 0 10px #ff416c66}.trivia-feedback{animation:fadeInUp .5s ease forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:16px;margin-top:24px;overflow:hidden;padding:20px 24px;position:relative}.trivia-feedback:before{animation:shimmer 2s infinite;background:linear-gradient(135deg,#11998e,#38ef7d);background:var(--trivia-success);content:"";height:4px;left:0;position:absolute;right:0;top:0}.trivia-feedback-correct{background:linear-gradient(145deg,#11998e1a,#38ef7d0d);border-left:4px solid linear-gradient(135deg,#11998e,#38ef7d);border-left:4px solid var(--trivia-success)}.trivia-feedback-correct:before{background:linear-gradient(90deg,linear-gradient(135deg,#11998e,#38ef7d),#38ef7d);background:linear-gradient(90deg,var(--trivia-success),#38ef7d)}.trivia-feedback-incorrect{background:linear-gradient(145deg,#ff416c1a,#ff4b2b0d);border-left:4px solid linear-gradient(135deg,#ff416c,#ff4b2b);border-left:4px solid var(--trivia-danger)}.trivia-feedback-incorrect:before{background:linear-gradient(90deg,linear-gradient(135deg,#ff416c,#ff4b2b),#ff4b2b);background:linear-gradient(90deg,var(--trivia-danger),#ff4b2b)}.trivia-feedback-title{align-items:center;color:#fff;color:var(--trivia-text-primary);display:flex;font-size:1.25rem;font-weight:700;margin-bottom:8px}.trivia-feedback-title:before{content:"💡";font-size:1.1em;margin-right:8px}.trivia-feedback-message{color:#fffc;color:var(--trivia-text-secondary);font-size:1rem;line-height:1.5}.trivia-setup-screen{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:24px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--trivia-shadow-lg);margin:0 auto;max-width:600px;overflow:hidden;padding:40px;position:relative}.trivia-setup-screen:before{background:radial-gradient(circle at 20% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.trivia-setup-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:var(--trivia-gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:2.5rem;font-weight:800;margin-bottom:32px;position:relative;text-align:center}.trivia-setup-title:after{background:var(--trivia-gradient-primary);border-radius:999px;bottom:-12px;box-shadow:0 0 20px #667eea66;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}.trivia-setup-section{margin-bottom:32px}.trivia-setup-label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:12px}.trivia-setup-label,.trivia-setup-select{color:#fff;color:var(--trivia-text-primary)}.trivia-setup-select{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:2px solid #ffffff26;border:2px solid var(--trivia-border);border-radius:16px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);cursor:pointer;font-size:1rem;font-weight:500;padding:16px 48px 16px 20px;transition:all .3s ease;width:100%}.trivia-setup-select:focus{border-color:#667eea80;border-color:var(--trivia-border-focus);box-shadow:0 8px 32px #0003,0 0 0 3px #667eea1a;box-shadow:var(--trivia-shadow-md),0 0 0 3px #667eea1a;outline:none;transform:translateY(-2px)}.trivia-setup-categories{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px}.trivia-category-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:2px solid #ffffff26;border:2px solid var(--trivia-border);border-radius:16px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);color:#fff;color:var(--trivia-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:.9rem;font-weight:600;overflow:hidden;padding:16px 12px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.trivia-category-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.trivia-category-button:hover:before{left:100%}.trivia-category-button:hover{border-color:#667eea80;border-color:var(--trivia-border-focus);box-shadow:0 8px 32px #0003,0 0 30px #667eea4d;box-shadow:var(--trivia-shadow-md),var(--trivia-shadow-glow);transform:translateY(-4px) scale(1.02)}.trivia-category-button-selected{background:linear-gradient(145deg,#667eea1a,#764ba20d);border-color:#667eea99;transform:scale(1.02)}.trivia-category-icon{font-size:1.8rem;margin-bottom:8px;transition:transform .3s ease}.trivia-category-button:hover .trivia-category-icon{transform:scale(1.1)}.trivia-start-button{background:var(--trivia-gradient-primary);border:none;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 30px #667eea4d;box-shadow:var(--trivia-shadow-md),0 0 30px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:32px auto 16px;max-width:300px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.trivia-start-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.trivia-start-button:hover:before{left:100%}.trivia-start-button:hover{box-shadow:0 20px 60px #0000004d,0 0 40px #667eea66;box-shadow:var(--trivia-shadow-lg),0 0 40px #667eea66;transform:translateY(-4px) scale(1.02)}.trivia-start-button:active{transform:translateY(-2px) scale(1.01)}.trivia-highscore{color:#fffc;color:var(--trivia-text-secondary);font-size:1rem;font-weight:600;margin-top:16px;text-align:center}.trivia-highscore-value{color:linear-gradient(135deg,#667eea,#764ba2);color:var(--trivia-primary);font-size:1.1em;font-weight:700}.trivia-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:24px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--trivia-shadow-lg);margin:0 auto;max-width:600px;overflow:hidden;padding:40px;position:relative;text-align:center}.trivia-results:before{background:radial-gradient(circle at 30% 30%,#667eea1a 0,#0000 50%),radial-gradient(circle at 70% 70%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.trivia-results-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:var(--trivia-gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:8px}.trivia-results-subtitle{color:#fffc;color:var(--trivia-text-secondary);font-size:1.2rem;font-weight:500;margin-bottom:32px}.trivia-results-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.trivia-results-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:16px;overflow:hidden;padding:24px 16px;position:relative;transition:all .3s ease}.trivia-results-stat:before{background:var(--trivia-gradient-primary);border-radius:999px;content:"";height:3px;left:0;position:absolute;right:0;top:0}.trivia-results-stat:hover{box-shadow:0 8px 32px #0003;box-shadow:var(--trivia-shadow-md);transform:translateY(-4px)}.trivia-results-stat-value{-webkit-text-fill-color:#0000;background:var(--trivia-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--trivia-text-primary);font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:4px}.trivia-results-stat-label{color:#fffc;color:var(--trivia-text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.trivia-new-highscore{align-items:center;animation:newHighscorePulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f59e0b33,#fbbf241a);border:1px solid #f59e0b4d;border-radius:16px;color:linear-gradient(135deg,#f7971e,#ffd200);color:var(--trivia-warning);display:flex;font-weight:700;justify-content:center;margin:-16px 0 24px;padding:16px 20px}@keyframes newHighscorePulse{0%,to{box-shadow:0 0 0 0 #f59e0b66;transform:scale(1)}50%{box-shadow:0 0 0 10px #f59e0b00;transform:scale(1.02)}}.trivia-new-highscore svg{animation:spin 2s linear infinite;color:linear-gradient(135deg,#f7971e,#ffd200);color:var(--trivia-warning);height:24px;margin-right:8px;width:24px}.trivia-summary-title{color:#fff;color:var(--trivia-text-primary);font-size:1.4rem;font-weight:700;margin-bottom:20px;text-align:center}.trivia-summary-list{margin-bottom:24px;max-height:300px;overflow-y:auto;padding-right:8px;text-align:center}.trivia-summary-list::-webkit-scrollbar{width:6px}.trivia-summary-list::-webkit-scrollbar-track{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border-radius:10px}.trivia-summary-list::-webkit-scrollbar-thumb{background:#ffffff26;background:var(--trivia-border);border-radius:10px}.trivia-summary-list::-webkit-scrollbar-thumb:hover{background:#667eea80;background:var(--trivia-border-focus)}.trivia-summary-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff1a,#ffffff0d);background:var(--trivia-glass);border:1px solid #ffffff26;border:1px solid var(--trivia-border);border-radius:16px;box-shadow:0 4px 20px #00000026;box-shadow:var(--trivia-shadow-sm);display:inline-block;margin-bottom:12px;padding:16px 20px;text-align:left;transition:all .3s ease;width:100%}.trivia-summary-item:hover{box-shadow:0 8px 32px #0003;box-shadow:var(--trivia-shadow-md);transform:translateY(-2px)}.trivia-summary-question{color:#fff;color:var(--trivia-text-primary);font-size:.95rem;font-weight:600;margin-bottom:8px}.trivia-summary-answer{align-items:center;color:#fffc;color:var(--trivia-text-secondary);display:flex;font-size:.9rem}.trivia-summary-answer svg{flex-shrink:0;height:16px;margin-right:8px;width:16px}.trivia-playagain-button{background:var(--trivia-gradient-primary);border:none;border-radius:16px;box-shadow:0 8px 32px #0003,0 0 30px #667eea4d;box-shadow:var(--trivia-shadow-md),0 0 30px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin:0 auto;max-width:300px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.trivia-playagain-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.trivia-playagain-button:hover:before{left:100%}.trivia-playagain-button:hover{box-shadow:0 20px 60px #0000004d,0 0 40px #667eea66;box-shadow:var(--trivia-shadow-lg),0 0 40px #667eea66;transform:translateY(-4px) scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.trivia-container{margin:16px;padding:16px}.trivia-results,.trivia-setup-screen{border-radius:20px;margin:16px;padding:24px}.trivia-results-title,.trivia-setup-title{font-size:2rem}.trivia-question-container{border-radius:20px;margin:16px;padding:20px}.trivia-question{font-size:1.3rem;padding:20px}.trivia-option{font-size:1rem;padding:16px 20px}.trivia-results-stats{gap:16px;grid-template-columns:1fr}.trivia-results-stat{padding:20px 16px}.trivia-results-stat-value{font-size:2rem}.trivia-setup-categories{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.trivia-category-button{font-size:.85rem;padding:12px 8px}.trivia-category-icon{font-size:1.5rem}}@media (max-width:480px){.trivia-container{margin:8px;padding:12px}.trivia-results,.trivia-setup-screen{margin:8px;padding:20px}.trivia-results-title,.trivia-setup-title{font-size:1.8rem}.trivia-question-container{margin:8px;padding:16px}.trivia-question{font-size:1.1rem;padding:16px}.trivia-option{font-size:.95rem;padding:14px 16px}.trivia-option-letter{font-size:.9rem;height:28px;margin-right:12px;width:28px}.trivia-setup-categories{gap:10px;grid-template-columns:repeat(2,1fr)}.trivia-question-header{flex-direction:column;gap:12px;margin-bottom:20px}.trivia-category,.trivia-timer{font-size:.8rem;padding:6px 12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.trivia-background:after,.trivia-background:before,.trivia-results:before,.trivia-setup-screen:before{animation:none!important}.trivia-category-button:before,.trivia-option:before,.trivia-playagain-button:before,.trivia-start-button:before{display:none!important}}.trivia-countdown{align-items:center;animation:countdownFade 1s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000c,#0009);bottom:0;color:#fff;display:flex;font-size:6rem;font-weight:800;justify-content:center;left:0;position:absolute;right:0;text-shadow:0 0 30px #ffffff80;top:0}@keyframes countdownFade{0%{opacity:1;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}80%{opacity:.8;transform:scale(1.1)}to{display:none;opacity:0;transform:scale(1.5)}}.trivia-streak{align-items:center;animation:streakPulse 2s infinite;background:linear-gradient(135deg,linear-gradient(135deg,#f7971e,#ffd200),#fbbf24);background:linear-gradient(135deg,var(--trivia-warning),#fbbf24);border-radius:999px;box-shadow:0 4px 12px #f59e0b4d,0 0 0 0 #f59e0b66;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;padding:8px 16px;text-shadow:0 1px 2px #0000001a}.trivia-streak svg{animation:twinkle 1.5s ease-in-out infinite alternate;height:16px;margin-right:6px;width:16px}@keyframes streakPulse{0%{box-shadow:0 4px 12px #f59e0b4d,0 0 0 0 #f59e0b66;transform:scale(1)}50%{box-shadow:0 6px 16px #f59e0b66,0 0 0 8px #f59e0b00;transform:scale(1.05)}to{box-shadow:0 4px 12px #f59e0b4d,0 0 0 0 #f59e0b00;transform:scale(1)}}@keyframes twinkle{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.3);transform:scale(1.1)}}:root{--puzzle-primary:#ff8c00;--puzzle-primary-dark:#e67e00;--puzzle-primary-light:#ffb84d;--puzzle-secondary:#212121;--puzzle-secondary-light:#303030;--puzzle-secondary-dark:#0a0a0a;--puzzle-accent:#ff4d00;--puzzle-white:#fff;--puzzle-light-gray:#e5e5e5;--puzzle-mid-gray:#9e9e9e;--puzzle-dark-gray:#444;--puzzle-text-light:#f5f5f5;--puzzle-text-dark:#212121;--puzzle-shadow:#0000004d;--puzzle-success:#10b981;--puzzle-warning:#f59e0b;--puzzle-danger:#ef4444}.puzzle-game-container{align-items:center;background-color:#303030;background-color:var(--puzzle-secondary-light);border-radius:16px;box-shadow:0 10px 20px #0000004d;box-shadow:0 10px 20px var(--puzzle-shadow);color:#f5f5f5;color:var(--puzzle-text-light);display:flex;flex-direction:column;margin:0 auto;max-width:500px;min-height:80vh;padding:15px;transition:all .3s ease;width:100%}.puzzle-welcome-screen{background:linear-gradient(135deg,#212121,#0a0a0a);background:linear-gradient(135deg,var(--puzzle-secondary) 0,var(--puzzle-secondary-dark) 100%);border:1px solid #444;border:1px solid var(--puzzle-dark-gray);border-radius:16px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -5px #0003;margin:0 auto;max-width:450px;overflow:hidden;padding:2rem;position:relative;width:100%}.puzzle-welcome-screen:before{background:linear-gradient(90deg,#ff8c00,#ff4d00);background:linear-gradient(90deg,var(--puzzle-primary) 0,var(--puzzle-accent) 100%);content:"";height:8px;left:0;position:absolute;top:0;width:100%}.puzzle-welcome-title{color:#ff8c00;color:var(--puzzle-primary);font-size:2rem;font-weight:800;margin-bottom:1.5rem;text-align:center;text-shadow:0 2px 4px #0000004d}.puzzle-welcome-description{color:#e5e5e5;color:var(--puzzle-light-gray);line-height:1.6;margin-bottom:1.5rem;text-align:center}.puzzle-difficulty-section{margin-bottom:1.5rem}.puzzle-difficulty-title{color:#ffb84d;color:var(--puzzle-primary-light);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.puzzle-difficulty-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.puzzle-difficulty-button{background-color:#212121;background-color:var(--puzzle-secondary);border:2px solid #444;border:2px solid var(--puzzle-dark-gray);border-radius:8px;color:#9e9e9e;color:var(--puzzle-mid-gray);padding:.75rem;transition:all .2s ease}.puzzle-difficulty-button:hover{border-color:#ff8c00;border-color:var(--puzzle-primary);box-shadow:0 4px 6px -1px #0000004d;color:#ffb84d;color:var(--puzzle-primary-light);transform:translateY(-2px)}.puzzle-difficulty-button.active{background-color:#ff8c0026;border-color:#ff8c00;border-color:var(--puzzle-primary);color:#ff8c00;color:var(--puzzle-primary)}.puzzle-difficulty-option{font-weight:500;text-align:center;text-transform:capitalize}.puzzle-type-section{margin-bottom:1.5rem}.puzzle-type-title{color:#ffb84d;color:var(--puzzle-primary-light);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.puzzle-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.puzzle-type-button{align-items:center;background-color:#212121;background-color:var(--puzzle-secondary);border:2px solid #444;border:2px solid var(--puzzle-dark-gray);border-radius:8px;color:#9e9e9e;color:var(--puzzle-mid-gray);display:flex;flex-direction:column;padding:.75rem;transition:all .2s ease}.puzzle-type-button:hover{box-shadow:0 4px 6px -1px #0000004d;color:#ffb84d;color:var(--puzzle-primary-light);transform:translateY(-2px)}.puzzle-type-button.active,.puzzle-type-button:hover{border-color:#ff8c00;border-color:var(--puzzle-primary)}.puzzle-type-button.active{background-color:#ff8c0026;color:#ff8c00;color:var(--puzzle-primary)}.puzzle-type-icon{font-size:1.5rem;margin-bottom:.5rem}.puzzle-type-label{font-weight:500;text-align:center}.puzzle-start-button{background:linear-gradient(135deg,#ff8c00,#ff4d00);background:linear-gradient(135deg,var(--puzzle-primary) 0,var(--puzzle-accent) 100%);border:2px solid #ffb84d;border:2px solid var(--puzzle-primary-light);border-radius:25px;box-shadow:0 4px 8px #0006;color:#212121;color:var(--puzzle-text-dark);display:block;font-size:1.125rem;font-weight:600;margin:0 auto;max-width:200px;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.puzzle-start-button:hover{background:linear-gradient(135deg,#ff4d00,#ff8c00);background:linear-gradient(135deg,var(--puzzle-accent) 0,var(--puzzle-primary) 100%);box-shadow:0 6px 12px #00000080;transform:translateY(-2px)}.puzzle-high-score{color:#9e9e9e;color:var(--puzzle-mid-gray);margin-top:1rem;text-align:center}.puzzle-high-score-value{color:#ff8c00;color:var(--puzzle-primary);font-weight:700}.puzzle-game-ui{width:100%}.puzzle-game-info{background:#212121;background:var(--puzzle-secondary);border-bottom:3px solid #ff8c00;border-bottom:3px solid var(--puzzle-primary);border-radius:12px 12px 0 0;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:3px;padding:1rem;position:relative}.puzzle-info-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.puzzle-info-item{flex:1 1}.puzzle-info-center{text-align:center}.puzzle-info-right{text-align:right}.puzzle-info-label{color:#9e9e9e;color:var(--puzzle-mid-gray);font-size:.75rem;font-weight:600;text-transform:uppercase}.puzzle-info-value{color:#ff8c00;color:var(--puzzle-primary);font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.puzzle-difficulty-easy{color:#10b981;color:var(--puzzle-success)}.puzzle-difficulty-medium{color:#f59e0b;color:var(--puzzle-warning)}.puzzle-difficulty-hard{color:#ef4444;color:var(--puzzle-danger)}.puzzle-board-container{background:#212121;background:var(--puzzle-secondary);border-radius:0 0 12px 12px;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:1rem;padding:1rem;position:relative}.puzzle-board{margin:0 auto;position:relative}.puzzle-grid{grid-gap:.5rem;background-color:#0a0a0a;background-color:var(--puzzle-secondary-dark);border:1px solid #444;border:1px solid var(--puzzle-dark-gray);border-radius:8px;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);padding:.5rem}.puzzle-grid-4x4{grid-template-columns:repeat(4,1fr)}.puzzle-grid-5x5{grid-template-columns:repeat(5,1fr)}.puzzle-grid-6x6{grid-template-columns:repeat(6,1fr)}.puzzle-tile{align-items:center;border-radius:8px;box-shadow:0 3px 5px #0006;color:#212121;color:var(--puzzle-text-dark);cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.puzzle-tile:not(.puzzle-tile-empty):hover{box-shadow:0 5px 10px #00000080;transform:scale(1.03)}.puzzle-tile:not(.puzzle-tile-empty):active{box-shadow:0 2px 3px #0000004d;transform:scale(.95)}.puzzle-tile-empty{background-color:#444;background-color:var(--puzzle-dark-gray);box-shadow:inset 0 2px 5px #00000080;cursor:default}.puzzle-tile-image{background-position:50%;background-size:cover;border:2px solid #e67e00;border:2px solid var(--puzzle-primary-dark);border-radius:8px;box-shadow:0 3px 5px #0006}.puzzle-hint-button{align-items:center;background-color:#ff8c00;background-color:var(--puzzle-primary);border:2px solid #ffb84d;border:2px solid var(--puzzle-primary-light);border-radius:50%;bottom:1rem;box-shadow:0 4px 6px -1px #0006;color:#212121;color:var(--puzzle-text-dark);display:flex;height:2.5rem;justify-content:center;position:absolute;right:1rem;transition:all .2s ease;width:2.5rem}.puzzle-hint-button:hover{background-color:#ff4d00;background-color:var(--puzzle-accent);box-shadow:0 5px 10px #00000080;transform:scale(1.1)}.puzzle-hint-button:active{box-shadow:0 2px 3px #0000004d;transform:scale(.9)}.puzzle-hint-button:disabled{background-color:#444;background-color:var(--puzzle-dark-gray);border-color:#9e9e9e;border-color:var(--puzzle-mid-gray);cursor:not-allowed;transform:none}.puzzle-hint-overlay{align-items:center;background-color:#000000d9;border:2px solid #ff8c00;border:2px solid var(--puzzle-primary);border-radius:8px;display:flex;inset:0;justify-content:center;position:absolute;z-index:20}.puzzle-hint-content{color:#f5f5f5;color:var(--puzzle-text-light);padding:1rem;text-align:center}.puzzle-hint-title{color:#ff8c00;color:var(--puzzle-primary);font-weight:700;margin-bottom:.75rem}.puzzle-hint-preview{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:.5rem}.puzzle-hint-preview-4x4{grid-template-columns:repeat(4,1fr)}.puzzle-hint-preview-5x5{grid-template-columns:repeat(5,1fr)}.puzzle-hint-preview-6x6{grid-template-columns:repeat(6,1fr)}.puzzle-hint-tile{align-items:center;aspect-ratio:1;background-color:#ff8c00;background-color:var(--puzzle-primary);border:1px solid #ffb84d;border:1px solid var(--puzzle-primary-light);border-radius:4px;color:#212121;color:var(--puzzle-text-dark);display:flex;font-size:.75rem;font-weight:700;justify-content:center}.puzzle-hint-empty{background-color:#444;background-color:var(--puzzle-dark-gray);border:1px solid #9e9e9e;border:1px solid var(--puzzle-mid-gray)}.puzzle-hint-penalty{color:#ff4d00;color:var(--puzzle-accent);font-size:.75rem}.puzzle-controls-toggle{align-items:center;background-color:#0a0a0a;background-color:var(--puzzle-secondary-dark);border:1px solid #444;border:1px solid var(--puzzle-dark-gray);border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#9e9e9e;color:var(--puzzle-mid-gray);display:flex;font-size:.875rem;justify-content:center;margin-bottom:1rem;padding:.5rem 1rem;transition:all .2s ease}.puzzle-controls-toggle:hover{background-color:#212121;background-color:var(--puzzle-secondary);color:#e5e5e5;color:var(--puzzle-light-gray)}.puzzle-controls-icon{height:1rem;margin-left:.5rem;transition:transform .2s ease;width:1rem}.puzzle-controls-icon-open{transform:rotate(180deg)}.puzzle-instructions{background-color:#212121;background-color:var(--puzzle-secondary);border:1px solid #444;border:1px solid var(--puzzle-dark-gray);border-radius:12px;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:1rem;overflow:hidden;padding:1rem}.puzzle-instructions-title{color:#ff8c00;color:var(--puzzle-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.puzzle-instructions-list{color:#e5e5e5;color:var(--puzzle-light-gray);font-size:.875rem;list-style-type:disc;margin-bottom:.75rem;padding-left:1.5rem}.puzzle-instructions-item{margin-bottom:.25rem}.puzzle-difficulty-explanation{margin-top:.5rem}.puzzle-difficulty-list{color:#e5e5e5;color:var(--puzzle-light-gray);font-size:.875rem;list-style-type:disc;padding-left:1.5rem}.puzzle-controls{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.puzzle-control-button{border-radius:25px;box-shadow:0 4px 6px -1px #0000004d;color:#212121;color:var(--puzzle-text-dark);flex:1 1;font-weight:600;padding:.75rem;transition:all .2s ease}.puzzle-reset-button{background:linear-gradient(135deg,#e67e00,#ff8c00);background:linear-gradient(135deg,var(--puzzle-primary-dark),var(--puzzle-primary));border:2px solid #e67e00;border:2px solid var(--puzzle-primary-dark)}.puzzle-reset-button:hover{background:linear-gradient(135deg,#ff8c00,#ffb84d);background:linear-gradient(135deg,var(--puzzle-primary),var(--puzzle-primary-light));box-shadow:0 6px 10px #0006;transform:translateY(-2px)}.puzzle-new-button{background:linear-gradient(135deg,#ff4d00,#ff8c00);background:linear-gradient(135deg,var(--puzzle-accent),var(--puzzle-primary));border:2px solid #ffb84d;border:2px solid var(--puzzle-primary-light)}.puzzle-new-button:hover{background:linear-gradient(135deg,#ff8c00,#ff4d00);background:linear-gradient(135deg,var(--puzzle-primary),var(--puzzle-accent));box-shadow:0 6px 10px #0006;transform:translateY(-2px)}.puzzle-completion{background:linear-gradient(135deg,#10b98133,#10b9811a);border:1px solid #10b9814d;border-radius:12px;box-shadow:0 4px 6px -1px #0000004d;margin-bottom:1rem;padding:1.5rem;text-align:center}.puzzle-completion-title{color:#10b981;color:var(--puzzle-success);font-size:1.5rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 1px 2px #0000004d}.puzzle-completion-details{color:#e5e5e5;color:var(--puzzle-light-gray);margin-bottom:.75rem}.puzzle-score{color:#ff8c00;color:var(--puzzle-primary);font-size:2rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 2px 4px #0000004d}.puzzle-high-score-new{color:#f59e0b;color:var(--puzzle-warning);font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.puzzle-share-section{margin-top:1.5rem}.puzzle-share-button{align-items:center;background:linear-gradient(135deg,#ff8c00,#ff4d00);background:linear-gradient(135deg,var(--puzzle-primary) 0,var(--puzzle-accent) 100%);border:2px solid #ffb84d;border:2px solid var(--puzzle-primary-light);border-radius:25px;box-shadow:0 4px 8px #0006;color:#212121;color:var(--puzzle-text-dark);display:flex;font-weight:600;justify-content:center;margin:0 auto;padding:.75rem 1.25rem;transition:all .2s ease}.puzzle-share-button:hover{background:linear-gradient(135deg,#ff4d00,#ff8c00);background:linear-gradient(135deg,var(--puzzle-accent) 0,var(--puzzle-primary) 100%);box-shadow:0 6px 12px #00000080;transform:translateY(-2px)}.puzzle-share-icon{font-size:1.25rem;margin-right:.75rem}.puzzle-fade-in{animation:puzzleFadeIn .3s ease forwards}.puzzle-fade-out{animation:puzzleFadeOut .3s ease forwards}.puzzle-slide-in{animation:puzzleSlideIn .3s ease forwards}.puzzle-slide-out{animation:puzzleSlideOut .3s ease forwards}.puzzle-pulse{animation:puzzlePulse .5s ease-in-out}@keyframes puzzleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes puzzleFadeOut{0%{opacity:1}to{opacity:0}}@keyframes puzzleSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes puzzleSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes puzzlePulse{0%{transform:scale(1)}50%{box-shadow:0 0 20px #ff8c0099;transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:640px){.puzzle-grid{gap:.375rem}.puzzle-tile{font-size:1.25rem}.puzzle-hint-preview{gap:.2rem}.puzzle-hint-tile{font-size:.75rem}.puzzle-controls{flex-direction:column;gap:.5rem}}@media (max-width:400px){.puzzle-info-value,.puzzle-tile{font-size:1rem}}.puzzle-theme-classic .puzzle-tile{background:linear-gradient(135deg,#ff8c00,#e67e00);background:linear-gradient(135deg,var(--puzzle-primary) 0,var(--puzzle-primary-dark) 100%);border:2px solid #ffb84d;border:2px solid var(--puzzle-primary-light);color:#212121;color:var(--puzzle-text-dark)}.puzzle-theme-light .puzzle-tile{background:linear-gradient(135deg,#4a4a4a,#333)}.puzzle-theme-dark .puzzle-tile,.puzzle-theme-light .puzzle-tile{border:2px solid #444;border:2px solid var(--puzzle-dark-gray);color:#ff8c00;color:var(--puzzle-primary)}.puzzle-theme-dark .puzzle-tile{background:linear-gradient(135deg,#000,#1a1a1a)}.puzzle-theme-green .puzzle-tile{background:linear-gradient(135deg,#ff8c00,#da7b00);background:linear-gradient(135deg,var(--puzzle-primary) 0,#da7b00 100%);border:2px solid #e67e00;border:2px solid var(--puzzle-primary-dark);color:#212121;color:var(--puzzle-text-dark)}.puzzle-theme-candy .puzzle-tile{background:linear-gradient(135deg,#ff4d00,#ff8c00);background:linear-gradient(135deg,var(--puzzle-accent) 0,var(--puzzle-primary) 100%);border:2px solid #ff6a00;color:#212121;color:var(--puzzle-text-dark)}.puzzle-image-container{aspect-ratio:1;border:3px solid #ff8c00;border:3px solid var(--puzzle-primary);border-radius:8px;box-shadow:0 6px 12px #0006;margin:0 auto 1rem;max-width:300px;overflow:hidden;position:relative;width:100%}.puzzle-full-image{height:100%;object-fit:cover;width:100%}.puzzle-image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px}.puzzle-image-button{align-items:center;background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;height:80px;justify-content:center;overflow:hidden;padding:5px;transition:all .2s ease;width:100%}.puzzle-image-button.active{border-color:#ff8c00;border-color:var(--puzzle-primary);box-shadow:0 0 5px #ff8c0080}.puzzle-image-thumbnail{border-radius:4px;height:100%;object-fit:cover;width:100%}.puzzle-hint-full-image{align-items:center;display:flex;justify-content:center;margin:10px 0;width:100%}@media (max-width:500px){.puzzle-image-grid{grid-template-columns:repeat(2,1fr)}}.post-game-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.post-game-card,.post-game-container{box-sizing:border-box;padding:20px;width:100%}.post-game-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:400px;text-align:center}.post-game-header{margin-bottom:20px}.post-game-header h2{color:#333;font-size:24px;margin-bottom:10px}.score-message{color:#666;font-size:18px;margin-bottom:10px}.score-display{align-items:center;display:flex;justify-content:center}.score-label{color:#555;font-size:16px;margin-right:5px}.score-value{color:#333;font-size:20px}.game-type{color:#888;font-size:14px}.ad-section{margin:20px 0}.ad-label{color:#999;font-size:14px;margin-bottom:10px}.ad-container{border:1px solid #ddd;border-radius:4px;padding:10px}.ad-loading{text-align:center}.loading-spinner{border:4px solid #ccc;border-top-color:#007bff;height:30px;margin:0 auto 10px;width:30px}.ad-error{color:red;font-size:14px}.post-game-footer{margin-top:20px}.continue-message{color:#666;font-size:14px;margin-bottom:10px}.countdown{color:#333;font-weight:700}.continue-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.continue-button:hover{background-color:#0056b3}.post-game-ad-container{background-color:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.ad-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:90%}.ad-header{background-color:#ff6b35;color:#fff;padding:12px 16px;text-align:center}.ad-header h3{font-size:18px;margin:0 0 5px}.ad-header p{font-size:14px;margin:0;opacity:.9}.ad-display{align-items:center;display:flex;justify-content:center;min-height:280px;padding:16px}.ad-loading{height:250px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#ff6b35;margin-bottom:12px}.ad-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:12px 16px}.ad-disclaimer{color:#888;font-size:12px;margin:0}.close-ad-button{background-color:#ff6b35;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.close-ad-button:hover{background-color:#e55a24}@media (max-width:480px){.ad-content{max-height:90vh;width:95%}.ad-display{min-height:200px}.post-game-card{margin:0 auto;max-width:95%;padding:15px 10px}.post-game-header h2{font-size:20px}.score-message{font-size:16px}}.post-game-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.post-game-header{background-color:#ff6b35;background-color:var(--accent-orange,#ff6b35);border-radius:12px 12px 0 0;color:#fff;padding:1.5rem;text-align:center}.post-game-header h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.highlight-score{font-size:1.5rem;font-weight:700}.completion-message{font-size:1.1rem;font-style:italic;margin-top:.5rem}.post-game-body{gap:2rem;padding:1.5rem}.post-game-body,.tip-section{display:flex;flex-direction:column}.tip-section{gap:1rem}.tip-section h3{color:#333;font-size:1.5rem;margin:0}.tip-options{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.tip-button{background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:1.2rem;font-weight:600;min-width:80px;padding:1rem 1.5rem;transition:all .2s ease}.tip-button.selected,.tip-button:hover{border-color:#ff6b35;border-color:var(--accent-orange,#ff6b35)}.tip-button.selected{background-color:#ff6b351a;color:#ff6b35;color:var(--accent-orange,#ff6b35)}.custom-tip-input{align-items:center;background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;display:flex;padding:0 1rem;transition:all .2s ease}.custom-tip-input:focus-within{border-color:#ff6b35;border-color:var(--accent-orange,#ff6b35)}.currency-symbol{color:#666;font-size:1.2rem;font-weight:600}.custom-tip-input input{background-color:initial;border:none;font-size:1.2rem;font-weight:600;outline:none;padding:1rem 0;width:100px}.tip-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.submit-tip-button{background-color:#ff6b35;background-color:var(--accent-orange,#ff6b35);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2rem;transition:background-color .2s ease}.submit-tip-button:hover{background-color:#ff844b;background-color:var(--hover-orange,#ff844b)}.skip-tip-button{background-color:initial;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.skip-tip-button:hover{color:#333}.ad-section{margin:1rem 0}.ad-container{background-color:#f9f9f9;border-radius:8px;justify-content:center;min-height:250px;padding:1rem;position:relative}.ad-label{background-color:#00000080;border-bottom-left-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:0;top:0}.ad-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--accent-orange,#ff6b35);height:30px;margin-bottom:1rem;width:30px}.ad-error{align-items:center;color:#999;padding:2rem 0}.ad-error,.post-game-footer{display:flex;justify-content:center}.post-game-footer{gap:1rem;margin-top:1rem}.play-again-button,.view-menu-button{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.play-again-button{background-color:#4ea5d9;color:#fff}.play-again-button:hover{background-color:#3995cf}.view-menu-button{background-color:#f0f0f0;color:#333}.view-menu-button:hover{background-color:#e0e0e0}@media (max-width:768px){.post-game-content{max-width:90%}.post-game-header h2{font-size:1.75rem}.tip-options{gap:.75rem}.tip-button{font-size:1.1rem;min-width:70px;padding:.75rem 1rem}.post-game-footer{flex-direction:column;gap:.75rem}}@media (max-width:480px){.post-game-content{border-radius:0;height:100%;max-width:100%}.post-game-header{border-radius:0}.post-game-header h2{font-size:1.5rem}.tip-options{align-items:stretch;flex-direction:column}.custom-tip-input,.custom-tip-input input,.tip-button{width:100%}.tip-actions{flex-direction:column;gap:.75rem}.skip-tip-button,.submit-tip-button{width:100%}}@media (prefers-color-scheme:dark){.post-game-content{background-color:#1a1a1a;color:#f0f0f0}.tip-button,.tip-section h3{color:#f0f0f0}.tip-button{background-color:#2a2a2a;border-color:#444}.tip-button:hover{border-color:#ff6b35;border-color:var(--accent-orange,#ff6b35)}.custom-tip-input{background-color:#2a2a2a;border-color:#444}.currency-symbol{color:#ccc}.custom-tip-input input{color:#f0f0f0}.skip-tip-button{color:#ccc}.skip-tip-button:hover{color:#f0f0f0}.ad-container,.view-menu-button{background-color:#2a2a2a}.view-menu-button{color:#f0f0f0}.view-menu-button:hover{background-color:#353535}}.post-game-ad-overlay{background:#000000d9;bottom:0;height:100%;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100%;z-index:1000}.post-game-ad-container,.post-game-ad-overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.post-game-ad-container{animation:fadein .5s cubic-bezier(.39,.58,.57,1) .1s both;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000002e;flex-direction:column;margin:0 auto;max-width:370px;padding:32px 20px 24px;width:90%}@media (max-width:480px){.post-game-ad-container{margin:0 auto;max-width:95%;padding:18px 10px 14px;width:95%}.post-game-header{flex-direction:column;text-align:center}.score-display{margin:0 auto 15px}.post-game-buttons{flex-direction:column;gap:10px;width:100%}.post-game-button{margin:0;width:100%}}.post-game-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px;width:100%}.score-display{margin-bottom:10px;text-align:center}.score-message{color:#ff8c00;font-size:1.1rem;font-weight:600;margin-bottom:2px}.score-value{color:#222;font-size:2.2rem;font-weight:700;margin-bottom:2px}.game-type{color:#b97a56;font-size:1rem;margin-bottom:0}.provider-info{margin-bottom:10px;text-align:center}.ad-container{align-items:center;display:flex;flex-direction:column;margin:18px 0;width:100%}.post-game-actions{display:flex;gap:12px;justify-content:center;margin:18px 0 0;width:100%}.continue-button,.play-again-button,.tip-button{background:linear-gradient(90deg,#ff8c00 80%,#ffb347);border:none;border-radius:30px;box-shadow:0 2px 8px #ff8c0012;color:#fff;cursor:pointer;flex:1 1;font-size:1.08rem;font-weight:600;padding:12px 0;transition:background .18s,box-shadow .18s,transform .15s}.play-again-button{background:linear-gradient(90deg,#4caf50 80%,#7be495)}.continue-button.disabled{background:#eee;color:#aaa;cursor:not-allowed}.close-button{background:none;border:none;color:#bbb;cursor:pointer;font-size:1.6rem;margin-left:8px}.post-game-footer{color:#bbb;font-size:.95rem;margin-top:18px;text-align:center}@keyframes fadein{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none}@media (min-width:768px){.post-game-actions{flex-direction:row}.tip-button{flex:3 1}.play-again-button{flex:2 1}}.post-game-ad-overlay{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;padding:0!important;text-align:center!important}.post-game-ad-container{box-sizing:border-box!important;left:auto!important;margin:0 auto!important;max-width:370px!important;position:relative!important;right:auto!important;transform:none!important;width:90%!important}.game-results{text-align:center!important}.game-results,.score-display{align-items:center!important;display:flex!important;flex-direction:column!important;width:100%!important}.score-display{margin:0 auto!important}.ad-container,.score-display{justify-content:center!important}.ad-container{display:flex!important;margin:15px auto!important;width:100%!important}@media (max-width:480px){.post-game-ad-container{max-width:350px!important;width:85%!important}.post-game-actions{flex-direction:column!important;width:100%!important}.continue-button,.play-again-button,.tip-button{margin:5px 0!important;width:100%!important}.post-game-footer,.post-game-header{text-align:center!important;width:100%!important}.post-game-footer{margin-top:15px!important}}.postgame-container{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0 auto!important;padding:0!important;width:100%!important}.game-session-new{align-items:center;animation:gradientFlow 15s ease infinite;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1620);background-size:400% 400%;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.session-container{animation:fadeIn .6s ease-out;max-width:500px;width:100%}.provider-header-card{align-items:center;animation:slideDown .6s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8f8fafa);border-radius:24px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #fff3;display:flex;gap:20px;margin-bottom:24px;padding:32px 24px}.provider-logo-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #00000026;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;width:100px}.provider-logo-img{height:100%;object-fit:cover;width:100%}.provider-info-text{flex:1 1}.provider-name{color:#1a1a2e;font-size:1.75rem;letter-spacing:-.02em;line-height:1.2;margin:0 0 8px}.provider-type{color:#64748b;font-size:1.1rem;margin:0;text-transform:capitalize}.action-buttons-row{grid-gap:16px;animation:slideUp .6s ease-out .4s both;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.action-btn{border-radius:20px;box-shadow:0 8px 24px #0003;color:#fff;flex-direction:column;font-size:1.1rem;gap:8px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.action-btn:hover:before{left:100%}.action-btn:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.action-btn:active{transform:translateY(-2px) scale(.98)}.action-icon{font-size:1.8rem}.tip-action{background:linear-gradient(135deg,#00d4aa,#00b894)}.tip-action:hover{background:linear-gradient(135deg,#00e6c3,#00d4aa)}.menu-action{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.menu-action:hover{background:linear-gradient(135deg,#ff7979,#ff6b6b)}.play-section{animation:slideUp .6s ease-out .6s both}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 24px;text-align:center}.games-grid{display:flex;flex-direction:column;gap:16px}.game-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea4d;cursor:pointer;display:flex;gap:20px;min-height:110px;overflow:hidden;padding:0 0 0 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.game-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.game-card:hover:before{left:100%}.game-card:hover{box-shadow:0 12px 36px #667eea66;transform:translateY(-5px) scale(1.02)}.game-card:active{transform:translateY(-2px) scale(.98)}.trivia-card{background:linear-gradient(135deg,#00b894,#00cec9);box-shadow:0 8px 24px #00b8944d}.trivia-card:hover{box-shadow:0 12px 36px #00b89466}.puzzle-card{background:linear-gradient(135deg,#fd79a8,#fdcb6e);box-shadow:0 8px 24px #fd79a84d}.puzzle-card:hover{box-shadow:0 12px 36px #fd79a866}.game-card-image{background:#fffffff2;border-radius:16px;box-shadow:0 4px 12px #0003;flex-shrink:0;height:80px;overflow:hidden;width:80px}.game-card-image img{height:100%;object-fit:cover;width:100%}.game-card-content{color:#fff;flex:1 1;padding-right:20px}.game-card-content h3{font-size:1.4rem;font-weight:700;line-height:1.2;margin:0 0 4px}.game-card-content p{font-size:1.05rem;font-weight:500;margin:0;opacity:.95}.game-title{font-size:1.3rem;line-height:1.2;margin:0 0 4px}.game-description{font-size:.9rem;font-weight:400;line-height:1.3;margin:0 0 8px;opacity:.9}.game-meta{gap:12px}.game-meta,.game-time{align-items:center;display:flex}.game-time{background:#ffffff26;border-radius:12px;font-size:.85rem;gap:4px;opacity:.85;padding:4px 10px}.game-time svg{font-size:.9rem}.game-play-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff40;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 14px;position:absolute;right:12px;top:12px;transition:all .3s ease}.game-card:hover .game-play-badge{background:#fff6;transform:scale(1.05)}.primary-actions-section{grid-gap:16px;animation:slideUp .6s ease-out .4s both;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:32px}.primary-action-btn{align-items:center;border:none;border-radius:24px;box-shadow:0 12px 32px #00000040;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:1.15rem;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:24px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.primary-action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.primary-action-btn:hover:before{left:100%}.primary-action-btn:hover{box-shadow:0 16px 40px #00000059;transform:translateY(-5px)}.primary-action-btn:active{transform:translateY(-2px) scale(.98)}.primary-action-icon{font-size:2.2rem}.primary-action-text{font-size:1.1rem}.tip-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);box-shadow:0 12px 32px #ff6b6b4d}.tip-primary:hover{background:linear-gradient(135deg,#ff7979,#ff6b6b);box-shadow:0 16px 40px #ff6b6b66}.menu-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 12px 32px #667eea4d}.menu-primary:hover{background:linear-gradient(135deg,#7c8ff5,#8760b8);box-shadow:0 16px 40px #667eea66}.services-primary{background:linear-gradient(135deg,#00b894,#009e80);box-shadow:0 12px 32px #00b8944d;position:relative}.services-primary:hover{background:linear-gradient(135deg,#00d4aa,#00b894);box-shadow:0 16px 40px #00b89466}.services-primary .lock-icon{font-size:.9rem;opacity:.7;position:absolute;right:10px;top:10px}.primary-actions-section.tip-prominent{grid-template-columns:1fr}.primary-actions-section.tip-prominent .tip-primary.prominent{animation:pulseGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);padding:32px 24px}@keyframes pulseGlow{0%,to{box-shadow:0 12px 32px #ff6b6b4d}50%{box-shadow:0 16px 48px #ff6b6b80}}.primary-actions-section.tip-prominent .tip-primary.prominent .primary-action-icon{font-size:2.8rem}.primary-actions-section.tip-prominent .tip-primary.prominent .primary-action-text{font-size:1.3rem}.basic-preview-section{animation:slideUp .6s ease-out .5s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8f8fafa);border-radius:20px;box-shadow:0 12px 40px #0003;margin-bottom:24px;padding:20px}.preview-section-title{align-items:center;color:#1a1a2e;display:flex;font-size:1.2rem;font-weight:600;gap:10px;margin:0 0 16px}.preview-section-title .section-icon{color:#667eea;font-size:1.3rem}.preview-items-list{display:flex;flex-direction:column;gap:12px}.preview-item{align-items:center;background:#667eea14;border-radius:12px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.preview-item:hover{background:#667eea1f}.preview-item-info{display:flex;flex-direction:column;gap:4px}.preview-item-name{color:#1a1a2e;font-size:1rem;font-weight:600}.preview-item-desc{color:#64748b;font-size:.85rem}.preview-item-price{color:#667eea;font-size:1.1rem;font-weight:700}.premium-upsell-banner{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px dashed #667eea4d;border-radius:10px;margin-top:16px;padding:12px 16px;text-align:center}.premium-upsell-banner span{color:#667eea;font-size:.9rem;font-weight:500}.section-header-enhanced{margin-bottom:24px;text-align:center}.section-subtitle{color:#ffffffb3;font-size:1rem;font-weight:400;margin:8px 0 0}.floating-tip-banner{align-items:center;animation:floatBanner 3s ease-in-out infinite,slideUpBanner .6s ease-out 1s both;background:linear-gradient(135deg,#00d4aa,#00b894);border-radius:50px;bottom:20px;box-shadow:0 8px 32px #00d4aa66;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:10px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}@keyframes floatBanner{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}@keyframes slideUpBanner{0%{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.floating-tip-banner:hover{background:linear-gradient(135deg,#00e6b8,#00d4aa);box-shadow:0 12px 40px #00d4aa80;transform:translateX(-50%) translateY(-3px) scale(1.02)}.floating-tip-icon{animation:pulse 2s ease-in-out infinite;font-size:1.3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf}.modal-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#fffffff2,#f8f8fafa);border-radius:28px;max-width:450px}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #0000001a;padding:28px 28px 20px}.modal-header h2{color:#1a1a2e;font-size:1.75rem}.modal-close{align-items:center;background:#0000000d;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.modal-close:hover{background:#0000001a;transform:scale(1.05)}.tip-amount-section{padding:28px}.tip-display{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea33;border-radius:20px;display:flex;font-size:3.5rem;font-weight:800;justify-content:center;margin-bottom:32px;padding:24px}.currency{color:#64748b;margin-right:8px}.tip-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.tip-input{-webkit-text-fill-color:#0000;background:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;border:none;font-size:3.5rem;font-weight:800;outline:none;text-align:center;width:200px}.tip-preset-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.tip-preset-buttons button{background:#fffc;border:2px solid #0000001a;border-radius:16px;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s}.tip-preset-buttons button:hover{border-color:#667eea4d;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.tip-preset-buttons button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 20px #667eea66;color:#fff;transform:translateY(-2px)}.payment-methods{flex-direction:column;gap:16px;padding:0 28px 28px}.payment-btn{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;display:flex;font-size:1.15rem;font-weight:600;gap:12px;justify-content:center;padding:18px;transition:all .3s;width:100%}.payment-btn:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-3px)}.payment-btn:active{transform:translateY(-1px) scale(.98)}.payment-icon{font-size:1.5rem}.cashapp{background:linear-gradient(135deg,#00d632,#00b82a)}.cashapp:hover{background:linear-gradient(135deg,#00e63a,#00d632)}.venmo{background:linear-gradient(135deg,#008cff,#0074d9)}.venmo:hover{background:linear-gradient(135deg,#1a9aff,#008cff)}.no-payment{background:#667eea1a;border:1px solid #667eea33;border-radius:16px;padding:32px;text-align:center}.no-payment p{color:#64748b;font-weight:500;margin:8px 0}.no-payment p:first-child{color:#1a1a2e;font-weight:600}.session-error,.session-loading{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f1620);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.session-loading p{color:#fffc;font-size:1.1rem;margin-top:20px}.game-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;min-height:100vh;padding:20px}.game-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:20px;text-align:center}.postgame-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}@media (max-width:600px){.provider-header-card{gap:16px;padding:24px 20px}.provider-logo-container{height:80px;width:80px}.provider-name{font-size:1.4rem}.provider-type{font-size:1rem}.primary-actions-section{gap:12px}.primary-action-btn{border-radius:20px;padding:18px 16px}.primary-action-icon{font-size:1.8rem}.primary-action-text{font-size:1rem}.action-buttons-row{gap:12px}.action-btn{font-size:1rem;padding:16px}.action-icon{font-size:1.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:.9rem}.game-card{min-height:100px;padding-left:16px}.game-card-image{height:70px;width:70px}.game-title{font-size:1.15rem}.game-description{font-size:.85rem}.game-meta{gap:8px}.game-time{font-size:.75rem;padding:3px 8px}.game-play-badge{font-size:.75rem;padding:5px 10px;right:10px;top:10px}.game-card-content h3{font-size:1.2rem}.game-card-content p{font-size:.95rem}.floating-tip-banner{bottom:16px;font-size:.85rem;max-width:calc(100% - 40px);padding:12px 20px}.floating-tip-icon{font-size:1.1rem}.modal-content{max-width:95vw}.modal-header{padding:24px 20px 16px}.modal-header h2{font-size:1.5rem}.tip-amount-section{padding:24px 20px}.tip-display{font-size:2.5rem;padding:20px}.tip-input{font-size:2.5rem;width:150px}.tip-preset-buttons{gap:10px}.tip-preset-buttons button{font-size:1rem;padding:14px}.payment-methods{padding:0 20px 24px}.payment-btn{font-size:1.05rem;padding:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){.provider-header-card{background:linear-gradient(145deg,#1e1e28f2,#191923fa)}.provider-name{color:#fff}.modal-content{background:linear-gradient(145deg,#1e1e28f2,#191923fa)}.modal-header h2{color:#fff}.tip-preset-buttons button{background:#282832cc;border-color:#ffffff1a;color:#fff}.no-payment p:first-child{color:#fff}}.menu-mgmt-new{padding-bottom:40px}.menu-mgmt-loading,.menu-mgmt-new{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.menu-mgmt-loading{align-items:center;display:flex;justify-content:center}.menu-mgmt-header{background:#fff;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:20px 30px}.header-left,.menu-mgmt-header{align-items:center;display:flex}.header-left{gap:20px}.header-left h1{color:#1a202c;font-size:28px;font-weight:700;margin:0}.btn-back{font-weight:500;gap:8px;padding:10px 16px}.header-right{display:flex;gap:12px}.btn-add-category,.btn-add-item{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-category{background:#fff;border:2px solid #667eea;color:#667eea}.btn-add-category:hover{background:#f0f4ff}.btn-add-item{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.btn-add-item:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.error-banner,.menu-mgmt-toolbar{justify-content:space-between;margin:20px 30px}.menu-mgmt-toolbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;padding:20px 30px}.toolbar-left,.toolbar-right{gap:12px}.search-box svg{left:12px}.search-box input{padding:10px 12px 10px 40px;transition:all .2s;width:300px}.category-filter{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.category-filter:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.view-toggle{background:#f7fafc;border-radius:8px;display:flex;overflow:hidden}.view-toggle button{background:#0000;border:none;color:#718096;cursor:pointer;padding:10px 16px;transition:all .2s}.view-toggle button.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:#667eea}.menu-items-container{margin-top:20px;padding:0 30px}.menu-items-container.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.menu-items-container.list .menu-item-card{display:flex;flex-direction:row;max-width:100%}.menu-items-container.list .item-image{flex-shrink:0;height:150px;width:200px}.menu-items-container.list .item-content{flex:1 1}.empty-state{padding:60px 40px}.empty-state p{margin:0 0 24px}.btn-add-first{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-add-first:hover{box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.menu-item-card{border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s}.menu-item-card:hover{box-shadow:0 8px 24px #00000026}.menu-item-card.unavailable{opacity:.6}.item-image{background:#f7fafc;height:200px;overflow:hidden;position:relative;width:100%}.item-image img{height:100%;object-fit:cover;object-position:center;width:100%}.image-placeholder{background:#f7fafc;color:#cbd5e0;height:100%;width:100%}.image-placeholder,.item-overlay{align-items:center;display:flex;justify-content:center}.item-overlay{background:#000000b3;bottom:0;gap:12px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.menu-item-card:hover .item-overlay{opacity:1}.btn-icon{align-items:center;background:#fff;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover{background:#667eea;color:#fff;transform:scale(1.1)}.btn-icon.btn-delete:hover{background:#f56565}.item-content{padding:16px}.item-header{align-items:start}.item-header h3{color:#1a202c;flex:1 1;font-size:18px;font-weight:600;margin:0}.badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge.available{background:#c6f6d5;color:#22543d}.badge.unavailable{background:#fed7d7;color:#742a2a}.item-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#718096;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.item-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-top:12px}.item-price{color:#667eea;font-size:20px;font-weight:700}.item-category{background:#f7fafc;border-radius:12px;color:#718096;font-size:12px;font-weight:500;padding:4px 12px}.modal-content.modal-small{max-width:400px}.form-group{margin-bottom:24px}.form-group label{align-items:center;color:#2d3748;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea}.form-group textarea{font-family:inherit;resize:vertical}.form-row{grid-gap:16px;gap:16px}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.image-upload-group{margin-bottom:30px}.image-upload-area{border:2px dashed #cbd5e0;border-radius:12px;overflow:hidden}.upload-placeholder{align-items:center;color:#718096;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;transition:all .2s}.upload-placeholder:hover{background:#f7fafc;border-color:#667eea}.upload-placeholder svg{color:#cbd5e0;margin-bottom:12px}.image-preview{height:250px;position:relative;width:100%}.image-preview img{height:100%;object-fit:cover;object-position:center;width:100%}.btn-remove-image{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:32px}.btn-remove-image:hover{background:#f56565}.modal-footer{border-top:1px solid #e2e8f0;gap:12px;padding:20px 30px}.btn-cancel,.btn-save{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{border:1px solid #e2e8f0;color:#4a5568}.btn-cancel:hover:not(:disabled){background:#f7fafc}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 6px 16px #667eea80;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.menu-mgmt-header{align-items:stretch;flex-direction:column;gap:16px}.header-left,.header-right{flex-direction:column;width:100%}.menu-mgmt-toolbar{align-items:stretch}.menu-mgmt-toolbar,.toolbar-left,.toolbar-right{flex-direction:column}.search-box input{width:100%}.form-row,.menu-items-container.grid{grid-template-columns:1fr}}.menu-view-page{background:#f7f7fa;min-height:100vh;padding:0 0 40px}.logo-card{position:relative}.menu-back-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #ff8c0014;color:#ff8c00;cursor:pointer;font-size:1rem;font-weight:600;left:15px;margin:0;margin-top:1.2rem;padding:.7rem 1.5rem;position:absolute;top:15px;transition:background .2s,color .2s}.menu-back-btn:hover{background:#ffe3d6;color:#ff6b35}.menu-main-section{margin:0 auto;max-width:900px;padding:2.5rem 1.2rem 0}.menu-category{margin-bottom:2.5rem}.category-title{border-bottom:2px solid #ffe3d6;color:#ff8c00;font-size:1.35rem;font-weight:700;letter-spacing:.01em;margin-bottom:1.2rem;padding-bottom:.3rem}.professional-menu-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:1fr}@media (min-width:600px){.professional-menu-grid{grid-template-columns:1fr 1fr}}.professional-menu-card{align-items:center;background:#fff;border:1px solid #f3f3f3;border-radius:18px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;min-width:0;padding:28px 18px 20px;transition:box-shadow .2s,transform .2s}.professional-menu-card:hover{box-shadow:0 8px 24px #ff8c0021;transform:translateY(-2px) scale(1.02)}.menu-item-image-top{align-items:center;background:#f3f3f3;border-radius:14px;display:flex;height:100px;justify-content:center;margin-bottom:18px;overflow:hidden;width:100px}.menu-item-image{border-radius:14px;height:100%;object-fit:cover}.menu-item-info{text-align:center;width:100%}.menu-item-name{color:#ff8c00;font-size:1.18rem;letter-spacing:.01em;line-height:1.2;margin-bottom:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-price{color:#222;font-size:1.08rem;margin-bottom:.2rem}.menu-item-description{color:#666;font-size:1.01rem;margin:.2rem 0 0;max-width:100%;min-height:1.2em;text-overflow:ellipsis}.empty-menu-message{color:#888;font-size:1.1rem;padding:40px 0;text-align:center}.help-text{color:#bbb;font-size:.98rem;margin-top:.5rem}.error-container,.loading-container{min-height:60vh;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #eee;border-radius:50%;border-top-color:#ff8c00;height:40px;margin-bottom:15px;width:40px}@media (max-width:480px){.menu-header-section{border-bottom-left-radius:18px;border-bottom-right-radius:18px;padding:1.5rem .5rem 1rem}.menu-main-section{padding:1.2rem .2rem 0}.professional-menu-card{padding:18px 6px 14px}.menu-item-image-top{border-radius:8px;height:70px;width:70px}.menu-item-name{font-size:1rem}.category-title{font-size:1.1rem}}.metric-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:12px;cursor:default;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.metric-card:hover{border-color:#94a3b866;box-shadow:0 20px 25px -5px #0003;transform:translateY(-4px)}.metric-card-background{height:120px;opacity:.05;pointer-events:none;position:absolute;right:0;top:0;width:120px}.metric-card-green{border-color:#22c55e33}.metric-card-green:hover{background:linear-gradient(135deg,#22c55e0d,#1e293bcc);border-color:#22c55e66}.metric-card-blue{border-color:#3b82f633}.metric-card-blue:hover{background:linear-gradient(135deg,#3b82f60d,#1e293bcc);border-color:#3b82f666}.metric-card-purple{border-color:#8b5cf633}.metric-card-purple:hover{background:linear-gradient(135deg,#8b5cf60d,#1e293bcc);border-color:#8b5cf666}.metric-card-orange{border-color:#fb923c33}.metric-card-orange:hover{background:linear-gradient(135deg,#fb923c0d,#1e293bcc);border-color:#fb923c66}.metric-card-icon{color:#3b82f6;font-size:32px;margin-bottom:12px}.metric-card-green .metric-card-icon{color:#22c55e}.metric-card-blue .metric-card-icon{color:#3b82f6}.metric-card-purple .metric-card-icon{color:#8b5cf6}.metric-card-orange .metric-card-icon{color:#f97316}.metric-card-content{position:relative;z-index:2}.metric-card-title{color:#94a3b8cc;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.metric-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin-bottom:8px}.metric-card-green .metric-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text}.metric-card-blue .metric-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#0ea5e9);-webkit-background-clip:text;background-clip:text}.metric-card-purple .metric-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;background-clip:text}.metric-card-orange .metric-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text}.metric-card-trend{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 8px}.metric-card-trend.trend-up{background:#22c55e33;color:#22c55e}.metric-card-trend.trend-down{background:#ef444433;color:#ef4444}.metric-card-subtext{color:#94a3b8b3;font-size:13px;margin:0}@media (max-width:768px){.metric-card-value{font-size:24px}.metric-card-icon{font-size:28px}}.chart-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:12px;padding:20px;transition:all .3s ease}.chart-card:hover{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border-color:#94a3b866}.chart-header{align-items:flex-start;border-bottom:1px solid #94a3b81a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.chart-header h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0}.chart-stats{display:flex;gap:20px}.stat-item{align-items:flex-end;display:flex;flex-direction:column}.stat-label{color:#94a3b899;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#3b82f6;font-size:16px;font-weight:700}.subscription-legend{grid-gap:15px;border-top:1px solid #94a3b81a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px;padding-top:20px}.legend-item{display:flex;gap:12px}.legend-color{border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.legend-label{display:flex;flex-direction:column;gap:4px}.legend-name{color:#e2e8f0;font-size:13px;font-weight:600}.legend-count{color:#94a3b899;font-size:12px}@media (max-width:1024px){.chart-header{align-items:flex-start;flex-direction:column}.chart-stats{justify-content:flex-start;margin-top:10px;width:100%}}@media (max-width:768px){.chart-card{padding:15px}.chart-header h3{font-size:15px}.chart-stats{gap:15px}.subscription-legend{grid-template-columns:repeat(2,1fr)}}.provider-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:1.5rem}.table-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.search-icon{font-size:1.125rem;left:.75rem}.search-input{border:1.5px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.625rem .75rem .625rem 2.5rem;transition:all .2s;width:300px}.search-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.filter-toggle{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1rem;position:relative;transition:all .2s}.filter-toggle.active,.filter-toggle:hover{border-color:#ff6b35;color:#ff6b35}.filter-toggle.active{background:#fffbf8}.filter-badge{background:#ff6b35;border-radius:10px;font-weight:600;padding:.125rem .5rem}.selection-info{background:#f3f4f6;border-radius:6px;color:#374151;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.export-btn{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.export-btn:hover{background:#e85a2a;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.advanced-filters{grid-gap:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;padding:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-group label{color:#374151;font-size:.875rem;font-weight:600}.filter-checkboxes{display:flex;flex-direction:column;gap:.5rem}.filter-checkbox{align-items:center;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.filter-checkbox input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;height:1rem;width:1rem}.clear-filters-btn{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;font-size:.875rem;justify-self:start;padding:.5rem 1rem;transition:all .2s}.clear-filters-btn:hover{border-color:#ff6b35;color:#ff6b35}.table-wrapper{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.provider-table{background:#fff;border-collapse:collapse;width:100%}.provider-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.provider-table th{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase}.provider-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.provider-table th.sortable:hover{background:#f3f4f6}.th-content{align-items:center;display:flex;gap:.5rem}.sort-indicator{color:#ff6b35;font-weight:700}.provider-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:1rem}.provider-table tbody tr{transition:background .15s}.provider-table tbody tr:hover{background:#f9fafb}.provider-table tbody tr.selected{background:#fffbf8}.row-checkbox{accent-color:#ff6b35;cursor:pointer;height:1.125rem;width:1.125rem}.business-name-cell{display:flex;flex-direction:column;gap:.25rem}.business-name{color:#1f2937;font-weight:600}.business-email{color:#6b7280;font-size:.8125rem}.badge-default{background:#f3f4f6;color:#6b7280}.subscription-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.subscription-badge.inactive{opacity:.6}.date-cell{color:#6b7280}.actions-cell{align-items:center;display:flex;gap:.5rem}.action-btn{background:#fff;border:1px solid #e5e7eb;color:#6b7280;height:2rem;transition:all .2s;width:2rem}.action-btn:hover{background:#fffbf8;border-color:#ff6b35;color:#ff6b35}.view-btn{color:#3b82f6}.view-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.spinner{border:3px solid #f3f4f6;border-top-color:#ff6b35;height:2.5rem;width:2.5rem}.error-icon{color:#ef4444;font-size:3rem}.table-pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem}.pagination-info{color:#6b7280;font-size:.875rem}.pagination-controls{gap:.5rem}.page-size-select{cursor:pointer;font-size:.875rem;margin-right:.5rem;padding:.5rem}.page-size-select,.pagination-btn{border:1px solid #e5e7eb;border-radius:6px}.pagination-btn{align-items:center;background:#fff;color:#6b7280;display:flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.pagination-btn:hover:not(:disabled){background:#fffbf8;border-color:#ff6b35;color:#ff6b35}.page-info{color:#6b7280;font-size:.875rem;padding:0 .75rem}@media (max-width:768px){.table-toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{justify-content:space-between;width:100%}.search-input{width:100%}.advanced-filters{grid-template-columns:1fr}.table-wrapper{overflow-x:scroll}.table-pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}}.modal-overlay{overflow-y:auto;padding:2rem}.provider-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.provider-badge{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.875rem;font-weight:500;padding:.375rem .75rem}.close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-content{padding:0}.error-container,.loading-container{gap:1rem;padding:3rem}.retry-btn{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.625rem 1.5rem;transition:all .2s}.retry-btn:hover{background:#e85a2a}.detail-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;overflow-x:auto;padding:0 2rem}.detail-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s;white-space:nowrap}.detail-tabs .tab.active,.detail-tabs .tab:hover{background:#fffbf8;color:#ff6b35}.detail-tabs .tab.active{border-bottom-color:#ff6b35}.tab-content-wrapper{padding:2rem}.tab-content{animation:fadeIn .3s}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-section{display:flex;flex-direction:column;gap:1rem}.info-section h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.5rem}.info-item{align-items:flex-start;display:flex;gap:1rem}.info-icon{color:#6b7280;flex-shrink:0;height:1.25rem;margin-top:.25rem;width:1.25rem}.info-item>div{flex:1 1}.info-item label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.info-item p{color:#1f2937;font-size:.875rem;margin:0;word-break:break-word}.status-item{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.status-item label{color:#6b7280;font-size:.875rem;font-weight:500}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.badge-active{background:#d1fae5;color:#065f46}.badge-suspended{background:#fee2e2;color:#991b1b}.badge-pending{background:#fef3c7;color:#92400e}.badge-verified{background:#d1fae5;color:#065f46}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-free,.badge-not-started{background:#f3f4f6;color:#6b7280}.badge-premium{background:#dbeafe;color:#1e40af}.badge-trial{background:#fef3c7;color:#92400e}.kyc-content{display:flex;flex-direction:column;gap:2rem}.kyc-status-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.kyc-status-section h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.kyc-status-badge{margin-bottom:.5rem}.kyc-date{color:#6b7280;font-size:.875rem;margin:0}.documents-section h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.document-item span{color:#374151;flex:1 1;font-size:.875rem}.check-icon{color:#10b981;font-size:1.25rem}.x-icon{color:#ef4444;font-size:1.25rem}.rejection-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:1.5rem}.rejection-section h3{color:#991b1b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.rejection-reason{color:#7f1d1d;font-size:.875rem;line-height:1.6;margin:0}.completion-section h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 .75rem}.progress-bar{margin-bottom:.5rem}.subscription-content{display:flex;flex-direction:column;gap:2rem}.subscription-info h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.subscription-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.detail-row{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-row span{color:#1f2937;font-size:.875rem;font-weight:500}.plan-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.activity-content h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.activity-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f9fafb;border-left:3px solid #ff6b35;border-radius:8px;display:flex;gap:1rem;padding:1rem}.activity-icon{align-items:center;background:#fffbf8;border-radius:50%;color:#ff6b35;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.activity-details{flex:1 1}.activity-action{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.activity-reason{color:#6b7280;font-size:.8125rem;margin-bottom:.25rem}.activity-time{color:#9ca3af;font-size:.75rem}.actions-panel{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.actions-panel h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.actions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.action-button{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s}.action-button:hover:not(:disabled){background:#fffbf8;border-color:#ff6b35;color:#ff6b35}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.downgrade,.action-button.reject,.action-button.suspend{border-color:#fee2e2;color:#991b1b}.action-button.downgrade:hover:not(:disabled),.action-button.reject:hover:not(:disabled),.action-button.suspend:hover:not(:disabled){background:#fee2e2;border-color:#fecaca}.action-button.activate,.action-button.upgrade,.action-button.verify{border-color:#d1fae5;color:#065f46}.action-button.activate:hover:not(:disabled),.action-button.upgrade:hover:not(:disabled),.action-button.verify:hover:not(:disabled){background:#d1fae5;border-color:#a7f3d0}.action-button.secondary{border-color:#dbeafe;color:#1e40af}.action-button.secondary:hover:not(:disabled){background:#dbeafe;border-color:#bfdbfe}.empty-state{color:#6b7280;padding:3rem}@media (max-width:768px){.modal-overlay{padding:1rem}.provider-detail-modal{max-height:95vh}.modal-header{padding:1rem 1.5rem}.detail-tabs{padding:0 1rem}.tab-content-wrapper{padding:1.5rem}.info-grid{gap:1.5rem;grid-template-columns:1fr}.actions-panel{padding:1rem 1.5rem}.actions-grid{grid-template-columns:1fr}}.bulk-actions-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;width:100%}.modal-header{padding:1.5rem 2rem}.header-content{flex-direction:column;gap:.5rem}.header-content h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.selected-count{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.close-btn{background:#0000;border-radius:8px;color:#6b7280;font-size:1.5rem;height:2.5rem;transition:all .2s;width:2.5rem}.close-btn:hover:not(:disabled){background:#f3f4f6;color:#1f2937}.close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-content{flex:1 1;padding:2rem}.action-selection h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.action-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.action-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;text-align:left;transition:all .2s}.action-option.selected,.action-option:hover:not(:disabled){background:#fffbf8;border-color:#ff6b35}.action-option.destructive.selected{background:#fef2f2;border-color:#ef4444}.action-option:disabled{cursor:not-allowed;opacity:.5}.action-icon{align-items:center;background:#f3f4f6;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:1.125rem;height:2rem;justify-content:center;width:2rem}.action-option.selected .action-icon{background:#ff6b35;color:#fff}.action-option.destructive.selected .action-icon{background:#ef4444;color:#fff}.action-info{flex:1 1}.action-label{color:#1f2937;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.action-desc{color:#6b7280;font-size:.75rem;line-height:1.4}.reason-section{margin-top:1.5rem}.reason-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.required{color:#ef4444}.reason-input{border:1.5px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.reason-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.reason-input:disabled{background:#f3f4f6;cursor:not-allowed}.warning-box{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;display:flex;font-size:.875rem;gap:.75rem;margin-top:1rem;padding:1rem}.warning-icon{color:#ef4444;flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.progress-section{margin-top:1.5rem}.progress-header{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:.5rem}.progress-bar{background:#e5e7eb;border-radius:4px;height:.5rem;overflow:hidden;width:100%}.progress-fill{background:#ff6b35;border-radius:4px;height:100%;transition:width .3s}.results-section{animation:fadeIn .3s}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.results-header h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0}.success-rate{border-radius:12px;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.success-rate.full{background:#d1fae5;color:#065f46}.success-rate.partial{background:#fef3c7;color:#92400e}.success-rate.low{background:#fee2e2;color:#991b1b}.results-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.summary-card{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:1rem}.summary-card.success{background:#f0fdf4;border-color:#bbf7d0}.summary-card.failed{background:#fef2f2;border-color:#fecaca}.summary-card.total{background:#f9fafb;border-color:#e5e7eb}.summary-icon{font-size:1.5rem}.summary-card.success .summary-icon{color:#10b981}.summary-card.failed .summary-icon{color:#ef4444}.summary-card.total .summary-icon{color:#6b7280}.summary-content{flex:1 1}.summary-number{color:#1f2937;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.summary-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.failed-list{margin-top:1.5rem}.failed-list h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.failed-items{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.failed-item{align-items:flex-start;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.failed-icon{color:#ef4444;flex-shrink:0;font-size:1.125rem;margin-top:.125rem}.failed-details{flex:1 1}.failed-id{color:#991b1b;font-size:.8125rem;font-weight:600;margin-bottom:.25rem}.failed-reason{color:#7f1d1d;font-size:.75rem}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel,.btn-close,.btn-execute{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel{background:#fff;border:1.5px solid #e5e7eb;color:#374151}.btn-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.btn-execute{background:#ff6b35;color:#fff}.btn-execute:hover:not(:disabled){background:#e85a2a;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.btn-execute:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-execute.destructive{background:#ef4444}.btn-execute.destructive:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d}.btn-close{background:#ff6b35;color:#fff}.btn-close:hover{background:#e85a2a}.spinning{animation:spin .8s linear infinite}@media (max-width:768px){.bulk-actions-modal{max-width:95%}.modal-content,.modal-footer,.modal-header{padding:1rem 1.5rem}.action-grid,.results-summary{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-close,.btn-execute{justify-content:center;width:100%}}.admin-dashboard-new{background:#f7fafc;display:flex;min-height:100vh}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease;width:280px;z-index:100}.admin-sidebar.closed{width:80px}.sidebar-header{padding:24px 20px}.sidebar-logo{gap:12px}.logo-icon,.sidebar-logo{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.logo-icon,.sidebar-title{font-size:18px;font-weight:700}.sidebar-title{color:#1a202c;margin:0;white-space:nowrap}.btn-toggle-sidebar{align-items:center;background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-toggle-sidebar:hover{background:#f7fafc}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s;width:100%}.nav-item:hover{background:#f7fafc;color:#667eea}.nav-item.active{background:linear-gradient(90deg,#667eea1a,#0000);border-right:3px solid #667eea;color:#667eea}.nav-icon{flex-shrink:0;font-size:20px}.nav-label{white-space:nowrap}.sidebar-footer{border-top:1px solid #e2e8f0;padding:20px}.btn-sidebar-logout{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 20px;transition:all .2s;width:100%}.btn-sidebar-logout:hover{background:#fecaca;transform:translateY(-1px)}.admin-main-content{flex:1 1;margin-left:280px;min-height:100vh;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-main-content{margin-left:80px}.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-container p{font-size:18px;margin-top:20px}.error-container{padding:40px;text-align:center}.btn-retry{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 32px;transition:all .2s}.btn-retry:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.stats-section{margin:30px auto;max-width:1400px;padding:0 40px}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{flex-direction:column;position:relative;transition:all .3s}.stat-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.stat-header{align-items:flex-start;display:flex;gap:20px}.stat-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.stat-icon.users{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon.active{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.growth{background:linear-gradient(135deg,#f6ad55,#ed8936)}.stat-icon.feedback{background:linear-gradient(135deg,#4299e1,#3182ce)}.stat-icon.subscriptions{background:linear-gradient(135deg,#48bb78,#38a169)}.stat-icon.mrr{background:linear-gradient(135deg,#ed8936,#dd6b20)}.stat-info{flex:1 1}.stat-info h3{color:#718096;font-size:14px;font-weight:500;margin:0 0 8px}.stat-number{color:#1a202c;font-size:32px;font-weight:700;margin:0 0 8px}.stat-comparison{align-items:center;display:flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.stat-comparison.positive{color:#22c55e}.stat-comparison.negative{color:#ef4444}.stat-action-link{align-items:center;border-top:1px solid #e2e8f0;color:#667eea;display:flex;font-size:13px;font-weight:600;gap:6px;margin-top:auto;padding-top:12px;text-decoration:none;transition:all .2s}.stat-action-link:hover{color:#5568d3;gap:8px}.content-section{margin:0 auto;max-width:1400px;padding:0 40px}.filters-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:20px}.search-box{flex:1 1;position:relative}.search-box svg{color:#a0aec0;left:16px;position:absolute}.search-box input{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:12px 16px 12px 48px;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{align-items:center;display:flex;min-width:200px;position:relative}.filter-select svg{color:#a0aec0;left:16px;pointer-events:none;position:absolute}.filter-select select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px 12px 48px;width:100%}.filter-select select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.providers-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.provider-card{border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s}.provider-card:hover{box-shadow:0 8px 24px #00000026}.provider-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.provider-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.provider-title h3{color:#1a202c;font-size:18px;font-weight:600;margin:0 0 4px}.provider-type{background:#f7fafc;border-radius:12px;color:#4a5568;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.provider-details{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:20px}.detail-item{align-items:center;color:#4a5568;font-size:14px;gap:12px;margin-bottom:12px}.detail-item svg{color:#a0aec0;flex-shrink:0}.provider-footer{align-items:center;display:flex;justify-content:space-between}.provider-status .badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.badge.active{background:#c6f6d5;color:#22543d}.badge.inactive{background:#fed7d7;color:#742a2a}.btn-qr{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-qr:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.feedback-list{display:flex;flex-direction:column;gap:16px}.feedback-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.feedback-user{gap:12px}.feedback-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#4299e1,#3182ce);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.feedback-user h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 4px}.feedback-date{color:#a0aec0;font-size:12px}.feedback-subject{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:13px;font-weight:500;padding:6px 16px}.feedback-body{color:#4a5568;line-height:1.6}.feedback-body p{margin:0}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:80px 40px;text-align:center}.empty-state svg{color:#cbd5e0;margin-bottom:20px}.empty-state h3{color:#2d3748;font-size:24px;margin:0 0 8px}.empty-state p{color:#718096;font-size:16px}.modal-overlay{align-items:center;bottom:0;display:flex;justify-content:center;padding:20px;position:fixed;right:0;z-index:1000}.modal-content{overflow-y:auto}.modal-header{border-bottom:1px solid #e2e8f0;padding:24px 30px}.modal-header h2{color:#1a202c;font-size:24px}.btn-close{align-items:center;background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-close:hover{background:#e2e8f0}.modal-body{padding:30px}.qr-info{margin-bottom:30px;text-align:center}.qr-info h3{color:#1a202c;font-size:20px;font-weight:600;margin:0 0 8px}.qr-info p{color:#718096;font-size:14px;margin:0 0 12px}.mailing-address{align-items:center;color:#4a5568!important;font-weight:500;gap:8px}.mailing-address,.qr-display{display:flex;justify-content:center}.qr-display{margin-bottom:30px}.qr-instructions{background:#f7fafc;border-radius:12px;padding:20px}.qr-instructions h4{color:#1a202c;font-size:16px;font-weight:600;margin:0 0 12px}.qr-instructions ol{margin:0;padding-left:20px}.qr-instructions li{color:#4a5568;line-height:1.8;margin-bottom:8px}.analytics-section{background:#0000;min-height:calc(100vh - 300px);padding:40px}.analytics-tab-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:30px 40px;padding:30px}.date-picker-pills{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px}.pill-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.pill-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.pill-btn:hover{border-color:#667eea;color:#667eea}.pill-btn.active{background:#667eea;border-color:#667eea;color:#fff}.date-display-simple{color:#718096;font-size:14px;font-weight:500;margin-top:12px}.custom-date-picker-inline{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;margin-top:12px;padding:16px}.date-input-group{flex-direction:column;gap:6px}.date-input-group label{color:#4a5568;font-size:12px;font-weight:600}.date-input-group input{border:1px solid #e2e8f0;color:#1a202c}.date-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-separator{color:#718096;font-weight:500}.analytics-error-alert{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.analytics-error-alert svg{flex-shrink:0}.main-chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:30px;padding:24px}.main-chart-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:16px}.main-chart-header h3{color:#1a202c;font-size:20px;font-weight:700;margin:0 0 4px}.chart-subtitle{color:#718096;font-size:13px}.analytics-header-bar{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.analytics-title{align-items:center;color:#1a202c;display:flex;gap:12px}.analytics-title h2{font-size:24px;font-weight:700;margin:0}.analytics-title svg{color:#667eea;font-size:28px}.analytics-actions{gap:12px}.btn-export,.btn-refresh{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s}.btn-export:hover:not(:disabled),.btn-refresh:hover:not(:disabled){background:#5568d3;box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.btn-export:disabled,.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.btn-refresh.loading{animation:spin 1s linear infinite}.export-dropdown{position:relative}.export-menu{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 25px #0000001a;z-index:100}.export-menu button{border-bottom:1px solid #e2e8f0;color:#4a5568;transition:all .2s}.export-menu button:hover{background:#f7fafc;color:#667eea}.analytics-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.key-metrics-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.key-metric-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea33;color:#fff;padding:15px}.kmetric-label{font-size:12px;font-weight:600;margin-bottom:8px;opacity:.9;text-transform:uppercase}.kmetric-value{font-size:24px;font-weight:700}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:1200px){.charts-grid{grid-template-columns:repeat(2,1fr)}.charts-grid>div:nth-child(3){grid-column:span 2}}.detailed-metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d}.detail-card h3{color:#1a202c}.detail-items{display:flex;flex-direction:column;gap:12px}.detail-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:10px 0}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{color:#718096;font-size:14px}.detail-item .value{color:#667eea}.alerts-panel{background:#fff5f5;border:1px solid #feb2b2;border-radius:10px;margin-bottom:30px;padding:20px}.alerts-title{align-items:center;color:#c53030;display:flex;font-size:16px;font-weight:600;gap:10px;margin-bottom:15px}.alerts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.alert-item{background:#fff;border-left:3px solid #fc8181;border-radius:6px;padding:12px 15px}.alert-item.alert-critical{border-left-color:#c53030}.alert-item.alert-high{border-left-color:#ed8936}.alert-item.alert-medium{border-left-color:#ecc94b}.alert-item.alert-low{border-left-color:#4299e1}.alert-title{color:#1a202c;font-size:13px;font-weight:600;margin-bottom:5px}.alert-message{color:#4a5568;font-size:12px;margin-bottom:8px}.alert-time{color:#a0aec0;font-size:11px}.settings-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:80px 40px;text-align:center}.settings-placeholder svg{color:#cbd5e0;margin-bottom:20px}.settings-placeholder h3{color:#2d3748;font-size:24px;margin:0 0 8px}.settings-placeholder p{color:#718096;font-size:16px;margin:0}@media (max-width:768px){.admin-sidebar{width:80px}.admin-sidebar.closed{overflow:hidden;width:0}.admin-main-content{margin-left:80px}.admin-sidebar.closed~.admin-main-content{margin-left:0}.content-section,.stats-section{padding:0 20px}.analytics-tab-content{margin:20px;padding:20px}.stats-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.providers-grid{grid-template-columns:1fr}.pill-group{flex-direction:column}.pill-btn{justify-content:center;width:100%}}.checkout-form{width:100%}.checkout-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.checkout-header svg{color:#10b981;font-size:1.5rem}.checkout-header h3{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0}.payment-element-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.payment-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:1rem}.payment-error p{margin:0}.btn-pay{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1.25rem;transition:all .3s ease;width:100%}.btn-pay:hover:not(:disabled){box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-pay:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-pay svg{font-size:1.2rem}.secure-payment-notice{align-items:center;background:#f0fdf4;border-radius:8px;color:#059669;display:flex;font-size:.85rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}.secure-payment-notice svg{font-size:1rem}.StripeElement{background:#fff;border-radius:6px;padding:1rem}.StripeElement--focus{box-shadow:0 0 0 3px #10b9811a}.StripeElement--invalid{border-color:#dc2626}.btn-pay .loading-spinner{height:20px;width:20px}@media (max-width:480px){.checkout-header h3{font-size:1.1rem}.btn-pay{font-size:1rem;padding:1rem}.secure-payment-notice{font-size:.8rem}}.order-placement-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.order-header{background:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100}.order-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1.5rem 2rem}.provider-info h1{color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.provider-address{align-items:center;color:#666;display:flex;font-size:.95rem;gap:.5rem}.provider-address svg{color:#10b981}.cart-button{background:#10b981;border:none;border-radius:50px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1.3rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.cart-button:hover{background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.cart-count{align-items:center;background:#ef4444;border:3px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;position:absolute;right:-8px;top:-8px}.category-tabs{background:#fff;box-shadow:0 1px 3px #0000000d;display:flex;gap:1rem;overflow-x:auto;padding:1rem 2rem;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:#fff;border:2px solid #e5e7eb;border-radius:50px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.category-tab:hover{border-color:#10b981;color:#10b981}.category-tab.active{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.menu-container{margin:0 auto;max-width:1400px;padding:2rem}.menu-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.menu-item-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.menu-item-card:hover{box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.menu-item-image{background:#f3f4f6;height:220px;overflow:hidden;width:100%}.menu-item-image img{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.menu-item-card:hover .menu-item-image img{transform:scale(1.05)}.menu-item-content{padding:1.5rem}.menu-item-name{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.menu-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.menu-item-footer{align-items:center;display:flex;gap:1rem;justify-content:space-between}.menu-item-price{color:#10b981;font-size:1.5rem;font-weight:700}.btn-add-to-cart{align-items:center;background:#10b981;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-add-to-cart:hover{background:#059669;transform:scale(1.02)}.customizable-badge{background:#f59e0b;border-radius:50px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;font-size:.75rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:12px;top:12px}.cart-sidebar{height:100%;pointer-events:none;position:fixed;right:0;top:0;width:100%;z-index:1000}.cart-sidebar.open{pointer-events:auto}.cart-overlay{background:#00000080;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.cart-sidebar.open .cart-overlay{opacity:1}.cart-content{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:100%;max-width:90vw;overflow:hidden;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:500px}.cart-sidebar.open .cart-content{transform:translateX(0)}.cart-scrollable-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto}.cart-footer{background:#fff;border-top:2px solid #e5e7eb;bottom:0;box-shadow:0 -4px 12px #0000000d;padding:1.5rem;position:sticky;z-index:10}.cart-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:2rem}.cart-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-cart{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-cart:hover{background:#ffffff4d;transform:rotate(90deg)}.empty-cart{align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.empty-cart svg{font-size:4rem}.empty-cart p{font-size:1.1rem;font-weight:500}.cart-items{padding:1.5rem}.cart-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.cart-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.cart-item-image{background:#f3f4f6;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;position:relative;width:80px}.cart-item-image img{height:100%;object-fit:cover;object-position:center;width:100%}.cart-item-placeholder{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.cart-item-placeholder.hidden{display:none}.cart-item-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.cart-item-info{flex:1 1;min-width:0}.cart-item-info h4{color:#1a1a1a;font-size:1.05rem;font-weight:700;margin:0 0 .25rem}.cart-item-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.8rem;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.cart-item-customizations{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;margin:.5rem 0 .75rem;padding:.65rem}.customization-detail{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem}.customization-detail:last-child{margin-bottom:0}.custom-label{font-size:.75rem;margin-right:.25rem}.custom-value{font-size:.75rem;font-weight:500;padding:.2rem .5rem}.cart-item-pricing{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem}.item-unit-price{color:#6b7280;font-size:.85rem;font-weight:500}.item-total-price{color:#10b981;font-size:1.1rem;font-weight:700}.cart-item-actions{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-top:.75rem}.quantity-controls{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:50px;display:flex;flex:1 1;gap:.5rem;padding:.25rem}.quantity-controls button{align-items:center;background:#10b981;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.quantity-controls button:hover{background:#059669;transform:scale(1.08)}.quantity-controls button:active{transform:scale(.95)}.quantity-controls span{color:#1a1a1a;font-size:.95rem;font-weight:700;min-width:35px;text-align:center}.remove-item{align-items:center;background:#fee2e2;border:2px solid #fecaca;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:34px;justify-content:center;transition:all .2s ease;width:34px}.remove-item:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:scale(1.08)}.remove-item:active{transform:scale(.95)}.cart-summary{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb;border-top:2px solid #e5e7eb;padding:1.5rem}.summary-row{align-items:center;color:#4b5563;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:.75rem}.summary-row span:first-child{font-weight:500}.summary-row span:last-child{color:#1a1a1a;font-weight:600}.summary-row.total{border-top:2px solid #cbd5e0;color:#1a1a1a;font-size:1.4rem;font-weight:700;margin-bottom:0;margin-top:.5rem;padding-top:1rem}.summary-row.total span:last-child{color:#10b981;font-size:1.5rem}.customer-info-form{padding:1.5rem}.customer-info-form h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.customer-info-form input,.customer-info-form select,.customer-info-form textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.95rem;margin-bottom:1rem;padding:.875rem;transition:all .3s ease;width:100%}.customer-info-form input:focus,.customer-info-form select:focus,.customer-info-form textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.customer-info-form textarea{min-height:80px;resize:vertical}.btn-checkout{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.25rem;transition:all .3s ease;width:100%}.btn-checkout:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-checkout:disabled{cursor:not-allowed;opacity:.6;transform:none}.cart-footer .btn-checkout{margin:0}.customization-modal{align-items:center;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2000}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;height:100%;left:0;position:absolute;top:0;width:100%}.modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.close-modal{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-modal:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:2rem}.customization-group{margin-bottom:2rem}.customization-group:last-child{margin-bottom:0}.customization-group h3{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.customization-group h3 .required{color:#ef4444;margin-left:.25rem}.group-hint{color:#6b7280;font-size:.85rem;margin:0 0 1rem}.customization-options{display:flex;flex-direction:column;gap:.75rem}.customization-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.customization-option:hover{background:#f0fdf4;border-color:#10b981}.customization-option input{cursor:pointer;height:18px;margin-right:1rem;width:18px}.option-name{color:#374151;flex:1 1;font-weight:500}.option-price{color:#10b981;font-weight:600}.modal-footer{background:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;padding:1.5rem 2rem}.btn-confirm{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 12px #f59e0b4d;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem;transition:all .3s ease;width:100%}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 16px #f59e0b66}.btn-confirm:disabled{cursor:not-allowed;opacity:.5;transform:none}.checkout-section{animation:slideIn .3s ease;background:#fff;border-top:1px solid #e5e7eb;padding:0}.checkout-section .checkout-header{border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.checkout-section .btn-back{align-items:center;background:#0000;border:none;color:#ff6b35;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 0;transition:opacity .2s}.checkout-section .btn-back:hover{opacity:.7}.order-success-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.success-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:650px;padding:3rem;text-align:center;width:100%}.success-icon{animation:successPulse 1s ease;background:linear-gradient(135deg,#10b981,#059669);height:100px;margin:0 auto 2rem;width:100px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-icon svg{color:#fff;font-size:3rem}.success-card h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 1rem}.order-number{color:#6b7280;font-size:1.1rem;font-weight:600}.order-number,.success-details{margin-bottom:2rem}.success-details .thank-you-msg{color:#1a1a1a;font-size:1.15rem;line-height:1.6;margin:1rem 0}.success-details .order-status-msg{color:#6b7280;font-size:1rem;line-height:1.6;margin:.5rem 0}.pickup-time,.table-number{align-items:center;background:#f0fdf4;border-radius:8px;color:#059669;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin:.75rem 0;padding:.75rem 1rem}.pickup-time svg,.table-number svg{font-size:1.1rem}.order-summary-success{background:#f9fafb;border-radius:12px;margin:2rem 0;padding:1.5rem;text-align:left}.order-summary-success h3{color:#1a1a1a;font-size:1.25rem;font-weight:700;margin:0 0 1rem;text-align:center}.success-items-list{border-bottom:2px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.success-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:.5rem}.success-item-details{align-items:center;display:flex;gap:.75rem}.success-item-qty{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.875rem;font-weight:700;min-width:35px;padding:.25rem .5rem;text-align:center}.success-item-name{color:#374151;font-size:.95rem;font-weight:500}.success-item-price{color:#1a1a1a;font-size:.95rem;font-weight:600}.success-totals{display:flex;flex-direction:column;gap:.5rem}.success-total-row{color:#6b7280;display:flex;font-size:.95rem;justify-content:space-between}.success-total-row.total{border-top:2px solid #e5e7eb;color:#1a1a1a;font-size:1.1rem;margin-top:.5rem;padding-top:.75rem}.success-contact-info{background:#eff6ff;border-radius:8px;margin:1.5rem 0;padding:1rem;text-align:left}.success-contact-info p{color:#1e40af;font-size:.9rem;line-height:1.5;margin:.5rem 0}.success-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.75rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;font-size:1.05rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#374151}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.order-page-error,.order-page-loading,.order-page-locked{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.order-page-locked{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.order-page-locked .locked-content{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:3rem;text-align:center}.order-page-locked .locked-icon{align-items:center;background:#f1f5f9;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.order-page-locked h1{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.order-page-locked .locked-message{color:#64748b;font-size:1rem;line-height:1.6;margin:0 0 .5rem}.order-page-locked .locked-submessage{color:#94a3b8;font-size:.875rem;margin:0 0 2rem}.order-page-locked .contact-button{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .2s ease}.order-page-locked .contact-button:hover{background:#2563eb;transform:translateY(-2px)}.order-page-locked .back-button{background:#f1f5f9;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:block;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.order-page-locked .back-button:hover{background:#e2e8f0;color:#1e293b}.error-toast{animation:toastSlideIn .3s ease;bottom:2rem;max-width:400px;position:fixed;right:2rem;z-index:3000}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.order-header-content{padding:1rem}.provider-info h1{font-size:1.4rem}.cart-button{font-size:1.1rem;padding:.75rem 1.25rem}.category-tabs,.menu-container{padding:1rem}.menu-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.cart-content{max-width:100%;width:100%}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:1.5rem}.success-card{padding:2rem}.success-icon{height:80px;width:80px}.success-card h1{font-size:1.6rem}}.empty-menu{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;padding:4rem 2rem;text-align:center}.empty-menu h3{color:#1a1a1a;font-size:1.5rem;margin:1.5rem 0 .75rem}.empty-menu p{color:#666;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.btn-view-all{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s}.btn-view-all:hover{background:#059669;transform:translateY(-2px)}@media (max-width:480px){.menu-grid{grid-template-columns:1fr}.category-tab{font-size:.85rem;padding:.6rem 1.2rem}.cart-item{flex-direction:column}.cart-item-image{height:150px;width:100%}.cart-item-info h4{font-size:1rem}.cart-item-pricing{align-items:flex-start;flex-direction:column;gap:.25rem}.quantity-controls{flex:0 1;min-width:120px}}.orders-dashboard{padding-bottom:40px}.orders-dashboard,.orders-dashboard-loading{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.orders-dashboard-loading{align-items:center;display:flex;justify-content:center}.dashboard-header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:24px 30px}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;max-width:1400px}.header-content h1{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 4px}.header-content p,.header-subtitle{color:#718096;font-size:14px;margin:0}.header-actions{align-items:center;display:flex;gap:1rem}.view-mode-toggle{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:0;padding:4px}.view-mode-toggle button{background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.view-mode-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#667eea}.view-mode-toggle button:hover:not(.active){background:#ffffff80}.btn-back{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .2s}.btn-back:hover{background:#edf2f7;border-color:#cbd5e0}.btn-notifications{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:.5rem;padding:10px 20px;transition:all .2s}.btn-notifications.enabled{background:#48bb78;border-color:#38a169;color:#fff}.btn-notifications.enabled:hover{background:#38a169;box-shadow:0 2px 8px #48bb784d;transform:translateY(-1px)}.btn-notifications.disabled{background:#fed7d7;border-color:#fc8181;color:#742a2a}.btn-notifications.disabled:hover{background:#fc8181;color:#fff;transform:translateY(-1px)}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px auto;max-width:1400px;padding:0 30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:24px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-card svg{background:#667eea1a;border-radius:10px;color:#667eea;height:40px;padding:10px;width:40px}.stat-card.pending svg{background:#f59e0b1a;color:#f59e0b}.stat-card.preparing svg{background:#8b5cf61a;color:#8b5cf6}.stat-card.ready svg{background:#10b9811a;color:#10b981}.stat-info h3{color:#1a202c;font-size:32px;font-weight:700;margin:0}.stat-info p{color:#718096;font-size:14px;margin:4px 0 0}.orders-filters{display:flex;flex-wrap:wrap;gap:12px;margin:20px auto;max-width:1400px;padding:0 30px}.orders-filters button{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.orders-filters button:hover{border-color:#667eea;color:#667eea}.orders-filters button.active{background:#667eea;border-color:#667eea;color:#fff}.error-banner{align-items:center;background:#fed7d7;border:1px solid #fc8181;border-radius:8px;display:flex;gap:12px;margin:20px auto;max-width:1400px;padding:16px}.error-banner svg{color:#c53030;flex-shrink:0}.error-banner span{color:#742a2a;flex:1 1}.error-banner button{background:none;border:none;color:#c53030;cursor:pointer;padding:4px}.success-banner{align-items:center;animation:slideDown .3s ease-out;background:#c6f6d5;border:1px solid #68d391;border-radius:8px;display:flex;gap:12px;margin:20px auto;max-width:1400px;padding:16px}.success-banner svg{color:#22543d;flex-shrink:0}.success-banner span{color:#22543d;flex:1 1;font-weight:500}.success-banner button{background:none;border:none;color:#22543d;cursor:pointer;padding:4px}.orders-container{margin:20px auto;max-width:1400px;padding:0 30px}.no-orders{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:60px 40px;text-align:center}.no-orders svg{color:#cbd5e0;height:64px;margin-bottom:20px;width:64px}.no-orders h3{color:#2d3748;font-size:24px;margin:0 0 8px}.no-orders p{color:#718096;font-size:16px;margin:0}.orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.order-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;padding:20px;transition:all .2s}.order-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.order-card.selected{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.order-card-header{align-items:start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.order-card-header h3{color:#1a202c;font-size:20px;font-weight:700;margin:0}.order-time{color:#718096;font-size:13px;margin:4px 0 0}.order-status-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:uppercase}.order-status-badge svg{height:14px;width:14px}.order-customer-info{margin-bottom:16px}.info-row{align-items:center;color:#4a5568;display:flex;font-size:14px;gap:8px;padding:6px 0}.info-row svg{color:#718096;height:16px;width:16px}.order-items-summary{align-items:center;background:#f7fafc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.items-count{color:#718096;font-size:14px;margin:0}.order-total{color:#667eea;font-size:18px;font-weight:700;margin:0}.order-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.order-actions button,.order-card>button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .2s}.btn-confirm{background:#10b981}.btn-confirm:hover{background:#059669}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626}.btn-preparing{background:#8b5cf6;color:#fff;width:100%}.btn-preparing:hover{background:#7c3aed}.btn-ready{background:#10b981;color:#fff;width:100%}.btn-ready:hover{background:#059669}.btn-complete{background:#6b7280;color:#fff;width:100%}.btn-complete:hover{background:#4b5563}.btn-complete:disabled,.btn-preparing:disabled,.btn-ready:disabled,.order-actions button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.order-details-sidebar{height:100%;position:fixed;right:0;top:0;width:100%;z-index:1000}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;width:100%}.sidebar-content,.sidebar-overlay{height:100%;position:absolute;top:0}.sidebar-content{animation:slideIn .3s ease;background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;max-width:100%;right:0;width:500px}.sidebar-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e2e8f0;color:#fff;display:flex;justify-content:space-between;padding:24px 30px}.sidebar-header h2{font-size:24px;font-weight:700;margin:0}.sidebar-header button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.sidebar-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.sidebar-body{flex:1 1;overflow-y:auto;padding:24px 30px}.detail-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#718096;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.status-display{align-items:center;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.status-display svg{height:18px;width:18px}.order-date{color:#718096;font-size:14px;margin:8px 0 0}.detail-info{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:start;display:flex;gap:12px}.detail-row svg{color:#667eea;flex-shrink:0;height:20px;margin-top:2px;width:20px}.detail-row>div{display:flex;flex:1 1;flex-direction:column;gap:2px}.detail-row .label{color:#718096;font-size:12px;font-weight:500}.detail-row .value{color:#1a202c;font-size:14px;font-weight:500}.order-items-list{display:flex;flex-direction:column;gap:16px}.order-item-detail{background:#f7fafc;border-radius:8px;padding:16px}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.item-name{color:#1a202c;font-size:16px;font-weight:600}.item-qty{background:#fff;border-radius:12px;color:#667eea;font-size:14px;font-weight:600;padding:4px 12px}.item-customizations{background:#fff;border-radius:6px;font-size:13px;margin:8px 0;padding:8px}.customization{margin-bottom:4px}.customization:last-child{margin-bottom:0}.custom-label{color:#4b5563;font-weight:600;margin-right:6px}.custom-value{background:#d1fae5;border-radius:4px;color:#059669;font-size:12px;margin-right:4px;padding:2px 8px}.item-pricing{align-items:center;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:14px;justify-content:space-between;margin-top:8px;padding-top:8px}.item-total{color:#1a202c;font-size:16px;font-weight:700}.special-instructions{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;color:#78350f;font-size:14px;line-height:1.5;margin:0;padding:12px}.order-total-section{background:#f7fafc;border-radius:8px;padding:16px}.total-row{align-items:center;color:#4a5568;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.total-row.final{border-top:2px solid #cbd5e0;color:#1a202c;font-size:18px;font-weight:700;margin-top:8px;padding-top:12px}.total-row.final span:last-child{color:#667eea;font-size:20px}.sidebar-actions{display:flex;flex-direction:column;gap:12px;padding-top:20px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s}.btn-confirm-full{background:#10b981;color:#fff}.btn-confirm-full:hover{background:#059669;transform:translateY(-2px)}.btn-cancel-full{background:#ef4444;color:#fff}.btn-cancel-full:hover{background:#dc2626;transform:translateY(-2px)}.btn-preparing-full{background:#8b5cf6;color:#fff}.btn-preparing-full:hover{background:#7c3aed;transform:translateY(-2px)}.btn-ready-full{background:#10b981;color:#fff}.btn-ready-full:hover{background:#059669;transform:translateY(-2px)}.btn-complete-full{background:#6b7280;color:#fff}.btn-complete-full:hover{background:#4b5563;transform:translateY(-2px)}.sidebar-actions button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none;transform:none!important}.order-cancelled-badge,.order-completed-badge{align-items:center;border-radius:8px;display:flex;font-size:14px;font-weight:600;gap:.5rem;justify-content:center;margin-top:12px;padding:.75rem}.order-completed-badge{background:#d1fae5;border:1px solid #10b981;color:#065f46}.order-cancelled-badge{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}@media (max-width:768px){.orders-grid{grid-template-columns:1fr}.sidebar-content{width:100%}.stats-cards{grid-template-columns:1fr}.header-content,.orders-filters{flex-direction:column}.header-content{align-items:flex-start}.header-actions{flex-direction:column;width:100%}.view-mode-toggle{width:100%}.view-mode-toggle button{flex:1 1}}:root{--success-color:#10b981;--error-color:#ef4444;--radius-xl:1rem}.provider-detail-container{background:#f9fafb;background:var(--bg-light);margin:0 auto;max-width:1200px;min-height:100vh;padding:1rem;padding:var(--spacing-md)}.provider-detail-header{align-items:center;display:flex;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.back-button{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.back-button:hover{background:#f9fafb;background:var(--bg-light);border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.provider-cover-image{background:#6366f1;background:var(--primary-color);border-radius:0;height:250px;margin:-var(--spacing-md) -var(--spacing-md) var(--spacing-lg) -var(--spacing-md);overflow:hidden;width:100%}.provider-cover-image img{height:100%;object-fit:cover;width:100%}.provider-detail-content{background:#fff;background:var(--bg-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl)}.business-info-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding-bottom:2rem;padding-bottom:var(--spacing-xl)}.business-header{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.profile-image{border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);flex-shrink:0;height:120px;object-fit:cover;width:120px}.business-meta{flex:1 1}.business-name-row{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.business-meta h1{color:#1f2937;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.premium-badge{border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.business-type{font-size:.95rem;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.status-row{flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.rating-info,.status-row{align-items:center;display:flex}.rating-info{gap:.5rem;gap:var(--spacing-sm)}.rating-badge{background:#f9fafb;background:var(--bg-light);border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--primary-color);font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.star-icon{color:#f59e0b;color:var(--warning-color)}.kyc-status,.review-count{font-size:.875rem}.kyc-status{align-items:center;display:flex;font-weight:500;gap:.25rem;gap:var(--spacing-xs)}.business-description{color:#6b7280;color:var(--text-secondary);line-height:1.6;margin:0}.provider-detail-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-top:2rem;margin-top:var(--spacing-xl)}.detail-column{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.detail-card{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg)}.detail-card h2{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.contact-info{flex-direction:column}.contact-info,.contact-item{display:flex;gap:1rem;gap:var(--spacing-md)}.contact-item{align-items:flex-start}.contact-item .icon{color:#6366f1;color:var(--primary-color);flex-shrink:0;height:20px;margin-top:2px;width:20px}.contact-item .label{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.contact-item .value{color:#1f2937;color:var(--text-primary);margin:.25rem 0 0;margin:var(--spacing-xs) 0 0 0;text-decoration:none;transition:color .2s ease}.contact-item .value:hover{color:#6366f1;color:var(--primary-color);text-decoration:underline}.business-hours{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.hour-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.hour-item:last-child{border-bottom:none}.hour-item .day{color:#1f2937;color:var(--text-primary);font-weight:500;min-width:80px;text-transform:capitalize}.hour-item .time{color:#6b7280;color:var(--text-secondary);font-size:.9rem}.hour-item .closed{color:#ef4444;color:var(--error-color);font-style:italic}.payment-methods{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.payment-badge{background:#6366f1;background:var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.8rem;font-weight:500;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.menu-card{display:flex;flex-direction:column}.menu-summary{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.menu-stat{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-md);text-align:center}.menu-stat .stat-value{color:#6366f1;color:var(--primary-color);font-size:1.75rem;font-weight:700}.menu-stat .stat-label{color:#6b7280;color:var(--text-secondary);font-size:.8rem;margin-top:.25rem;margin-top:var(--spacing-xs);text-transform:uppercase}.categories-list{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.categories-list .label{color:#9ca3af;color:var(--text-tertiary);font-size:.75rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-transform:uppercase}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.category-tag{background:#fff;border:1px solid #6366f1;border:1px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);color:#6366f1;color:var(--primary-color);font-size:.8rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.view-menu-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:1rem;padding:var(--spacing-md);transition:background .2s ease;width:100%}.view-menu-btn:hover{background:#4f46e5;background:var(--primary-dark)}.ratings-distribution{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}.average-rating{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:1rem;padding:var(--spacing-md)}.rating-number{color:#6366f1;color:var(--primary-color);font-size:2.5rem;font-weight:700}.stars{display:flex;gap:.25rem;gap:var(--spacing-xs);margin:.5rem 0;margin:var(--spacing-sm) 0}.stars .star{color:#e5e7eb;color:var(--border-light);height:20px;width:20px}.stars .star.filled{color:#f59e0b;color:var(--warning-color)}.average-rating .review-count{color:#6b7280;color:var(--text-secondary);font-size:.8rem}.rating-bars{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.rating-bar-item{grid-gap:.5rem;grid-gap:var(--spacing-sm);align-items:center;display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:30px 1fr 30px}.star-label{color:#6b7280;color:var(--text-secondary);font-size:.85rem;font-weight:500}.bar-container{background:#e5e7eb;background:var(--border-light);height:8px;overflow:hidden}.bar-container,.bar-fill{border-radius:.5rem;border-radius:var(--radius-md)}.bar-fill{background:#f59e0b;background:var(--warning-color);height:100%;transition:width .3s ease}.bar-count{color:#6b7280;color:var(--text-secondary);font-size:.75rem;text-align:right}.cta-section{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:1.5rem;margin-top:var(--spacing-lg)}.order-button,.play-button{border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.order-button.primary{background:#6366f1;background:var(--primary-color);color:#fff}.order-button.primary:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.play-button.secondary{background:#fff;border:2px solid #6366f1;border:2px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.play-button.secondary:hover{background:#f9fafb;background:var(--bg-light);transform:translateY(-2px)}@media (max-width:768px){.provider-detail-container{padding:.5rem;padding:var(--spacing-sm)}.provider-detail-content{padding:1.5rem;padding:var(--spacing-lg)}.provider-cover-image{height:180px;margin:-var(--spacing-sm) -var(--spacing-sm) var(--spacing-md) -var(--spacing-sm)}.business-header{align-items:center;flex-direction:column;text-align:center}.profile-image{height:100px;width:100px}.business-meta h1{font-size:1.5rem}.status-row{justify-content:center}.cta-section,.provider-detail-grid,.ratings-distribution{grid-template-columns:1fr}}@media (max-width:480px){.provider-detail-container{padding:.5rem;padding:var(--spacing-sm)}.provider-detail-content{padding:1rem;padding:var(--spacing-md)}.business-meta h1{font-size:1.25rem}.business-header{gap:1rem;gap:var(--spacing-md)}.profile-image{height:80px;width:80px}.detail-card{padding:1rem;padding:var(--spacing-md)}.business-name-row{align-items:flex-start;flex-direction:column}.menu-summary,.ratings-distribution{grid-template-columns:1fr}}:root{--warning-color:#f59e0b;--shadow-lg:0 10px 15px -3px #0000001a}.provider-card{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.provider-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.provider-card.selected,.provider-card:hover{border-color:#6366f1;border-color:var(--primary-color)}.provider-card.selected{background:linear-gradient(180deg,#6366f105,#fff);box-shadow:0 0 0 2px #6366f126}.card-checkbox{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:32px;z-index:10}.card-checkbox input{cursor:pointer;opacity:0;position:absolute}.provider-card.selected .card-checkbox{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color)}.card-checkbox .check-icon{stroke-width:3;color:#6366f1;color:var(--primary-color);height:16px;width:16px}.provider-card.selected .card-checkbox .check-icon{color:#fff}.provider-card-image{background:#f9fafb;background:var(--bg-light);height:180px;overflow:hidden;position:relative;width:100%}.provider-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.provider-card:hover .provider-card-image img{transform:scale(1.05)}.placeholder-image{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;height:100%;justify-content:center;opacity:.5;width:100%}.card-badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);left:1rem;left:var(--spacing-md);position:absolute;top:1rem;top:var(--spacing-md)}.premium-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.premium-badge,.verified-badge{box-shadow:0 2px 4px #0003;color:#fff}.verified-badge{align-items:center;background:#10b981;border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.verified-badge svg{height:16px;width:16px}.rating-badge{align-items:center;background:#fff;background:var(--bg-white);border:2px solid #f59e0b;border:2px solid var(--warning-color);border-radius:6px;bottom:1rem;bottom:var(--spacing-md);box-shadow:0 2px 8px #0000001a;color:#f59e0b;color:var(--warning-color);display:flex;font-size:.9rem;font-weight:700;gap:4px;padding:6px 10px;position:absolute;right:1rem;right:var(--spacing-md)}.rating-badge .star-icon{height:16px;width:16px}.provider-card-content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem;padding:var(--spacing-lg)}.card-header{align-items:flex-start;display:flex;gap:.5rem;gap:var(--spacing-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.provider-name{color:#1f2937;color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0}.review-count{color:#6b7280;color:var(--text-secondary);flex-shrink:0;font-size:.8rem;white-space:nowrap}.business-type{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-transform:capitalize}.business-type,.location{color:#6b7280;color:var(--text-secondary);font-size:.85rem;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.location{align-items:center;display:flex;gap:6px}.location svg{flex-shrink:0;height:14px;width:14px}.description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;color:var(--text-secondary);display:-webkit-box;flex-grow:1;font-size:.85rem;line-height:1.4;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0;overflow:hidden}.card-actions{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;margin-top:auto}.action-btn{border:none;font-size:.85rem;padding:8px 12px;text-align:center;transition:all .2s ease}.order-btn{background:#6366f1;background:var(--primary-color);color:#fff}.order-btn:hover{background:#4f46e5;background:var(--primary-dark);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.play-btn{background:#f9fafb;background:var(--bg-light);border:1.5px solid #6366f1;border:1.5px solid var(--primary-color);color:#6366f1;color:var(--primary-color)}.play-btn:hover{background:#6366f1;background:var(--primary-color);box-shadow:0 4px 8px #6366f14d;color:#fff;transform:translateY(-1px)}@media (max-width:640px){.provider-card-image{height:150px}.provider-card-content{padding:1rem;padding:var(--spacing-md)}.provider-name{font-size:1rem}.card-actions{gap:.25rem;gap:var(--spacing-xs)}.action-btn{font-size:.8rem;padding:6px 10px}}@media (max-width:480px){.provider-card-image{height:140px}.provider-card-content{padding:1rem;padding:var(--spacing-md)}.card-header{flex-direction:column;gap:0}.review-count{display:none}.description{-webkit-line-clamp:1;line-clamp:1;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}}.bulk-action-toolbar{align-items:center;animation:slideDown .3s ease;background:linear-gradient(90deg,#667eea26,#764ba21a);border:1px solid #667eea4d;border-radius:8px;box-shadow:0 2px 8px #667eea26;display:flex;gap:16px;justify-content:space-between;margin:16px 0;padding:16px 20px;position:sticky;top:60px;z-index:10}.selection-info{align-items:center;color:#b4d4ff;display:flex;font-size:14px;font-weight:600;gap:10px;min-width:200px}.selection-info svg{color:#667eea}.action-buttons{display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.action-btn{font-size:12px;font-weight:600;gap:6px;padding:8px 14px;white-space:nowrap}.action-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.suspend-btn{border-color:#ef44444d;color:#fca5a5}.suspend-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef444480}.activate-btn{border-color:#22c55e4d;color:#86efac}.activate-btn:hover:not(:disabled){background:#22c55e1a;border-color:#22c55e80}.verify-btn{border-color:#3b82f64d;color:#93c5fd}.verify-btn:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f680}.reject-btn{border-color:#f59e0b4d;color:#fbbf24}.reject-btn:hover:not(:disabled){background:#f59e0b1a;border-color:#f59e0b80}.upgrade-btn{border-color:#a855f74d;color:#d8b4fe}.upgrade-btn:hover:not(:disabled){background:#a855f71a;border-color:#a855f780}.downgrade-btn{border-color:#6b72804d;color:#d1d5db}.downgrade-btn:hover:not(:disabled){background:#6b72801a;border-color:#6b728080}.clear-btn{border-color:#fff3}.clear-btn:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#fca5a5}.bulk-error,.bulk-success{animation:slideDown .3s ease;border-radius:6px;font-size:13px;font-weight:500;margin:12px 0;padding:12px 16px}.bulk-error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.bulk-success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.bulk-confirm-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.bulk-confirm-dialog{animation:slideIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.confirm-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.confirm-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.confirm-close{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.confirm-close:hover{background:#ffffff1a}.confirm-content{padding:24px}.confirm-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 20px}.confirm-reason{display:flex;flex-direction:column;gap:8px;margin:16px 0}.confirm-reason label{color:#e0e0e0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.confirm-reason textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:13px;max-height:150px;min-height:80px;padding:10px 12px;resize:vertical}.confirm-reason textarea:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.confirm-details{background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;margin:20px 0;padding:16px}.detail-item{color:#d0d0d0;font-size:13px;line-height:1.5;margin:8px 0}.detail-item:first-child{margin-top:0}.detail-item:last-child{margin-bottom:0}.detail-item strong{color:#e0e0e0;font-weight:600}.confirm-warning{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:6px;color:#fbbf24;font-size:12px;font-weight:500;margin:16px 0 0;padding:12px}.confirm-actions{background:#1e1e2e80;border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.btn-cancel,.btn-confirm{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .3s ease}.btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.btn-confirm:hover:not(:disabled){box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.btn-cancel:disabled,.btn-confirm:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.bulk-action-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.selection-info{width:100%}.action-buttons{gap:6px;width:100%}.action-btn{flex:1 1;font-size:11px;min-width:calc(50% - 3px);padding:6px 10px}.bulk-confirm-dialog{max-height:90vh;width:95%}}@media (max-width:480px){.bulk-action-toolbar{border-radius:0;margin:0;top:0}.action-btn{min-width:calc(50% - 3px)}.clear-btn{min-width:100%}}:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--bg-light:#f9fafb;--bg-white:#fff;--border-light:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-md:0.5rem;--radius-lg:0.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a}.provider-search-container{background:#f9fafb;background:var(--bg-light);min-height:100vh}.search-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;padding:3rem 1rem;padding:var(--spacing-2xl) var(--spacing-md)}.header-content{margin:0 auto;max-width:1200px;text-align:center}.search-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.search-header p{font-size:1.125rem;margin:0;opacity:.9}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin:-var(--spacing-lg) auto var(--spacing-xl);max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.search-input-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon{color:#6b7280;color:var(--text-secondary);left:1rem;left:var(--spacing-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);font-size:1rem;padding:1rem 1rem 1rem 2rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) var(--spacing-xl);transition:all .2s ease;width:100%}.search-input:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.filter-button,.preset-button{align-items:center;background:#fff;background:var(--bg-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .2s ease}.filter-button:hover,.preset-button:hover{border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.filter-button.active,.preset-button.active{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.filter-badge{align-items:center;background:var(--warning-color);border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;margin-left:.25rem;margin-left:var(--spacing-xs);min-width:24px}.filter-button.active .filter-badge{background:#ffffff4d;color:#fff}.filter-panel{grid-gap:1.5rem;grid-gap:var(--spacing-lg);animation:slideDown .3s ease;background:#fff;background:var(--bg-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;margin:0 auto var(--spacing-xl);max-width:1200px;padding:2rem;padding:var(--spacing-xl)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-section{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-label{color:#1f2937;color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-input,.filter-select{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);font-size:.95rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.rating-slider{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.slider{-webkit-appearance:none;appearance:none;background:#e5e7eb;background:var(--border-light);border-radius:3px;flex:1 1;height:6px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#6366f1;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px #6366f133}.slider::-moz-range-thumb{background:#6366f1;background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.slider::-moz-range-thumb:hover{box-shadow:0 0 0 6px #6366f133}.rating-value{color:#6366f1;color:var(--primary-color);font-weight:600;min-width:45px;text-align:right}.sort-options,.subscription-options{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.option-label{align-items:center;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;gap:var(--spacing-sm)}.option-label input[type=radio]{accent-color:#6366f1;accent-color:var(--primary-color);cursor:pointer;height:18px;width:18px}.sort-options{gap:.5rem;gap:var(--spacing-sm)}.sort-options .filter-select{width:100%}.clear-filters-btn{align-items:center;background:#f9fafb;background:var(--bg-light);border:2px solid #e5e7eb;border:2px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--spacing-sm);grid-column:1/-1;justify-content:center;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.clear-filters-btn:hover{background:#6366f1;background:var(--primary-color);border-color:#6366f1;border-color:var(--primary-color);color:#fff}.results-section{margin:0 auto;max-width:1200px;padding:1rem;padding:var(--spacing-md)}.results-info{background:#fff;background:var(--bg-white);border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.results-info p{margin:0}.select-all-btn{background:linear-gradient(135deg,#6366f1,#667eea);background:linear-gradient(135deg,var(--primary-color),#667eea);border:none;border-radius:6px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 14px;transition:all .3s ease}.select-all-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.provider-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.no-results{background:#fff;background:var(--bg-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--spacing-2xl);text-align:center}.no-results p{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.pagination-controls{align-items:center;background:#fff;background:var(--bg-white);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:center;margin-top:2rem;margin-top:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl)}.pagination-btn{background:#6366f1;background:var(--primary-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#4f46e5;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#1f2937;color:var(--text-primary);font-weight:600;min-width:150px;text-align:center}@media (max-width:768px){.search-header h1{font-size:1.875rem}.search-header p{font-size:1rem}.search-controls{flex-direction:column;margin:-var(--spacing-md) auto var(--spacing-lg)}.search-input-wrapper{width:100%}.filter-button,.preset-button{flex:1 1;justify-content:center}.filter-panel{grid-template-columns:1fr}.provider-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:480px){.search-header{padding:1.5rem .5rem;padding:var(--spacing-lg) var(--spacing-sm)}.search-header h1{font-size:1.5rem}.search-header p{font-size:.9rem}.search-controls{margin:-var(--spacing-sm) auto var(--spacing-md);padding:0 .5rem;padding:0 var(--spacing-sm)}.search-input{font-size:16px}.filter-button,.preset-button{font-size:.85rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.filter-panel{padding:1rem;padding:var(--spacing-md)}.filter-section{gap:.25rem;gap:var(--spacing-xs)}.filter-label{font-size:.8rem}.provider-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.pagination-controls{flex-direction:column;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.pagination-btn{width:100%}}.compose-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compose-modal{animation:slideIn .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.compose-header{align-items:center;background:#1e1e2e80;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.compose-header h2{color:#fff;font-size:20px;font-weight:700;margin:0}.close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-btn:hover{background:#ffffff1a;color:#fff}.compose-form{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px 24px}.compose-error{align-items:center;animation:slideIn .3s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;display:flex;font-size:13px;gap:10px;padding:12px 16px}.compose-error svg{flex-shrink:0}.compose-success{align-items:center;animation:slideIn .3s ease;background:#22c55e26;border:1px solid #22c55e4d;border-radius:6px;color:#86efac;display:flex;font-size:13px;gap:10px;padding:12px 16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-group label{color:#e0e0e0;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;font-family:inherit;font-size:13px;padding:10px 12px;resize:none;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.char-count,.form-group input::placeholder,.form-group textarea::placeholder{color:#707070}.char-count{font-size:11px;text-align:right}.recipient-input-wrapper{position:relative}.recipient-dropdown{background:#1a1a2ef2;border:1px solid #667eea4d;border-radius:6px;box-shadow:0 4px 12px #0000004d;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.recipient-option{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .3s ease}.recipient-option:last-child{border-bottom:none}.recipient-option:hover{background:#667eea26}.recipient-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.recipient-info{flex:1 1;min-width:0}.recipient-name{color:#fff;font-size:13px;font-weight:600}.recipient-email,.recipient-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-email{color:#a0a0a0;font-size:12px}.recipient-business{color:grey;font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipient-empty{color:#707070;font-size:13px;padding:20px 12px;text-align:center}.selected-recipient{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:6px;color:#b4d4ff;display:flex;font-size:13px;gap:8px;padding:8px 12px;width:fit-content}.remove-recipient-btn{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font-size:18px;justify-content:center;margin-left:4px;padding:0;transition:all .3s ease}.remove-recipient-btn:hover{color:#ef4444;font-weight:700}.compose-actions{background:#1e1e2e80;border-top:1px solid #ffffff1a;display:flex;gap:12px;margin-top:auto;padding:16px 24px}.btn-cancel,.btn-send{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn-cancel{background:#ffffff0d;border:1px solid #ffffff1a;color:#e0e0e0}.btn-cancel:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff}.btn-send:hover:not(:disabled){box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.btn-cancel:disabled,.btn-send:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.compose-form::-webkit-scrollbar,.recipient-dropdown::-webkit-scrollbar{width:6px}.compose-form::-webkit-scrollbar-track,.recipient-dropdown::-webkit-scrollbar-track{background:#0000}.compose-form::-webkit-scrollbar-thumb,.recipient-dropdown::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.compose-form::-webkit-scrollbar-thumb:hover,.recipient-dropdown::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.compose-modal{max-height:95vh;width:95%}.compose-header{padding:16px 20px}.compose-header h2{font-size:18px}.compose-form{gap:14px;padding:16px 20px}.form-row{grid-template-columns:1fr}.compose-actions{padding:12px 20px}.btn-cancel,.btn-send{font-size:13px;padding:8px 16px}}@media (max-width:480px){.compose-modal{border-radius:0;height:100vh;left:0;max-height:100vh;max-width:none;top:0;transform:none;width:100%}.compose-header{padding:12px 16px}.compose-header h2{font-size:16px}.compose-form{padding:12px 16px}.compose-actions{padding:10px 16px}.form-group input,.form-group select,.form-group textarea{font-size:16px}}.inbox-container{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100%}.inbox-header{background:#1e1e2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0000004d;padding:20px 30px}.header-top{justify-content:space-between;margin-bottom:15px}.back-btn,.header-top{align-items:center;display:flex}.back-btn{background:#0000;border:1px solid #fff3;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.inbox-header h1{color:#fff;flex:1 1;font-size:28px;font-weight:700;margin:0;text-align:center}.compose-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 4px 12px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.compose-btn:hover{box-shadow:0 6px 16px #667eea99;transform:translateY(-2px)}.unread-badge{background:#ef444433;border:1px solid #ef444466;border-radius:20px;color:#fca5a5;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px}.inbox-layout{display:flex;flex:1 1;overflow:hidden}.message-list-panel{background:#16213ecc;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;overflow:hidden;width:320px}.folder-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:8px;padding:16px 12px}.tab{align-items:center;background:#0000;border:1px solid #fff3;border-radius:6px;color:#a0a0a0;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#ffffff0d;border-color:#ffffff4d;color:#e0e0e0}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.list-controls{border-bottom:1px solid #ffffff1a;display:flex;flex-direction:column;gap:10px;padding:12px}.search-box{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#a0a0a0;display:flex;gap:8px;padding:8px 12px}.search-box input{background:#0000;border:none;color:#e0e0e0;flex:1 1;font-size:13px;outline:none}.search-box input::placeholder{color:#707070}.filter-controls{display:flex;gap:6px}.filter-select{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0;cursor:pointer;flex:1 1;font-size:12px;padding:6px 10px;transition:all .3s ease}.filter-select:hover{border-color:#fff3}.filter-select:focus{border-color:#667eea80;box-shadow:0 0 0 2px #667eea1a;outline:none}.message-list{flex:1 1;overflow-y:auto;padding:8px}.message-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;cursor:pointer;margin-bottom:8px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.message-item:hover{background:#ffffff0d;border-color:#ffffff1a}.message-item.active{background:#667eea26;border-color:#667eea4d}.message-item.unread{background:#667eea1a;border-color:#667eea33}.message-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sender-name{color:#fff;font-size:13px;font-weight:600}.message-item.unread .sender-name{font-weight:700}.message-date{color:grey;font-size:11px}.message-item-subject{color:#e0e0e0;font-size:13px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-item.unread .message-item-subject{color:#fff}.message-item-preview{color:#a0a0a0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-indicator{height:100%;left:0;position:absolute;top:0;width:3px}.empty-state{align-items:center;color:#707070;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:14px;margin:0}.pagination{align-items:center;background:#1e1e2e80;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px}.pagination button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#a0a0a0;font-size:12px}.message-detail-panel{background:#1a1a2eb3;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.empty-detail{align-items:center;color:#707070;display:flex;flex-direction:column;height:100%;justify-content:center}.empty-detail svg{margin-bottom:20px;opacity:.5}.empty-detail p{font-size:16px;margin:0}.message-detail{display:flex;flex-direction:column;height:100%;overflow:hidden}.detail-header{background:#1e1e2e80;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:20px 30px}.detail-header,.detail-sender{align-items:center;display:flex}.detail-sender{flex:1 1;gap:16px}.sender-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.sender-info{min-width:0}.sender-info .sender-name{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.sender-email{color:#a0a0a0;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.action-btn:hover{background:#ffffff1a;border-color:#fff3}.action-btn:active{background:#ffffff26}.detail-meta{grid-gap:12px;background:#1e1e2e4d;border-bottom:1px solid #ffffff0d;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px 30px}.meta-item{display:flex;flex-direction:column}.meta-label{color:grey;font-size:11px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.meta-value{color:#e0e0e0;font-size:13px;word-break:break-word}.detail-body{word-wrap:break-word;color:#d0d0d0;flex:1 1;font-size:14px;line-height:1.6;overflow-y:auto;padding:30px;white-space:pre-wrap}.detail-footer{align-items:center;background:#1e1e2e80;border-top:1px solid #ffffff0d;color:#a0a0a0;display:flex;font-size:12px;gap:8px;padding:12px 30px}.detail-body::-webkit-scrollbar,.message-list::-webkit-scrollbar{width:8px}.detail-body::-webkit-scrollbar-track,.message-list::-webkit-scrollbar-track{background:#0000}.detail-body::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.detail-body::-webkit-scrollbar-thumb:hover,.message-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:1024px){.message-list-panel{width:280px}.detail-meta{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.inbox-layout{flex-direction:column}.message-list-panel{border-bottom:1px solid #ffffff1a;border-right:none;height:50%;width:100%}.message-detail-panel{height:50%}.header-top{flex-direction:column;gap:12px}.inbox-header h1{text-align:left}.compose-btn{justify-content:center;width:100%}.detail-header{padding:16px 20px}.detail-meta{grid-template-columns:1fr;padding:12px 20px}.detail-body{padding:20px}.folder-tabs{padding:12px 8px}.tab{font-size:11px;padding:6px 8px}}@media (max-width:480px){.inbox-container{height:auto}.inbox-header{padding:16px}.header-top{gap:8px}.inbox-header h1{font-size:22px}.message-list-panel{height:300px}.message-detail-panel{height:auto;min-height:400px}.message-item{margin-bottom:6px;padding:10px}.sender-avatar{font-size:16px;height:40px;width:40px}.detail-header{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.detail-actions{justify-content:flex-end;width:100%}.detail-meta{gap:8px;padding:10px 16px}.detail-body{padding:16px}.list-controls{padding:10px 8px}.filter-controls{flex-direction:column}.filter-select{width:100%}}.time-period-selector{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:12px;margin-bottom:20px;padding:20px}.preset-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.preset-btn{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;color:#94a3b8cc;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.preset-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.preset-btn.active{background:#3b82f64d;border-color:#3b82f699;color:#3b82f6}.custom-btn{background:#8b5cf61a;border-color:#8b5cf633;color:#94a3b8cc}.custom-btn:hover{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6}.custom-date-picker{align-items:center;background:#3b82f60d;border:1px solid #3b82f633;border-radius:8px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.date-input-group{align-items:center;display:flex;gap:8px}.date-input-group label{align-items:center;color:#94a3b8b3;display:flex;font-size:13px;gap:6px;white-space:nowrap}.date-input-group input{background:#0f172acc;border:1px solid #3b82f64d;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:14px;padding:8px 12px}.date-input-group input:focus,.date-input-group input:hover{background:#0f172ae6;border-color:#3b82f699}.date-input-group input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1) brightness(1.2)}.date-separator{color:#94a3b880;font-size:14px}.close-custom{background:#0000;border:1px solid #ef44444d;border-radius:6px;color:#ef4444;cursor:pointer;font-size:16px;margin-left:auto;padding:6px 10px;transition:all .2s ease}.close-custom:hover{background:#ef44441a;border-color:#ef444480}.date-display{color:#94a3b8cc;font-size:14px;text-align:center}.days-count{color:#94a3b899;font-size:12px;margin-left:8px}@media (max-width:768px){.preset-buttons{gap:8px}.preset-btn{font-size:12px;padding:8px 12px}.custom-date-picker{align-items:stretch;flex-direction:column;gap:12px}.date-input-group{flex-direction:column;gap:6px}.date-separator{display:none}.close-custom{margin-left:0}}.analytics-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;min-height:100vh;padding:20px}.analytics-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.analytics-title-section{align-items:center;display:flex;gap:15px}.analytics-icon{color:#3b82f6;font-size:32px}.analytics-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0}.analytics-header p{color:#94a3b8cc;font-size:14px;margin:5px 0 0}.analytics-actions{align-items:center;display:flex;gap:10px}.analytics-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .3s ease}.analytics-btn:hover:not(:disabled){background:#3b82f633;border-color:#3b82f680;transform:translateY(-2px)}.analytics-btn:disabled{cursor:not-allowed;opacity:.5}.analytics-btn.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-btn svg{font-size:16px}.export-menu-wrapper{position:relative}.export-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid #94a3b833;border-radius:8px;box-shadow:0 20px 25px -5px #0000004d;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.export-menu button{background:#0000;border:none;border-bottom:1px solid #94a3b81a;color:#94a3b8;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.export-menu button:last-child{border-bottom:none}.export-menu button:hover:not(:disabled){background:#3b82f61a;color:#3b82f6;padding-left:20px}.alerts-section{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #ef444433;border-radius:12px;margin-bottom:30px;padding:20px}.alerts-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.alert-icon{color:#ef4444;font-size:20px}.alerts-header h3{color:#fecaca;font-size:16px;font-weight:600;margin:0}.alerts-list{display:flex;flex-direction:column;gap:10px}.alert{align-items:flex-start;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;display:flex;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.alert:hover{background:#ef444426}.alert-content h4{color:#fca5a5;font-size:14px;font-weight:600;margin:0 0 5px}.alert-content p{color:#fca5a5cc;font-size:13px;margin:0}.alert-time{color:#94a3b899;font-size:12px;margin-left:20px;white-space:nowrap}.metrics-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.key-metrics,.metrics-grid{display:grid;margin-bottom:30px}.key-metrics{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-box{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #8b5cf633;border-radius:10px;padding:15px;transition:all .3s ease}.metric-box:hover{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:#8b5cf666;transform:translateY(-2px)}.metric-label{color:#94a3b8cc;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;margin-bottom:8px}.metric-chart{background:#94a3b81a;border-radius:2px;height:4px;overflow:hidden}.mini-bar{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:2px;height:100%;transition:width .3s ease}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}.detailed-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-card{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #94a3b833;border-radius:12px;padding:20px;transition:all .3s ease}.detail-card:hover{background:linear-gradient(135deg,#0f172ae6,#1e293be6);border-color:#94a3b866}.detail-card h3{color:#e2e8f0;font-size:16px;font-weight:600;margin:0 0 15px}.detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:8px;display:flex;flex-direction:column;padding:12px;transition:all .2s ease}.detail-item:hover{background:#3b82f61a;border-color:#3b82f633}.detail-item .label{color:#94a3b8b3;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-item .value{color:#3b82f6;font-size:18px;font-weight:700}.analytics-unauthorized{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);color:#ef4444;display:flex;font-size:18px;font-weight:600;height:100vh;justify-content:center}@media (max-width:1024px){.analytics-header{flex-direction:column;gap:15px;text-align:center}.analytics-title-section{justify-content:center}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.analytics-dashboard{padding:10px}.analytics-header{padding:15px}.metrics-grid{grid-template-columns:1fr}.key-metrics{grid-template-columns:repeat(2,1fr)}.detailed-metrics{grid-template-columns:1fr}}@media (max-width:480px){.analytics-header{padding:12px}.analytics-header h1{font-size:18px}.detail-grid,.key-metrics{grid-template-columns:1fr}}.set-password-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.set-password-modal{animation:modal-appear .3s ease-out;background:#232526;border-radius:12px;box-shadow:0 10px 30px #0003;max-width:460px;width:100%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.set-password-header{border-bottom:1px solid #333;padding:1.5rem}.set-password-header h2{color:var(--accent-orange);font-size:1.5rem;font-weight:600;margin:0}.set-password-body{padding:1.5rem}.set-password-info{color:#e0e0e0;font-size:1rem;line-height:1.6}.set-password-form .form-group,.set-password-info{margin-bottom:1.5rem}.set-password-form label{color:#e0e0e0;display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.set-password-form .form-input{background-color:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.set-password-form .form-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px #ff6b3533;outline:none}.set-password-form .form-input.error{border-color:#f44336}.password-input-container{position:relative}.toggle-password{background:none;border:none;color:#888;cursor:pointer;font-size:.85rem;padding:5px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.toggle-password:hover{color:var(--accent-orange)}.error-message{color:#f44336;font-size:.85rem;margin-top:.5rem}.password-requirements{color:#bbb;font-size:.85rem;margin-top:1rem}.requirement{align-items:center;display:flex;margin-bottom:.3rem}.requirement-icon{color:#4caf50;font-weight:700;margin-right:.5rem}.requirement-icon.error{color:#f44336}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary{background-color:var(--accent-orange);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#ff5722}.btn-primary:disabled{background-color:#666;cursor:not-allowed}.btn-secondary{background-color:initial;border:1px solid #444;border-radius:6px;color:#bbb;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s,color .2s}.btn-secondary:hover:not(:disabled){background-color:#333;color:#fff}.btn-secondary:disabled{border-color:#444;color:#666;cursor:not-allowed}.success-message{color:#e0e0e0;padding:2rem 0;text-align:center}.success-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}@media (max-width:480px){.set-password-modal{border-radius:0;height:100%;max-width:100%}.set-password-overlay{padding:0}.form-actions{flex-direction:column}.form-actions button{width:100%}}
/*# sourceMappingURL=main.8e76b94a.css.map*/