@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;min-height:100vh}.terms-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2ef2,#16213ef2,#0f3460f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;animation:fadeIn .3s ease-out}.terms-modal{background:linear-gradient(135deg,#fffffffa,#fffffff2);border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff1a inset;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.confirmation-modal{max-width:400px}.terms-modal-header{text-align:center;padding:40px 32px 24px;border-bottom:2px solid rgba(79,70,229,.1)}.terms-icon{margin:0 auto 20px;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #667eea66;animation:pulse 2s ease-in-out infinite}.terms-icon-inner{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.terms-modal-header h2{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.terms-subtitle{font-size:1rem;color:#666;margin:0;font-weight:500}.terms-modal-content{padding:32px}.terms-highlights{background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:16px;padding:24px;margin-bottom:32px;border:1px solid rgba(102,126,234,.15)}.terms-highlights h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 20px;display:flex;align-items:center;gap:8px}.highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.highlight-item{display:flex;gap:12px;align-items:flex-start;background:#ffffffb3;padding:16px;border-radius:12px;border:1px solid rgba(102,126,234,.1);transition:all .2s ease}.highlight-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26;border-color:#667eea33}.highlight-icon{font-size:24px;flex-shrink:0;line-height:1}.highlight-text{flex:1}.highlight-text strong{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:4px}.highlight-text p{font-size:.85rem;color:#666;margin:0;line-height:1.4}.terms-documents{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.btn.btn-outline{padding:14px 20px;border:2px solid rgba(102,126,234,.3);background:#fff;color:#667eea;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px}.btn.btn-outline:hover{border-color:#667eea;background:#667eea0d;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33}.terms-agreement{font-size:.9rem;color:#888;text-align:center;margin:0;line-height:1.5;padding:16px;background:#667eea0d;border-radius:12px;border:1px dashed rgba(102,126,234,.2)}.terms-modal-actions{display:flex;gap:12px;padding:24px 32px 32px;border-top:2px solid rgba(79,70,229,.1)}.btn{padding:14px 28px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:1rem;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn.btn-secondary{flex:1;background:#fff;color:#666;border:2px solid #e5e5e5}.btn.btn-secondary:hover:not(:disabled){border-color:#d0d0d0;background:#f9f9f9;color:#333;transform:translateY(-1px)}.btn.btn-primary{flex:2;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 16px #667eea66}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn.btn-primary:active:not(:disabled){transform:translateY(0)}.btn.btn-danger{flex:1;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef44444d}.btn.btn-danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.btn:disabled{opacity:.6;cursor:not-allowed}.terms-accept-btn{position:relative}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.terms-description{font-size:1rem;color:#666;line-height:1.6;margin:0 0 24px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(60px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 12px 32px #667eea66}50%{transform:scale(1.05);box-shadow:0 16px 40px #667eea80}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.terms-modal{margin:10px;max-width:calc(100vw - 20px);border-radius:20px}.terms-modal-header{padding:32px 24px 20px}.terms-modal-header h2{font-size:1.5rem}.terms-modal-content{padding:24px}.terms-highlights{padding:20px}.highlight-grid{grid-template-columns:1fr;gap:12px}.terms-documents{grid-template-columns:1fr}.terms-modal-actions{padding:0 24px 24px;flex-direction:column-reverse}.btn.btn-secondary,.btn.btn-primary,.btn.btn-danger{flex:none;width:100%}.terms-icon{width:70px;height:70px}.terms-icon-inner{font-size:32px}}@media (max-width: 480px){.terms-modal-header h2{font-size:1.3rem}.terms-subtitle,.highlight-text strong{font-size:.9rem}.highlight-text p{font-size:.8rem}.btn{padding:12px 20px;font-size:.95rem}}.lumisketch-loading-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e0f2fe,#dbeafe);z-index:9999;animation:lumisketch-loading-fadeIn .3s ease-out}@keyframes lumisketch-loading-fadeIn{0%{opacity:0}to{opacity:1}}.lumisketch-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.lumisketch-loading-logo-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.lumisketch-loading-logo{width:80px;height:80px;object-fit:contain;position:relative;z-index:2;animation:lumisketch-loading-pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(59,130,246,.15))}@keyframes lumisketch-loading-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 4px 12px rgba(59,130,246,.15))}50%{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(59,130,246,.25))}}.lumisketch-loading-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;animation:lumisketch-loading-rotate 1.5s linear infinite}.lumisketch-loading-ring-delay{border-top-color:#60a5fa;border-right-color:#60a5fa;animation-duration:2s;animation-direction:reverse}@keyframes lumisketch-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lumisketch-loading-message{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b;letter-spacing:-.02em;animation:lumisketch-loading-textFade 2s ease-in-out infinite}.lumisketch-loading-submessage{margin:0;font-size:.95rem;font-weight:400;color:#64748b;max-width:300px;text-align:center;line-height:1.5}@keyframes lumisketch-loading-textFade{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.lumisketch-loading-logo-wrapper{width:100px;height:100px}.lumisketch-loading-logo{width:65px;height:65px}.lumisketch-loading-message{font-size:1.1rem}.lumisketch-loading-submessage{font-size:.875rem;padding:0 1rem}}@media (prefers-color-scheme: dark){.lumisketch-loading-screen{background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}.lumisketch-loading-message{color:#f1f5f9}.lumisketch-loading-submessage{color:#94a3b8}.lumisketch-loading-ring{border-top-color:#60a5fa;border-right-color:#60a5fa}.lumisketch-loading-ring-delay{border-top-color:#93c5fd;border-right-color:#93c5fd}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-900: #1e3a8a;--secondary-50: #fff7ed;--secondary-100: #ffedd5;--secondary-500: #f97316;--secondary-600: #ea580c;--secondary-700: #c2410c;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success-500: #10b981;--error-500: #ef4444;--warning-500: #f59e0b;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "Fira Code", "Cascadia Code", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--lumi-nav-height: 64px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);line-height:1.6;color:var(--neutral-700);background-color:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;width:100%;overflow-x:hidden}.App{min-height:100vh;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);width:100%}@media (min-width: 1400px){.container{max-width:1320px}}@media (min-width: 1600px){.container{max-width:1440px}}@media (min-width: 2560px){.container{max-width:1600px}}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--neutral-900)}h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--space-6)}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4)}h3{font-size:1.5rem;margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);color:var(--neutral-600)}.gradient-text{background:linear-gradient(135deg,var(--primary-600),var(--secondary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;min-height:2.5rem}.btn-large{padding:var(--space-4) var(--space-8);font-size:1rem;min-height:3rem}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-700),var(--primary-900))}.btn-secondary{background:var(--neutral-100);color:var(--neutral-700);border:1px solid var(--neutral-200)}.btn-secondary:hover{background:var(--neutral-200);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border:1px solid var(--neutral-300);color:var(--neutral-700)}.btn-outline:hover{background:var(--neutral-100);border-color:var(--neutral-400)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:#fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;font-weight:600;color:#334155;text-align:center}.loading-spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border:2px solid #f1f5f9;border-top:2px solid #3b82f6;border-radius:50%;animation:mainSpinner 1s linear infinite}@keyframes mainSpinner{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.home{min-height:100vh;width:100%;overflow-x:hidden}.portal-hero{background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 30%,var(--secondary-50) 100%);padding:var(--space-20) 0;min-height:90vh;width:100%;display:flex;align-items:center;position:relative;overflow:hidden}.portal-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(249,115,22,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(16,185,129,.05) 0%,transparent 50%);animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.7}}.portal-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;position:relative;z-index:2}.portal-header{margin-bottom:var(--space-8);animation:slideInLeft 1s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.lumisketch-logo{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.lumisketch-home-logo{height:80px;max-width:400px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .3s ease}.lumisketch-home-logo:hover{filter:drop-shadow(0 6px 16px rgba(0,0,0,.4));transform:scale(1.02)}.lumisketch-logo h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin:0;background:linear-gradient(135deg,var(--primary-600),var(--secondary-500),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShimmer 3s ease-in-out infinite}@keyframes textShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.beta-badge{background:linear-gradient(135deg,var(--secondary-500),var(--secondary-600));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--shadow-md);animation:pulse 2s ease-in-out infinite}.portal-subtitle{font-size:1.5rem;color:var(--neutral-700);line-height:1.6;margin-bottom:var(--space-8);font-weight:400}.portal-subtitle strong{color:var(--primary-700);font-weight:600}.portal-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);flex-wrap:wrap;animation:slideInUp 1s ease-out .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.portal-info{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);animation:slideInUp 1s ease-out .6s both}.info-highlight{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-4) 0;border-left:4px solid var(--primary-500)}.portal-visual{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out .3s both}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.devices-preview{position:relative;display:flex;gap:var(--space-8);align-items:flex-end}.device{border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--neutral-800),var(--neutral-900));box-shadow:var(--shadow-xl),inset 0 1px #ffffff1a;padding:var(--space-4);position:relative;transition:transform .3s ease}.device:hover{transform:translateY(-10px) scale(1.02)}.device.mobile{width:180px;height:320px;transform:rotate(-8deg);z-index:3;animation:float 6s ease-in-out infinite}.device.desktop{width:350px;height:220px;border-radius:var(--radius-lg);transform:rotate(3deg);z-index:2;animation:float 6s ease-in-out infinite 2s}@keyframes float{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-15px) rotate(-8deg)}}.device-screen{width:100%;height:100%;background:var(--neutral-50);border-radius:var(--radius-md);overflow:hidden;position:relative}.app-preview{padding:var(--space-4);height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--neutral-50) 0%,var(--primary-50) 100%)}.preview-header{height:24px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-sm);margin-bottom:var(--space-4);position:relative;overflow:hidden}.preview-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:scan 3s ease-in-out infinite}@keyframes scan{0%,to{left:-100%}50%{left:100%}}.preview-content{flex:1;position:relative;display:flex;flex-direction:column;gap:var(--space-3)}.preview-element{border-radius:var(--radius-md);animation:elementPulse 4s ease-in-out infinite}@keyframes elementPulse{0%,to{opacity:1}50%{opacity:.7}}.preview-element.dot{width:12px;height:12px;background:radial-gradient(circle,var(--secondary-400),var(--secondary-600));border-radius:50%;position:absolute;box-shadow:0 0 10px #f9731680;animation:lightPulse 2s ease-in-out infinite}@keyframes lightPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #f9731680}50%{transform:scale(1.2);box-shadow:0 0 20px #f97316cc}}.preview-element.dot:nth-child(1){top:20%;left:15%;animation-delay:0s}.preview-element.dot:nth-child(2){top:30%;right:20%;animation-delay:.5s}.preview-element.dot:nth-child(3){bottom:40%;left:25%;animation-delay:1s}.preview-roofline{position:absolute;top:25%;left:20%;right:25%;height:2px;background:linear-gradient(90deg,var(--primary-400),var(--secondary-400));box-shadow:0 0 8px #3b82f699;animation:lineGlow 3s ease-in-out infinite}@keyframes lineGlow{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 15px #3b82f6cc}}.web-preview{height:100%;display:flex;flex-direction:column;background:var(--neutral-50)}.browser-bar{height:28px;background:linear-gradient(180deg,var(--neutral-100),var(--neutral-200));display:flex;align-items:center;padding:0 var(--space-3);border-bottom:1px solid var(--neutral-300)}.browser-dots{display:flex;gap:var(--space-2)}.browser-dots span{width:8px;height:8px;border-radius:50%;background:var(--neutral-400);animation:dotBlink 2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.5}}.browser-dots span:nth-child(1){background:var(--error-500);animation-delay:0s}.browser-dots span:nth-child(2){background:var(--warning-500);animation-delay:.3s}.browser-dots span:nth-child(3){background:var(--success-500);animation-delay:.6s}.web-content{flex:1;padding:var(--space-3);position:relative;background:linear-gradient(145deg,var(--neutral-50),var(--primary-50));display:grid;grid-template-columns:60px 1fr 50px;grid-template-rows:1fr;gap:var(--space-2)}.web-element{border-radius:var(--radius-sm);transition:all .3s ease}.web-element.toolbar{background:linear-gradient(180deg,white,var(--neutral-100));border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.web-element.canvas{background:#fff;border:2px solid var(--primary-200);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.web-element.canvas:after{content:"🎨";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;opacity:.3;animation:spin 10s linear infinite;@keyframes toolBlink{0%,to{background:var(--primary-300)}25%{background:var(--secondary-300)}50%{background:var(--success-300)}75%{background:var(--warning-300)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes backgroundPulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes capabilityFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes app-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}:is() .web-element.sidebar{background:linear-gradient(180deg,white,var(--neutral-100));border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm)}:is() .tool-icons{display:flex;flex-direction:column;gap:var(--space-1)}:is() .tool-icon{width:8px;height:8px;border-radius:var(--radius-sm);background:var(--primary-300);animation:toolBlink 4s ease-in-out infinite}:is() .tool-icon:nth-child(2){animation-delay:1s}:is() .tool-icon:nth-child(3){animation-delay:2s}:is() .tool-icon:nth-child(4){animation-delay:3s}:is() .features{padding:var(--space-20) 0;background:linear-gradient(180deg,white 0%,var(--neutral-50) 50%,white 100%),radial-gradient(circle at 25% 25%,var(--primary-50) 0%,transparent 50%),radial-gradient(circle at 75% 75%,var(--secondary-50) 0%,transparent 50%);position:relative}:is() .features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-200),transparent)}:is() .section-header{text-align:center;margin-bottom:var(--space-20);animation:fadeInUp 1s ease-out}:is() .section-header h2{margin-bottom:var(--space-6);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;background:linear-gradient(135deg,var(--neutral-900),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:is() .section-header p{font-size:1.25rem;color:var(--neutral-600);max-width:700px;margin:0 auto;line-height:1.6}:is() .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}:is() .feature-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;animation:cardSlideIn .8s ease-out;animation-fill-mode:both}:is() .feature-card:nth-child(1){animation-delay:.1s}:is() .feature-card:nth-child(2){animation-delay:.2s}:is() .feature-card:nth-child(3){animation-delay:.3s}:is() .feature-card:nth-child(4){animation-delay:.4s}:is() .feature-card:nth-child(5){animation-delay:.5s}:is() .feature-card:nth-child(6){animation-delay:.6s}:is() .feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}:is() .feature-card:hover:before{left:100%}:is() .feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--shadow-xl),0 25px 50px -12px #00000026;border-color:var(--primary-300)}:is() .feature-icon{width:100px;height:100px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--primary-100),var(--secondary-100));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;transition:all .3s ease}:is() .feature-card:hover .feature-icon{transform:scale(1.1) rotateY(15deg);background:linear-gradient(135deg,var(--primary-200),var(--secondary-200))}:is() .feature-icon:after{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,var(--primary-400),var(--secondary-400));border-radius:var(--radius-xl);z-index:-1;opacity:0;transition:opacity .3s ease}:is() .feature-card:hover .feature-icon:after{opacity:.2}:is() .feature-card h3{margin-bottom:var(--space-4);color:var(--neutral-900);font-size:1.5rem;font-weight:700}:is() .feature-card p{color:var(--neutral-600);line-height:1.7;margin-bottom:var(--space-4)}:is() .feature-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}:is() .feature-tag{background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;border:1px solid var(--primary-200)}:is() .feature-tag.pro{background:linear-gradient(135deg,var(--secondary-50),var(--warning-50));color:var(--secondary-700);border-color:var(--secondary-200)}:is() .capabilities-showcase{background:linear-gradient(180deg,var(--neutral-900),var(--neutral-800));color:#fff;padding:var(--space-20) 0;position:relative;overflow:hidden}:is() .capabilities-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(249,115,22,.1) 0%,transparent 50%);animation:backgroundPulse 8s ease-in-out infinite}:is() .capabilities-content{position:relative;z-index:2}:is() .capabilities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-12);margin-top:var(--space-16)}:is() .capability-item{text-align:center;animation:capabilityFloat 6s ease-in-out infinite}:is() .capability-item:nth-child(2){animation-delay:2s}:is() .capability-item:nth-child(3){animation-delay:4s}:is() .capability-visual{width:120px;height:120px;margin:0 auto var(--space-6);background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 20px 40px #0000004d,inset 0 1px #fff3;position:relative}:is() .capability-visual:after{content:"";position:absolute;inset:-10px;border:2px solid rgba(255,255,255,.1);border-radius:50%;animation:ripple 3s ease-in-out infinite}:is() .capability-item h3{color:#fff;margin-bottom:var(--space-4);font-size:1.5rem;font-weight:700}:is() .capability-item p{color:var(--neutral-300);line-height:1.6;margin-bottom:var(--space-4)}:is() .capability-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-6)}:is() .stat-item{text-align:center}:is() .stat-number{display:block;font-size:2rem;font-weight:800;color:var(--secondary-400);line-height:1}:is() .stat-label{font-size:.875rem;color:var(--neutral-400);text-transform:uppercase;letter-spacing:.05em}:is() .support-section{background:var(--neutral-100);padding:var(--space-16) 0}:is() .support-content{text-align:center;max-width:600px;margin:0 auto}:is() .support-content h2{margin-bottom:var(--space-4)}:is() .support-content p{font-size:1.125rem;color:var(--neutral-600);margin-bottom:var(--space-8)}:is() .support-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}:is() .login-page{min-height:100vh;width:100%;background:linear-gradient(135deg,var(--neutral-50) 0%,var(--primary-50) 100%)}:is() .login-container{min-height:100vh;width:100%;display:grid;grid-template-columns:1fr 1fr}:is() .login-brand{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden}:is() .brand-content{max-width:500px;z-index:2;position:relative}:is() .brand-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}:is() .brand-header h1{font-size:2.5rem;font-weight:800;color:#fff;margin:0}:is() .lumisketch-login-logo{height:60px;max-width:300px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));transition:all .3s ease}:is() .lumisketch-login-logo:hover{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transform:scale(1.02)}:is() .brand-header .gradient-text{background:linear-gradient(135deg,var(--secondary-400),var(--secondary-300));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:is() .brand-subtitle{font-size:1.25rem;color:var(--primary-100);margin-bottom:var(--space-12);line-height:1.6}:is() .brand-features{margin-bottom:var(--space-8)}:is() .brand-feature{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}:is() .brand-feature .feature-icon{width:48px;height:48px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}:is() .feature-text h4{color:#fff;margin:0 0 var(--space-1) 0;font-size:1rem;font-weight:600}:is() .feature-text p{color:var(--primary-200);margin:0;font-size:.875rem;line-height:1.4}:is() .brand-visual{position:absolute;bottom:-50px;right:-50px;width:300px;height:300px;opacity:.1}:is() .floating-elements{position:relative;width:100%;height:100%}:is() .float-element{position:absolute;border-radius:var(--radius-lg);animation:float 6s ease-in-out infinite}:is() .float-element.rect{width:80px;height:80px;background:#fff;top:20%;left:10%;animation-delay:0s}:is() .float-element.circle{width:60px;height:60px;background:#fff;border-radius:50%;top:50%;right:20%;animation-delay:2s}:is() .float-element.triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:50px solid white;bottom:30%;left:50%;animation-delay:4s}:is() .login-form-section{background:#fff;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}:is() .form-container{width:100%;max-width:400px}:is() .form-header{text-align:center;margin-bottom:var(--space-8)}:is() .form-header h2{font-size:2rem;font-weight:700;color:var(--neutral-900);margin-bottom:var(--space-2)}:is() .form-subtitle{color:var(--neutral-600);font-size:1rem;margin:0}:is() .login-form,:is() .form-group{margin-bottom:var(--space-6)}:is() .form-group label{display:block;font-weight:500;color:var(--neutral-700);margin-bottom:var(--space-2);font-size:.875rem}:is() .form-group input{width:100%;padding:var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:1rem;transition:all .2s ease;background:var(--neutral-50)}:is() .form-group input:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 3px #3b82f61a}:is() .form-group input:disabled{background:var(--neutral-100);color:var(--neutral-500);cursor:not-allowed}:is() .form-group input::placeholder{color:var(--neutral-400)}:is() .form-extras{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);font-size:.875rem}:is() .checkbox-container{display:flex;align-items:center;cursor:pointer;color:var(--neutral-600)}:is() .checkbox-container input{width:auto;margin-right:var(--space-2)}:is() .forgot-link{color:var(--primary-600);text-decoration:none;font-weight:500}:is() .forgot-link:hover{text-decoration:underline}:is() .form-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-6)}:is() .loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:app-spin 1s linear infinite}:is() .form-divider{text-align:center;margin:var(--space-6) 0;position:relative}:is() .form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--neutral-200)}:is() .form-divider span{background:#fff;padding:0 var(--space-4);color:var(--neutral-500);font-size:.875rem}:is() .oauth-section{margin-bottom:var(--space-6)}:is() .oauth-buttons{display:flex;flex-direction:column;gap:var(--space-3)}:is() .btn-oauth{width:100%;background:#fff;border:2px solid var(--neutral-200);color:var(--neutral-700);font-weight:500;justify-content:center;transition:all .2s ease;position:relative}:is() .btn-oauth:hover{border-color:var(--neutral-300);background:var(--neutral-50);transform:translateY(-1px);box-shadow:var(--shadow-md)}:is() .btn-oauth:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}:is() .btn-google{border-color:#dadce0}:is() .btn-google:hover{border-color:#d2d3d4;background:#f8f9fa}:is() .btn-apple{border-color:var(--neutral-200);color:var(--neutral-900)}:is() .btn-apple:hover{border-color:var(--neutral-300);background:var(--neutral-50)}:is() .oauth-icon{width:20px;height:20px;margin-right:var(--space-2);flex-shrink:0}:is() .loading-spinner-small.dark{border:2px solid rgba(0,0,0,.1);border-top:2px solid var(--neutral-600)}:is() .form-footer{text-align:center;margin-bottom:var(--space-8)}:is() .form-footer p{margin-bottom:var(--space-3);color:var(--neutral-600);font-size:.875rem}:is() .link-button{background:none;border:none;color:var(--primary-600);cursor:pointer;text-decoration:none;font-weight:500;font-size:inherit}:is() .link-button:hover{text-decoration:underline}:is() .link-button:disabled{color:var(--neutral-400);cursor:not-allowed}:is() .external-link{color:var(--primary-600);text-decoration:none;font-weight:500}:is() .external-link:hover{text-decoration:underline}:is() .subscription-note{color:var(--neutral-500);font-size:.8rem}:is() .back-to-home{text-align:center;padding-top:var(--space-6);border-top:1px solid var(--neutral-200)}:is() .back-link{color:var(--neutral-500);text-decoration:none;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--space-1)}:is() .back-link:hover{color:var(--neutral-700)}:is() .error-message{background:var(--error-500);color:#fff;padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-2);font-size:.875rem}:is() .error-icon{font-size:1rem}@media (max-width: 768px){:is() .portal-content{grid-template-columns:1fr;gap:var(--space-8);text-align:center}:is() .portal-visual{order:-1}:is() .devices-preview{scale:.8;gap:var(--space-3)}:is() .device.mobile{width:120px;height:200px}:is() .device.desktop{width:200px;height:140px}:is() .portal-actions{justify-content:center}:is() .support-actions{flex-direction:column;align-items:center}}@media (min-width: 1400px){:is() .portal-content{max-width:1320px;margin:0 auto;gap:var(--space-20)}}@media (min-width: 2560px){:is() .portal-content{max-width:1600px;gap:var(--space-20)}:is() .portal-header h1{font-size:4rem}:is() .portal-subtitle{font-size:1.5rem}}@media (max-width: 480px){:is() .portal-hero,:is() .features,:is() .support-section{padding:var(--space-12) 0}}@media (max-width: 968px){:is() .login-container{grid-template-columns:1fr}:is() .login-brand{order:2;min-height:300px}:is() .brand-content{text-align:center}:is() .brand-features{display:none}:is() .login-form-section{order:1;min-height:calc(100vh - 300px)}}@media (min-width: 1600px){:is() .login-container{max-width:1600px;margin:0 auto}:is() .form-container{max-width:480px}:is() .brand-content{max-width:600px}}@media (min-width: 2560px){:is() .login-container{max-width:2000px}:is() .form-container{max-width:520px}:is() .brand-content{max-width:700px}}@media (max-width: 480px){:is() .login-brand,:is() .login-form-section{padding:var(--space-6)}:is() .form-container{max-width:100%}:is() .brand-header h1{font-size:2rem}:is() .form-header h2{font-size:1.5rem}}@media (max-width: 768px){:is() .hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}:is() .hero-visual{order:-1}:is() .mockup-device{width:250px;height:320px}:is() .hero-actions,:is() .hero-stats{justify-content:center}:is() .features-grid{grid-template-columns:1fr;gap:var(--space-6)}:is() .cta-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){:is() .hero,:is() .features,:is() .cta{padding:var(--space-12) 0}}:is() .login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}:is() .login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}:is() .form-group{margin-bottom:1rem}:is() .form-group label{display:block;margin-bottom:.5rem;font-weight:500}:is() .form-group input{width:100%;padding:.75rem;border:1px solid #dee2e6;border-radius:4px;font-size:1rem}:is() .error-message{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem}:is() .back-link{color:#6c757d;text-decoration:none;font-size:.875rem}:is() .editor{height:100vh;display:flex;flex-direction:column}:is() .editor-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}:is() .editor-nav,:is() .editor-actions{display:flex;align-items:center;gap:1rem}:is() .user-email{color:#6c757d;font-size:.875rem}:is() .editor-layout{flex:1;display:flex;overflow:hidden}:is() .tools-panel{width:250px;background:#fff;border-right:1px solid #dee2e6;padding:1rem;overflow-y:auto}:is() .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:2rem}:is() .tool-button{padding:.75rem;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s}:is() .tool-button:hover{background:#f8f9fa}:is() .tool-button.active{background:#007bff;color:#fff;border-color:#007bff}:is() .tool-icon{font-size:1.25rem}:is() .tool-name{font-size:.75rem}:is() .properties-panel h4,:is() .property-group{margin-bottom:1rem}:is() .property-group label{display:block;margin-bottom:.25rem;font-size:.875rem;font-weight:500}:is() .property-group input{width:100%;padding:.5rem;border:1px solid #dee2e6;border-radius:4px}:is() .canvas-area{flex:1;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:2rem}:is() .canvas-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}:is() .canvas{width:800px;height:600px;position:relative;border:1px solid #dee2e6}:is() .canvas-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:is() .placeholder-text{color:#6c757d;font-style:italic}:is() .layers-panel{width:200px;background:#fff;border-left:1px solid #dee2e6;padding:1rem;overflow-y:auto}:is() .layers-list{margin-top:1rem}:is() .layer-item{padding:.5rem;background:#f8f9fa;border-radius:4px;margin-bottom:.5rem;cursor:pointer}:is() .layer-item.active{background:#007bff;color:#fff}@media (max-width: 768px){:is() .editor-layout{flex-direction:column}:is() .tools-panel,:is() .layers-panel{width:100%;height:auto}:is() .canvas{width:100%;max-width:600px}:is() .home-actions{flex-direction:column;align-items:center}:is() .projects-grid{grid-template-columns:1fr}}:is() .info-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;font-size:.9rem;margin-bottom:16px}:is() .subscription-required-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}:is() .subscription-required-content{background:#fff;padding:48px;border-radius:16px;box-shadow:0 20px 50px #0000004d;text-align:center;max-width:480px;width:100%}:is() .subscription-required-content h2{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0 0 16px}:is() .subscription-required-content p{font-size:1.1rem;color:#666;line-height:1.6;margin:0}:is() .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}:is() .loading-container p{color:#666;font-size:1rem}:root{--lumi-primary: #5B3FF9;--lumi-primary-light: #7C5FFF;--lumi-primary-dark: #4530D9;--lumi-accent: #00D4FF;--lumi-accent-glow: rgba(0, 212, 255, .2);--lumi-warning: #FFB800;--lumi-danger: #FF3B5C;--lumi-success: #00E896;--lumi-white: #FFFFFF;--lumi-gray-50: #FAFBFC;--lumi-gray-100: #F4F6F8;--lumi-gray-200: #E5E8EB;--lumi-gray-300: #D1D6DC;--lumi-gray-400: #98A2B3;--lumi-gray-500: #64748B;--lumi-gray-600: #475569;--lumi-gray-700: #334155;--lumi-gray-800: #1E293B;--lumi-gray-900: #0F172A;--lumi-glow: 0 0 20px rgba(91, 63, 249, .15);--lumi-electric-blue: linear-gradient(135deg, #5B3FF9 0%, #00D4FF 100%)}.top-navigation-bar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(91,63,249,.1);height:var(--lumi-nav-height);transition:all .3s cubic-bezier(.4,0,.2,1)}.top-navigation-bar.scrolled{background:#fffffff2;box-shadow:0 4px 6px -1px #5b3ff90d,0 2px 4px -2px #5b3ff91a,0 20px 25px -5px #0000000d;border-bottom-color:transparent}.nav-container{max-width:1440px;margin:0 auto;padding:0 32px;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}.nav-left{display:flex;align-items:center;justify-self:start}.nav-menu-button{width:44px;height:44px;background:var(--lumi-gray-50);border:1.5px solid transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-600);font-size:22px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.nav-menu-button:before{content:"";position:absolute;inset:0;background:var(--lumi-electric-blue);opacity:0;transition:opacity .3s ease}.nav-menu-button:hover{border-color:var(--lumi-primary);background:var(--lumi-white);color:var(--lumi-primary);transform:translateY(-1px);box-shadow:0 4px 12px #5b3ff926}.nav-menu-button:active{transform:translateY(0);box-shadow:0 2px 4px #5b3ff926}.nav-center{display:flex;align-items:center;justify-content:center;justify-self:center}.nav-logo-button{background:none;border:none;cursor:pointer;padding:10px;border-radius:12px;transition:all .3s ease;display:flex;align-items:center;position:relative}.nav-logo-button:after{content:"";position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--lumi-electric-blue);transition:width .3s ease}.nav-logo-button:hover:after{width:calc(100% - 20px)}.nav-logo-button:hover{transform:scale(1.05)}.nav-logo{height:40px;max-width:180px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.nav-notification-section{position:relative}.nav-notification-button{width:44px;height:44px;background:var(--lumi-gray-50);border:1.5px solid var(--lumi-gray-200);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-600);font-size:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;flex-shrink:0}.nav-notification-button:hover{border-color:var(--lumi-primary);background:var(--lumi-white);color:var(--lumi-primary);transform:translateY(-1px);box-shadow:0 4px 12px #5b3ff926}.nav-profile-section{position:relative;flex-shrink:0}.nav-profile-button{display:flex;align-items:center;gap:8px;background:var(--lumi-gray-50);border:1.5px solid var(--lumi-gray-200);border-radius:22px;padding:6px 12px 6px 6px;cursor:pointer;transition:all .2s ease;height:44px;position:relative;overflow:hidden}.nav-profile-button:hover{border-color:var(--lumi-primary);background:var(--lumi-white);transform:translateY(-1px);box-shadow:0 4px 12px #5b3ff926}.nav-profile-avatar{width:32px;height:32px;border-radius:50%;background:var(--lumi-electric-blue);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:600;overflow:hidden;flex-shrink:0;position:relative;box-shadow:0 2px 8px #5b3ff933}.nav-profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.profile-chevron{font-size:16px;color:var(--lumi-gray-500);transition:all .2s ease}.profile-chevron.rotated{transform:rotate(180deg);color:var(--lumi-primary)}.nav-settings-button{width:44px;height:44px;background:var(--lumi-gray-50);border:1.5px solid var(--lumi-gray-200);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-600);font-size:20px;cursor:pointer;transition:all .2s ease}.nav-settings-button:hover{border-color:var(--lumi-primary);background:var(--lumi-white);color:var(--lumi-primary);transform:translateY(-1px);box-shadow:0 4px 12px #5b3ff926}.nav-menu-overlay{position:fixed;top:var(--lumi-nav-height);left:0;right:0;bottom:0;background:#0f172a66;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;animation:fadeIn .2s ease;pointer-events:none}.nav-menu-content{position:absolute;top:0;left:0;width:340px;max-width:85vw;height:calc(100vh - var(--lumi-nav-height));background:var(--lumi-white);border-right:1px solid rgba(91,63,249,.1);box-shadow:4px 0 24px #00000014,0 0 48px #5b3ff914;animation:slideInLeft .3s cubic-bezier(.32,.72,0,1);overflow-y:auto;overflow-x:hidden;pointer-events:auto}.nav-menu-content::-webkit-scrollbar{width:6px}.nav-menu-content::-webkit-scrollbar-track{background:var(--lumi-gray-50)}.nav-menu-content::-webkit-scrollbar-thumb{background:var(--lumi-gray-300);border-radius:3px}.nav-menu-content::-webkit-scrollbar-thumb:hover{background:var(--lumi-primary)}.nav-menu-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--lumi-gray-100);background:linear-gradient(180deg,var(--lumi-white) 0%,var(--lumi-gray-50) 100%);position:sticky;top:0;z-index:10}.nav-menu-header h3{margin:0;font-size:20px;font-weight:700;color:var(--lumi-gray-800);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.nav-menu-icon{width:24px;height:24px;object-fit:contain}.nav-menu-close{width:36px;height:36px;background:var(--lumi-white);border:1px solid var(--lumi-gray-200);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-500);font-size:20px;cursor:pointer;transition:all .2s ease}.nav-menu-close:hover{border-color:var(--lumi-danger);background:#ff3b5c0d;color:var(--lumi-danger);transform:rotate(90deg)}.nav-menu-body{padding:16px 0}.nav-menu-category{margin-bottom:8px;padding:8px 0}.category-title{padding:8px 24px;margin:0 0 8px;font-size:11px;font-weight:700;color:var(--lumi-gray-400);text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.category-title:after{content:"";flex:1;height:1px;background:var(--lumi-gray-100)}.category-items{display:flex;flex-direction:column;gap:2px;padding:0 12px}.nav-menu-item{display:flex;align-items:center;gap:14px;padding:12px;background:transparent;border:none;border-radius:10px;text-align:left;cursor:pointer;transition:all .2s ease;position:relative;width:100%}.nav-menu-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:0;height:0;background:var(--lumi-primary);border-radius:50%;transition:all .3s ease;opacity:0}.nav-menu-item:hover{background:var(--lumi-gray-50);transform:translate(4px)}.nav-menu-item.current{background:linear-gradient(90deg,#5b3ff914,#5b3ff905)}.nav-menu-item.current:before{width:4px;height:24px;border-radius:2px;opacity:1;left:0}.item-icon{width:40px;height:40px;background:var(--lumi-gray-50);border:1px solid var(--lumi-gray-200);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-500);font-size:18px;flex-shrink:0;transition:all .2s ease}.nav-menu-item:hover .item-icon{background:var(--lumi-white);border-color:var(--lumi-gray-300);color:var(--lumi-gray-700)}.nav-menu-item.current .item-icon{background:var(--lumi-electric-blue);border-color:transparent;color:#fff;box-shadow:0 4px 12px #5b3ff940}.item-content{flex:1;min-width:0}.item-title{font-size:15px;font-weight:500;color:var(--lumi-gray-700);line-height:1.3;letter-spacing:-.01em}.nav-menu-item:hover .item-title{color:var(--lumi-gray-900)}.nav-menu-item.current .item-title{color:var(--lumi-primary);font-weight:600}.current-indicator{display:inline-flex;align-items:center;background:var(--lumi-electric-blue);color:#fff;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;box-shadow:0 2px 8px #5b3ff933}.disabled-indicator{display:inline-flex;align-items:center;background:#ffb80026;color:#ffb800;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.nav-menu-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-menu-item.disabled .item-icon{background:var(--lumi-gray-100);color:var(--lumi-gray-400)}.nav-menu-item.disabled .item-title{color:var(--lumi-gray-400)}.profile-menu-overlay{position:fixed;inset:0;z-index:998;background:#0f0c29cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeInSmooth .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.profile-menu-content{position:absolute;top:calc(var(--lumi-nav-height) + 8px);right:24px;width:320px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a;animation:slideInDownRefined .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;z-index:999}.profile-menu-header{padding:24px 24px 16px;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#667eea08,#764ba208);position:relative}.profile-info{display:flex;align-items:center;gap:16px}.nav-profile-avatar-large{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700;overflow:hidden;flex-shrink:0;box-shadow:0 8px 25px #667eea4d;transition:transform .2s ease}.nav-profile-avatar-large:hover{transform:scale(1.05)}.nav-profile-avatar-large img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:16px;display:block}.profile-details{flex:1;min-width:0}.profile-name{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-email{font-size:14px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-menu-body{padding:12px 0}.profile-menu-item{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fffc;border:1px solid rgba(0,0,0,.05);border-radius:16px;cursor:pointer;transition:all .2s ease;margin:0 12px 8px;position:relative;overflow:hidden;font-size:15px;color:#1a1a1a;font-weight:500;min-height:56px;outline:none}.profile-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.profile-menu-item:hover:before{left:100%}.profile-menu-item:hover{background:#667eea0d;border-color:#667eea33;transform:translateY(-2px);box-shadow:0 8px 25px #667eea26;color:#1a1a1a}.profile-menu-item:focus-visible{outline:2px solid #667EEA;outline-offset:2px;background:#667eea0d}.profile-menu-item svg{font-size:20px;color:#495057;transition:color .2s ease;flex-shrink:0}.profile-menu-item:hover svg{color:#667eea}.profile-menu-item.sign-out{color:#dc2626;margin-top:4px}.profile-menu-item.sign-out svg{color:#dc2626}.profile-menu-item.sign-out:hover{background:#dc262614;color:#dc2626;border-color:#dc262633}.profile-menu-divider{height:1px;background:#0000001a;margin:8px 24px}@keyframes fadeInSmooth{0%{opacity:0}to{opacity:1}}@keyframes slideInDownRefined{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.profile-menu-content{right:16px;width:280px;top:calc(var(--lumi-nav-height) + 10px)}.profile-menu-header{padding:20px 16px}.nav-profile-avatar-large{width:44px;height:44px;font-size:18px}.profile-menu-item{padding:14px 20px;font-size:14px;margin:0 8px 6px;min-height:52px}}@media (max-width: 480px){.profile-menu-content{width:calc(100vw - 24px);right:12px;top:calc(var(--lumi-nav-height) + 8px)}.profile-menu-item{min-height:48px;padding:12px 16px}}.notification-badge{position:absolute;top:-6px;right:-6px;background:var(--lumi-danger);color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:2px solid var(--lumi-white);box-shadow:0 2px 8px #ff3b5c4d;animation:notificationPulse 3s infinite;z-index:10}@keyframes notificationPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.notification-panel-overlay{position:fixed;top:var(--lumi-nav-height);right:24px;z-index:999;animation:slideInDownNotification .3s cubic-bezier(.34,1.56,.64,1)}.notification-panel-content{width:380px;max-width:calc(100vw - 48px);background:var(--lumi-white);border-radius:20px;border:1px solid rgba(91,63,249,.08);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #ffffff0d,0 0 60px #5b3ff91a;overflow:hidden;max-height:calc(100vh - var(--lumi-nav-height) - 32px);display:flex;flex-direction:column}.notification-panel-header{padding:20px 24px;border-bottom:1px solid var(--lumi-gray-100);background:linear-gradient(135deg,#5b3ff908,#00d4ff08);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.notification-header-content{display:flex;align-items:center;gap:14px}.notification-header-icon{width:44px;height:44px;background:var(--lumi-electric-blue);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 12px #5b3ff940}.notification-header-text h3{margin:0 0 2px;font-size:16px;font-weight:700;color:var(--lumi-gray-900);letter-spacing:-.01em}.notification-header-text p{margin:0;font-size:13px;color:var(--lumi-gray-500);font-weight:500}.notification-panel-close{width:32px;height:32px;background:var(--lumi-white);border:1px solid var(--lumi-gray-200);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-500);font-size:18px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.notification-panel-close:hover{border-color:var(--lumi-danger);background:#ff3b5c0d;color:var(--lumi-danger);transform:rotate(90deg)}.notification-panel-body{flex:1;overflow-y:auto;max-height:400px}.notification-panel-body::-webkit-scrollbar{width:6px}.notification-panel-body::-webkit-scrollbar-track{background:var(--lumi-gray-50)}.notification-panel-body::-webkit-scrollbar-thumb{background:var(--lumi-gray-300);border-radius:3px}.notification-panel-body::-webkit-scrollbar-thumb:hover{background:var(--lumi-primary)}.notification-actions{padding:16px 24px;border-bottom:1px solid var(--lumi-gray-100);background:var(--lumi-gray-50)}.mark-all-read-button{background:var(--lumi-primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.mark-all-read-button:hover{background:var(--lumi-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #5b3ff940}.mark-all-read-button:active{transform:translateY(0)}.notification-list{padding:8px 0}.notification-item{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--lumi-gray-50);position:relative}.notification-item:hover{background:var(--lumi-gray-50);transform:translate(2px)}.notification-item.unread{background:linear-gradient(90deg,#5b3ff905,#5b3ff903)}.notification-item.unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--lumi-primary);border-radius:0 2px 2px 0}.notification-icon{width:36px;height:36px;background:var(--lumi-gray-100);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-500);font-size:16px;flex-shrink:0;transition:all .2s ease}.notification-item:hover .notification-icon{background:var(--lumi-primary);color:#fff;transform:scale(1.05)}.notification-content{flex:1;min-width:0}.notification-title{font-size:14px;font-weight:600;color:var(--lumi-gray-900);line-height:1.4;margin-bottom:4px}.notification-message{font-size:13px;color:var(--lumi-gray-600);line-height:1.4;margin-bottom:6px}.notification-time{font-size:11px;color:var(--lumi-gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.notification-unread-indicator{width:8px;height:8px;background:var(--lumi-primary);border-radius:50%;flex-shrink:0;margin-top:6px;box-shadow:0 0 8px #5b3ff966}.notification-empty-state{padding:48px 24px;text-align:center;color:var(--lumi-gray-500)}.empty-notification-icon{width:64px;height:64px;background:var(--lumi-gray-100);border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--lumi-gray-400);font-size:28px;margin:0 auto 20px;box-shadow:0 8px 24px #00000014}.notification-empty-state h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--lumi-gray-700)}.notification-empty-state p{margin:0;font-size:14px;line-height:1.5;color:var(--lumi-gray-500)}.notification-loading-state{padding:48px 24px;text-align:center;color:var(--lumi-gray-500);display:flex;flex-direction:column;align-items:center}.notification-loading-spinner{width:64px;height:64px;background:var(--lumi-gray-100);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 24px #00000014}.notification-loading-spinner .spinner{width:28px;height:28px;border:3px solid var(--lumi-gray-300);border-top:3px solid var(--lumi-primary);border-radius:50%;animation:top-nav-spin 1s linear infinite}.notification-loading-state p{margin:0;font-size:14px;line-height:1.5;color:var(--lumi-gray-500);font-weight:500}@keyframes slideInDownNotification{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.notification-panel-overlay{right:16px;left:16px;top:calc(var(--lumi-nav-height) + 8px)}.notification-panel-content{width:100%;max-width:none}.notification-panel-header{padding:16px 20px}.notification-header-content{gap:12px}.notification-header-icon{width:40px;height:40px;font-size:18px}.notification-header-text h3{font-size:15px}.notification-header-text p{font-size:12px}.notification-item{padding:14px 20px;gap:12px}.notification-icon{width:32px;height:32px;font-size:14px}.notification-title{font-size:13px}.notification-message{font-size:12px}.notification-empty-state{padding:32px 20px}.empty-notification-icon{width:56px;height:56px;font-size:24px}}@media (max-width: 480px){.notification-panel-overlay{right:12px;left:12px;top:calc(var(--lumi-nav-height) + 6px)}.notification-panel-content{border-radius:16px}.notification-panel-header{padding:14px 16px}.notification-item{padding:12px 16px}.notification-empty-state{padding:24px 16px}}@keyframes top-nav-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:var(--lumi-nav-height);overflow-y:auto}.inventory-header{padding:16px 20px 0;display:flex;color:#fff!important;align-items:center;gap:16px}.header-button{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease}.header-button:hover{background:#ffffff26;transform:scale(1.05)}.header-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.header-button .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:inventory-spin 1s linear infinite}.inventory-screen-header-title{flex:1;color:#fff!important;font-size:24px;font-weight:700;margin:0}.stats-bar{margin:20px;padding:20px;background:linear-gradient(135deg,#ffffff26,#ffffff14);background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out forwards}.inventory-container .inventory-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.inventory-container .inventory-stat-icon-container{padding:8px;border-radius:10px;margin-bottom:8px}.inventory-stat-value{color:#fff!important;font-size:18px;font-weight:700;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.inventory-container .stat-label{color:#fff9;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.inventory-container .stat-divider{width:1px;height:40px;background:#fff3}.search-filters{padding:0 20px;margin-bottom:20px;opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out .2s forwards;width:100%;box-sizing:border-box}.search-bar{background:transparent;border:none;border-radius:16px;margin-bottom:8px;width:100%;max-width:100%;position:relative;transition:all .3s ease}.inventory-container .search-input{width:100%;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;padding:16px 20px!important;color:#fff!important;font-size:16px!important;line-height:1.5!important;box-sizing:border-box!important;transition:all .2s ease!important}.inventory-container .search-input::placeholder{color:#ffffff80!important;font-weight:400!important}.inventory-container .search-input:focus{outline:none!important;border-color:#6c5ce7!important;background:#ffffff26!important;color:#fff!important}.inventory-container .category-filters{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px;margin-top:0;width:100%;clear:both}.inventory-container .category-filters::-webkit-scrollbar{display:none}.inventory-container .category-chip{flex-shrink:0;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;height:40px;display:flex;align-items:center}.inventory-container .category-chip.selected{background:#6c5ce7;border-color:#6c5ce7;color:#fff;font-weight:600;box-shadow:0 4px 12px #6c5ce74d}.inventory-container .category-chip:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.inventory-container .category-chip.selected:hover{background:#7c6ce7;border-color:#7c6ce7;transform:translateY(-1px)}.inventory-list{margin:0 20px 80px;opacity:1;animation:fadeInUp .6s ease-out .4s forwards;width:calc(100% - 40px);box-sizing:border-box}.inventory-item-card{margin-bottom:20px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.inventory-item-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981);opacity:0;transition:opacity .3s ease}.inventory-item-card:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff40;box-shadow:0 25px 50px #0006,0 10px 20px #3b82f626}.inventory-item-card:hover:before{opacity:1}.inventory-item-card.low-stock{border-color:#ef444466;background:linear-gradient(145deg,#ef444426,#ef444414);box-shadow:0 8px 32px #ef444440,0 2px 8px #ef444426}.inventory-item-card.low-stock:before{background:linear-gradient(90deg,#ef4444,#f87171);opacity:1}.inventory-item-card.negative{border-color:#dc262680;background:linear-gradient(145deg,#dc262633,#dc26261a);box-shadow:0 8px 32px #dc26264d,0 2px 8px #dc262633}.inventory-item-card.negative:before{background:linear-gradient(90deg,#dc2626,#ef4444);opacity:1;animation:pulse 2s infinite}.inventory-item-header{padding:24px 24px 0;background:transparent;border:none;border-radius:0;position:relative;overflow:visible;display:flex;align-items:flex-start;gap:16px;margin-bottom:0}.inventory-category-icon{width:52px;height:52px;border-radius:16px;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px #00000026}.inventory-category-icon.normal{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.inventory-category-icon.low-stock{background:linear-gradient(135deg,#f97316,#ea580c)}.inventory-category-icon.negative{background:linear-gradient(135deg,#ef4444,#dc2626)}.inventory-item-name{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px;line-height:1.2;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 4px rgba(0,0,0,.3)}.inventory-item-category{color:#fffc;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:6px 12px;background:linear-gradient(135deg,#3b82f64d,#3b82f633);border-radius:10px;display:inline-block;border:1px solid rgba(59,130,246,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-status-badge{padding:8px 16px;border-radius:25px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.inventory-status-badge.low-stock{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.inventory-status-badge.negative{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:badgeShake .8s ease-in-out infinite}@keyframes badgeShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.inventory-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:24px 24px 20px}.inventory-info-chip{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#ffffff1f,#ffffff14);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fffffff2;font-size:14px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;min-height:48px;white-space:nowrap;box-shadow:0 2px 8px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-info-chip:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1f);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.inventory-info-chip svg{font-size:18px;color:#60a5fa;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.inventory-info-chip span{font-weight:600;color:#fffffff2;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.inventory-info-secondary{margin:16px 24px 20px;display:flex;flex-wrap:wrap;gap:10px}.inventory-info-secondary .inventory-info-chip{background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f64d;font-size:13px;padding:10px 14px;min-height:40px;grid-template-columns:none}.inventory-info-secondary .inventory-info-chip:hover{background:linear-gradient(135deg,#3b82f638,#3b82f61f);border-color:#3b82f666}.inventory-info-secondary .inventory-info-chip svg{font-size:16px;color:#93c5fd}.inventory-info-chip.reserved{background:linear-gradient(135deg,#f59e0b33,#f59e0b1f)!important;border-color:#f59e0b66!important;color:#fbbf24!important}.inventory-info-chip.reserved:hover{background:linear-gradient(135deg,#f59e0b4d,#f59e0b2e)!important;border-color:#f59e0b80!important}.inventory-info-chip.reserved svg{color:#fbbf24!important}.inventory-info-chip.reserved span{color:#fbbf24!important}.inventory-item-description{color:#fffc;font-size:15px;line-height:1.6;margin:20px 24px;padding:18px 20px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-radius:12px;border:1px solid rgba(255,255,255,.12);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.inventory-item-description:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border-color:#ffffff2e}.inventory-item-footer{display:flex;justify-content:space-between;align-items:center;margin:0;padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:0 0 20px 20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-last-updated{color:#ffffffb3;font-size:13px;font-weight:500;padding:8px 14px;background:#ffffff14;border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.inventory-delete-button{padding:10px;border-radius:12px;color:#ef4444;cursor:pointer;transition:all .3s ease;background:#ffffff14;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.inventory-delete-button:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:scale(1.05);box-shadow:0 8px 25px #ef444466}.inventory-delete-button:active{transform:scale(.95)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.inventory-container .loading-spinner{width:40px;height:40px;border:3px solid rgba(108,92,231,.3);border-top:3px solid #6c5ce7;border-radius:50%;animation:inventory-spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;width:100%;margin:0 auto;padding:40px 20px}.empty-icon{padding:32px;background:linear-gradient(135deg,#ffffff26,#ffffff14);border-radius:50%;color:#fff9;font-size:64px;margin-bottom:32px;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 16px #0000001a}.empty-title{color:#fffc;font-size:24px;font-weight:600;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.empty-subtitle{color:#fff9;font-size:16px;line-height:1.5;max-width:400px;margin:0 auto}.fab-container{position:fixed;bottom:20px;right:20px;z-index:1000}.fab-main{width:56px;height:56px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 20px #6c5ce74d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.fab-main:hover{transform:scale(1.1);box-shadow:0 12px 30px #6c5ce766}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.dialog-content{background:#2d2d44;border-radius:16px;padding:24px;max-width:400px;width:100%;max-height:80vh;overflow-y:auto}.dialog-title{color:#fff;font-size:18px;font-weight:700;margin-bottom:16px}.dialog-text{color:#fffc;margin-bottom:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px}.dialog-button{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.dialog-button.cancel{background:transparent;color:#ffffffb3}.dialog-button.confirm{background:#6c5ce7;color:#fff}.dialog-button.danger{background:#ff6b6b;color:#fff}.dialog-button:hover{opacity:.8}.sort-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;cursor:pointer;border-radius:8px;margin-bottom:4px;transition:background .2s ease}.sort-option:hover{background:#ffffff1a}.sort-icon{color:#6c5ce7;font-size:20px}@media (prefers-reduced-motion: reduce){.stats-bar,.search-filters,.inventory-list,.inventory-card{animation:none!important;opacity:1!important;transform:none!important}}.inventory-container .stats-bar,.inventory-container .search-filters,.inventory-container .inventory-list,.inventory-container .inventory-card{display:flex!important;visibility:visible!important;opacity:1!important}.inventory-container .inventory-stat-item{display:flex!important;flex-direction:column!important;align-items:center!important}.inventory-container .inventory-card-header{display:flex!important;align-items:flex-start!important;gap:16px!important}.inventory-container .category-icon{display:flex!important;align-items:center!important;justify-content:center!important}.inventory-container .card-info{flex:1!important}@media (max-width: 768px){.inventory-header{padding:12px 16px 0}.inventory-container .stats-bar{margin:16px;padding:16px}.inventory-container .search-filters{padding:0 16px}.inventory-container .search-bar{margin-bottom:12px}.inventory-container .search-input{padding:14px 16px!important;font-size:16px!important}.inventory-container .category-chip{padding:8px 14px;font-size:13px;height:36px}.inventory-container .inventory-list{margin:0 16px 80px;width:calc(100% - 32px)}.empty-state{min-height:300px;padding:32px 16px}.empty-icon{font-size:48px;padding:24px;margin-bottom:24px}.empty-title{font-size:20px}.empty-subtitle{font-size:14px}.inventory-container .inventory-item-card{padding:0;margin-bottom:16px}.inventory-container .inventory-item-header{padding:16px 20px 0;gap:12px}.inventory-category-icon{width:48px;height:48px;font-size:20px}.inventory-item-name{font-size:19px}.inventory-item-category{font-size:12px}.inventory-info-grid{grid-template-columns:1fr 1fr;margin:16px 20px 12px;gap:10px}.inventory-info-chip{padding:12px 14px;font-size:13px;min-height:44px}.inventory-info-secondary{margin:12px 20px;gap:8px}.inventory-info-secondary .inventory-info-chip{padding:8px 12px;font-size:12px;min-height:36px}.inventory-item-description{font-size:14px;margin:12px 20px;padding:14px 16px}.inventory-item-footer{padding:16px 20px 20px}.inventory-delete-button{min-width:44px;min-height:44px;padding:10px}.fab-container{bottom:16px;right:16px}}@media (max-width: 480px){.header-title{font-size:20px}.inventory-container .stats-bar{flex-direction:column;gap:16px;margin:12px;padding:16px}.inventory-container .stat-divider{width:80%;height:1px}.inventory-container .search-filters{padding:0 12px}.inventory-container .search-input{padding:12px 16px!important;font-size:16px!important}.inventory-container .category-chip{padding:8px 12px;font-size:12px;height:32px}.info-chip{padding:8px 12px;font-size:12px;min-height:36px;gap:6px}.info-chips.secondary .info-chip{padding:6px 10px;font-size:11px;min-height:32px}.info-chip svg{font-size:13px}.info-chips.secondary .info-chip svg{font-size:12px}.inventory-container .inventory-list{margin:0 12px 80px;width:calc(100% - 24px)}.empty-state{min-height:250px;padding:24px 12px}.empty-icon{font-size:40px;padding:20px;margin-bottom:20px}.empty-title{font-size:18px;margin-bottom:8px}.empty-subtitle{font-size:13px}.inventory-container .inventory-item-header{padding:12px 16px 0;flex-direction:row;text-align:left;background:transparent}.inventory-category-icon{width:44px;height:44px;font-size:18px}.inventory-item-name{font-size:17px}.inventory-item-category{font-size:11px}.inventory-info-grid{grid-template-columns:1fr;margin:12px 16px 10px;gap:8px}.inventory-info-chip{padding:10px 12px;font-size:12px;min-height:40px}.inventory-info-secondary{margin:10px 16px;gap:6px}.inventory-info-secondary .inventory-info-chip{padding:8px 10px;font-size:11px;min-height:32px}.inventory-item-description{font-size:13px;margin:10px 16px;padding:12px 14px}.inventory-item-footer{padding:12px 16px 16px}.inventory-last-updated{font-size:11px;padding:6px 10px}}.inventory-pagination-info-static{padding:0 20px;margin-bottom:20px;opacity:1;transform:translateY(0);animation:fadeInUp .8s ease-out .3s forwards}.inventory-pagination-info-static .inventory-pagination-info{background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 20px;margin-bottom:0}.inventory-load-more-container-only{text-align:center;padding:20px;margin:20px 0}.inventory-pagination-container{padding:16px 20px;margin:20px 0;background:#ffffff14;border-radius:16px;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#ffffffe6;font-size:14px;font-weight:500}.inventory-items-per-page{display:flex;align-items:center;gap:8px}.inventory-items-per-page label{color:#fffc;font-size:13px;font-weight:500;margin:0}.inventory-items-per-page-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:60px}.inventory-items-per-page-select:hover{background:#ffffff26;border-color:#ffffff4d}.inventory-items-per-page-select:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce733}.inventory-items-per-page-select option{background:#2d2d44;color:#fff;padding:8px}.inventory-load-more-container{text-align:center}.inventory-load-more-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:12px;color:#fff;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 15px #4caf504d}.inventory-load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.inventory-load-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.inventory-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:inventory-spin 1s linear infinite}@keyframes inventory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-progress-bar{margin-top:12px;width:200px;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-left:auto;margin-right:auto}.inventory-progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);border-radius:2px;animation:inventory-progress 1.5s ease-in-out infinite}@keyframes inventory-progress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.inventory-all-loaded{text-align:center;color:#ffffffb3;font-size:14px;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.inventory-all-loaded span{font-weight:500}@media (max-width: 768px){.inventory-pagination-info-static{padding:0 16px;margin-bottom:16px}.inventory-pagination-info-static .inventory-pagination-info{padding:12px 16px}.inventory-pagination-container{padding:12px 16px;margin:16px 0}.inventory-load-more-container-only{padding:16px;margin:16px 0}.inventory-pagination-info{flex-direction:column;gap:12px;text-align:center}.inventory-items-per-page{justify-content:center}.inventory-load-more-button{width:100%;max-width:280px}}@media (max-width: 480px){.inventory-pagination-info-static{padding:0 12px;margin-bottom:12px}.inventory-pagination-info-static .inventory-pagination-info{padding:10px 12px}.inventory-pagination-container,.inventory-load-more-container-only{padding:12px;margin:12px 0}.inventory-items-per-page label{font-size:12px}.inventory-items-per-page-select{font-size:12px;padding:4px 8px}}.dashboard{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:#fff;overflow-x:hidden;position:relative;contain:layout style paint;padding-top:var(--lumi-nav-height)}.dashboard:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at top,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.dashboard-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.dashboard-loading-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;z-index:9999}.dashboard-loading-overlay .dashboard-loading-state{padding:40px;background:#ffffff0d;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px}.dashboard-loading-overlay .dashboard-loading-state h3{color:#fff;font-size:18px;font-weight:600;margin:16px 0 8px}.dashboard-loading-overlay .dashboard-loading-state p{color:#ffffffb3;font-size:14px;margin:0;line-height:1.4}.dashboard .loading-spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#fffc;animation:dashboard-spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-header-section{padding:20px;position:relative;z-index:1}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-logo{height:40px;max-width:250px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.dashboard-settings-button{width:40px;height:40px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1.5px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px}.dashboard-settings-button:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff4d;transform:scale(1.05)}.dashboard-settings-button:active{transform:scale(.98)}.user-greeting-section{display:flex;align-items:flex-start;gap:16px}.greeting-text{flex:1}.greeting{color:#ffffffb3;font-size:14px;font-weight:500;margin-bottom:4px;display:block}.user-name{color:#fff!important;font-size:28px;font-weight:700;margin:0 0 4px;line-height:1.2;word-break:break-word}.user-badges{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.subscription-badge{color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:8px;background:linear-gradient(135deg,#9b59b6,#8e44ad);white-space:nowrap}.trial-badge{background:linear-gradient(135deg,#3498db,#2980b9)!important;border:1px solid rgba(255,255,255,.3)}.business-name{color:#fff9;font-size:13px;word-break:break-word}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1.5px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:24px;overflow:hidden;flex-shrink:0}.user-avatar:hover{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff4d;transform:scale(1.05)}.user-avatar:active{transform:scale(.98)}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:14px}.dashboard-main{padding:0 20px 80px;position:relative;z-index:1}.main-actions{margin-bottom:32px}.dashboard-hero-action{height:200px;border-radius:28px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);position:relative;cursor:pointer;margin-bottom:24px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #667eea4d,0 8px 16px #0000001a,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.1)}.dashboard-hero-action:after{content:"";position:absolute;inset:0;background:#0000004d;z-index:1}.dashboard-hero-action:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .4s ease}.dashboard-hero-action:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.1) 60deg,transparent 120deg,rgba(255,255,255,.05) 180deg,transparent 240deg,rgba(255,255,255,.08) 300deg,transparent 360deg);animation:rotate 8s linear infinite;opacity:0;transition:opacity .4s ease}.dashboard-hero-action:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 32px 64px #667eea66,0 16px 32px #00000026,inset 0 1px #ffffff4d;border-color:#fff3}.dashboard-hero-action:hover:before{opacity:1}.dashboard-hero-action:hover:after{opacity:.6}.dashboard-hero-action:active{transform:translateY(-4px) scale(.98);transition:all .1s ease}.dashboard-hero-action-content{position:relative;z-index:2;padding:32px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.dashboard-hero-action-header{display:flex;justify-content:space-between;align-items:center}.dashboard-hero-icon{background:linear-gradient(135deg,#ff9a9e,#fecaca);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:14px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 16px #0003,inset 0 1px #ffffff4d;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.dashboard-hero-action:hover .dashboard-hero-icon{background:#ffffff4d;transform:scale(1.1);box-shadow:0 12px 24px #0000004d,inset 0 1px #fff6}.dashboard-hero-arrow{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.dashboard-hero-action:hover .dashboard-hero-arrow{background:#ffffff40;transform:translate(4px);box-shadow:0 6px 12px #00000026}.dashboard-hero-title{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:22px;font-weight:800;padding:12px 20px;border-radius:12px;box-shadow:0 8px 16px #0000004d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);text-shadow:0 2px 4px rgba(0,0,0,.5);display:inline-block;letter-spacing:-.02em;transition:all .3s ease}.dashboard-hero-action:hover .dashboard-hero-title{background:#00000080;transform:translateY(-2px);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d}.secondary-actions{display:flex;gap:12px;margin-bottom:12px}.dashboard-action-card{flex:1;height:100px;padding:16px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.dashboard-action-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border-color:#ffffff40;transform:translateY(-2px)}.dashboard-action-card:active{transform:translateY(0)}.dashboard-action-card-header{display:flex;justify-content:space-between;align-items:center}.dashboard-action-icon{padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.dashboard-action-arrow{color:#ffffff4d;font-size:14px}.dashboard-action-card-content{display:flex;flex-direction:column}.dashboard-action-title{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.dashboard-action-subtitle{color:#fff9;font-size:12px}.dashboard-measurement-tracker{padding:12px 16px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;min-height:auto;flex-direction:row;position:static;overflow:visible}.dashboard-measurement-tracker:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border-color:#ffffff40;transform:translateY(-2px)}.dashboard-measurement-tracker:active{transform:translateY(0)}.dashboard-measurement-icon{background:#4facfe33;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#4facfe}.dashboard-measurement-content{flex:1}.dashboard-measurement-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:1px}.dashboard-measurement-subtitle{color:#fff9;font-size:11px}.dashboard-measurement-arrow{color:#ffffff4d;font-size:16px}.dashboard-section-title{color:#ffffffb3;font-size:12px;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;padding-left:4px}.quick-tools{margin-bottom:24px}.tools-grid{display:flex;gap:12px}.dashboard-tool-card{flex:1;padding:16px;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.3);border-radius:16px;cursor:pointer;transition:all .3s ease}.dashboard-tool-card:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea80;transform:translateY(-2px)}.dashboard-tool-card:active{transform:translateY(0)}.dashboard-tool-card:nth-child(2){background:linear-gradient(135deg,#30cfd026,#33086726);border-color:#30cfd04d}.dashboard-tool-card:nth-child(2):hover{background:linear-gradient(135deg,#30cfd040,#33086740);border-color:#30cfd080}.dashboard-tool-icon{border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:12px;width:fit-content}.dashboard-tool-content{display:flex;flex-direction:column}.dashboard-tool-title{color:#fff;font-size:15px;font-weight:600;margin-bottom:2px}.dashboard-tool-subtitle{color:#fff9;font-size:11px}.inventory-section{margin-bottom:24px}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-inventory-card{padding:28px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:16px;min-height:120px}.dashboard-inventory-card:hover{background:linear-gradient(135deg,#ffffff2e,#ffffff1a);border-color:#ffffff59;transform:translateY(-4px) scale(1.02);box-shadow:0 16px 48px #0000004d}.dashboard-inventory-card:hover .dashboard-inventory-icon{transform:scale(1.1);box-shadow:0 8px 24px #ffa99eb3}.dashboard-inventory-card:active{transform:translateY(0)}.dashboard-inventory-icon{background:linear-gradient(135deg,#ff9a9e,#fecaca);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 6px 20px #ffa99e80;transition:all .3s ease}.dashboard-designs-icon{background:linear-gradient(135deg,#a8e6cf,#ffd3a5)}.dashboard-inventory-content{flex:1;min-width:0}.dashboard-inventory-title{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:20px;font-weight:800;padding:10px 16px;border-radius:10px;box-shadow:0 8px 16px #0000004d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);text-shadow:0 2px 4px rgba(0,0,0,.5);display:inline-block;letter-spacing:-.02em;margin-bottom:10px;transition:all .3s ease}.dashboard-inventory-card:hover .dashboard-inventory-title{background:#00000080;transform:translateY(-2px);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d}.dashboard-inventory-subtitle{color:#ffffffd9;font-size:13px;margin-bottom:4px;line-height:1.5;font-weight:500}.dashboard-inventory-count{color:#fffc;font-size:14px;font-weight:600}.dashboard-inventory-arrow{color:#fff6;font-size:20px;flex-shrink:0}.quick-access{margin-bottom:32px}.quick-access-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-access-card{background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px;text-decoration:none;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;gap:16px;position:relative;overflow:hidden;cursor:pointer;min-height:120px}.quick-access-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .3s ease}.quick-access-card:hover{transform:translateY(-4px) scale(1.02);border-color:#ffffff59;box-shadow:0 16px 48px #0000004d;color:#fff;text-decoration:none}.quick-access-card:hover .quick-access-icon{transform:scale(1.1);box-shadow:0 8px 24px #ffa99eb3}.quick-access-card.disabled-card{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(.5)}.quick-access-card.disabled-card:hover{transform:none;box-shadow:none}.quick-access-card:hover:before{opacity:1}.quick-access-icon{background:linear-gradient(135deg,#ff9a9e,#fecaca);border-radius:16px;padding:18px;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.4);box-shadow:0 6px 20px #ffa99e80;transition:all .3s ease}.icon-mockup{background:linear-gradient(135deg,#ff6b9d,#c44569);box-shadow:0 6px 20px #ff6b9d99,0 0 30px #ff6b9d4d}.icon-crm{background:linear-gradient(135deg,#a55eea,#8854d0);box-shadow:0 6px 20px #a55eea99,0 0 30px #a55eea4d}.icon-invoices{background:linear-gradient(135deg,#5dade2,#3498db);box-shadow:0 6px 20px #5dade299,0 0 30px #5dade24d}.icon-quotes{background:linear-gradient(135deg,#58d68d,#28b463);box-shadow:0 6px 20px #58d68d99,0 0 30px #58d68d4d}.icon-gps{background:linear-gradient(135deg,#f8c471,#e67e22);box-shadow:0 6px 20px #f8c47199,0 0 30px #f8c4714d}.icon-calculator{background:linear-gradient(135deg,#76d7c4,#17a589);box-shadow:0 6px 20px #76d7c499,0 0 30px #76d7c44d}.icon-schedule{background:linear-gradient(135deg,#f1948a,#e74c3c);box-shadow:0 6px 20px #f1948a99,0 0 30px #f1948a4d}.icon-inventory{background:linear-gradient(135deg,#f7dc6f,#f1c40f);box-shadow:0 6px 20px #f7dc6f99,0 0 30px #f7dc6f4d}.icon-admin{background:linear-gradient(135deg,#95a5a6,#7f8c8d);box-shadow:0 6px 20px #95a5a699,0 0 30px #95a5a64d}.icon-sponsor{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea99,0 0 30px #764ba24d}.quick-access-icon img{width:100%;height:100%;border-radius:12px;object-fit:cover}.quick-access-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.quick-access-title{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;font-size:18px;font-weight:800;padding:10px 16px;border-radius:10px;box-shadow:0 8px 16px #0000004d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.15);text-shadow:0 2px 4px rgba(0,0,0,.5);display:inline-block;letter-spacing:-.02em;margin-bottom:10px;transition:all .3s ease}.quick-access-card:hover .quick-access-title{background:#00000080;transform:translateY(-2px);box-shadow:0 12px 24px #0006,inset 0 1px #ffffff4d}.quick-access-description{font-size:13px;color:#ffffffd9;line-height:1.5;font-weight:500}.sign-out-section{margin-top:40px;display:flex;justify-content:center}.sign-out-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.sign-out-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.sign-out-button:active{transform:translateY(0)}@media (max-width: 768px){.dashboard-header-section{padding:16px}.user-greeting-section{flex-direction:column;gap:12px}.user-name{font-size:24px}.user-avatar{width:40px;height:40px;font-size:20px;align-self:flex-start}.dashboard-main{padding:0 16px 60px}.secondary-actions,.tools-grid{flex-direction:column;gap:12px}.dashboard-hero-action{height:180px}.dashboard-hero-action-content{padding:24px}.dashboard-hero-title{font-size:20px}.inventory-grid{grid-template-columns:1fr;gap:12px}.dashboard-inventory-card{padding:20px;gap:12px}.dashboard-inventory-title{font-size:16px}.dashboard-inventory-subtitle{font-size:11px}.quick-access-grid{grid-template-columns:1fr;gap:12px}.quick-access-card{padding:20px;gap:12px}.quick-access-title{font-size:15px}.quick-access-description{font-size:11px}}@media (max-width: 480px){.dashboard-logo{height:32px;max-width:180px}.dashboard-settings-button{width:36px;height:36px;font-size:18px}.user-name{font-size:22px}.dashboard-hero-action{height:160px}.dashboard-hero-action-content{padding:20px}.dashboard-hero-title{font-size:18px}.dashboard-measurement-tracker,.dashboard-inventory-card{padding:16px!important}.secondary-actions,.tools-grid{gap:8px}.dashboard-action-card{padding:12px;height:90px}.dashboard-tool-card{padding:12px}.dashboard-inventory-content{flex:1}.dashboard-inventory-title{font-size:15px}.dashboard-inventory-subtitle{font-size:10px;line-height:1.2}.dashboard-inventory-count{font-size:12px}}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}.dashboard *,.dashboard *:before,.dashboard *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dashboard *{will-change:auto}.dashboard-hero-action,.dashboard-action-card,.dashboard-tool-card,.dashboard-inventory-card,.dashboard-measurement-tracker{will-change:transform;backface-visibility:hidden;perspective:1000px}@media (prefers-contrast: high){.dashboard{background:#000}.dashboard:before{display:none}.dashboard-hero-action,.dashboard-action-card,.dashboard-measurement-tracker,.dashboard-tool-card,.dashboard-inventory-card{border-width:2px;border-color:#ffffff80}}.profile-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#0a0a0b,#1a1a2e 30%,#16213e 70%,#0f0f23);overflow-x:hidden;padding-top:calc(var(--lumi-nav-height) + 16px)}.profile-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.floating-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.6;animation:float 6s ease-in-out infinite}.floating-orb.orb-1{width:200px;height:200px;top:10%;right:10%;background:linear-gradient(45deg,#9333ea4d,#3b82f633);animation-delay:0s}.floating-orb.orb-2{width:300px;height:300px;top:60%;left:-10%;background:linear-gradient(45deg,#10b9814d,#06b6d433);animation-delay:2s}.floating-orb.orb-3{width:150px;height:150px;bottom:20%;right:20%;background:linear-gradient(45deg,#f565654d,#fb923c33);animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(15px) rotate(240deg)}}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;color:#fff;text-align:center}.profile-container .loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:profile-spin 1s linear infinite;margin-bottom:1rem}.profile-loading p{font-size:1.1rem;opacity:.8;margin:0}.profile-content{position:relative;z-index:10;max-width:600px;margin:0 auto;padding:0 1.5rem 3rem}.avatar-section{text-align:center;margin-bottom:3rem;animation:slideUp .8s ease-out}.avatar-container{display:inline-block}.avatar-wrapper{position:relative;width:140px;height:140px;margin:0 auto 1rem}.avatar-image,.avatar-placeholder{width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.3);object-fit:cover;background:linear-gradient(135deg,#fff3,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;color:#ffffffb3;font-size:3rem;box-shadow:0 20px 40px #0000004d}.avatar-camera-btn{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.avatar-camera-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #667eea99}.avatar-remove-btn{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #ef444466}.avatar-remove-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 20px #ef444499}.avatar-hint{color:#fff9;font-size:.875rem;margin:0}.profile-page .form-sections{animation:slideUp .8s ease-out .2s both}.profile-page .form-section{margin-bottom:2.5rem}.profile-page .section-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;letter-spacing:-.025em}.profile-page .input-group{margin-bottom:1.25rem}.profile-page .input-label{display:block;color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:.5rem;letter-spacing:.025em}.profile-page .input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0 1rem;transition:all .3s ease;min-height:52px}.profile-page .input-wrapper:focus-within{border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff26}.profile-page .input-wrapper.disabled{background:#ffffff0d;border-color:#ffffff1a;opacity:.7}.profile-page .input-wrapper.flex-1{flex:1}.profile-page .input-icon{color:#fff9;font-size:1.1rem;margin-right:.75rem;margin-left:.25rem;flex-shrink:0;min-width:20px;display:flex;align-items:center;justify-content:center}.profile-page .input-wrapper:focus-within .input-icon{color:#06b6d4cc}.profile-page .input-wrapper input{flex:1;border:none;background:transparent;color:#fff;font-size:1rem;font-weight:500;outline:none;padding:.75rem 0;min-height:36px;line-height:1.4}.profile-page .input-wrapper input::placeholder{color:#fff6}.profile-page .input-wrapper input:disabled{cursor:not-allowed}.profile-page .phone-input-wrapper{display:flex;gap:.75rem;align-items:stretch}.profile-page .country-code-select{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;padding:.75rem 1rem;font-size:.875rem;font-weight:500;outline:none;cursor:pointer;transition:all .3s ease;min-height:52px;min-width:100px;display:flex;align-items:center}.profile-page .country-code-select:focus{border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff26}.profile-page .country-code-select option{background:#1e293b;color:#fff}.profile-page .action-buttons{margin-top:3rem;display:flex;flex-direction:column;gap:1rem;animation:slideUp .8s ease-out .4s both}.profile-page .btn-primary,.profile-page .btn-secondary{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:56px;position:relative;overflow:hidden}.profile-page .btn-primary{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;box-shadow:0 8px 25px #11998e66}.profile-page .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #11998e99}.profile-page .btn-secondary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 25px #667eea66}.profile-page .btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #667eea99}.profile-page .btn-primary:disabled,.profile-page .btn-secondary:disabled{opacity:.7;cursor:not-allowed;transform:none}.profile-page .btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:profile-spin 1s linear infinite}.message-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);animation:slideInUp .3s ease-out;max-width:90%;text-align:center}.message-toast.success{background:linear-gradient(135deg,#10b981e6,#059669e6);box-shadow:0 10px 30px #10b9814d}.message-toast.error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);box-shadow:0 10px 30px #ef44444d}.message-toast svg{font-size:1.25rem;flex-shrink:0}@keyframes profile-spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.profile-page{padding-top:72px}.profile-content{padding:0 1rem 2rem}.avatar-wrapper{width:120px;height:120px}.avatar-image,.avatar-placeholder{font-size:2.5rem}.profile-page .section-title{font-size:1.25rem}.profile-page .phone-input-wrapper{flex-direction:column;gap:1rem}.profile-page .country-code-select{min-width:auto}.floating-orb{filter:blur(30px)}.floating-orb.orb-1{width:150px;height:150px}.floating-orb.orb-2{width:200px;height:200px}.floating-orb.orb-3{width:120px;height:120px}}@media (max-width: 480px){.profile-page{padding-top:var(--lumi-nav-height)}.profile-content{padding:0 .75rem 2rem}.avatar-wrapper{width:100px;height:100px}.avatar-camera-btn,.avatar-remove-btn{width:32px;height:32px;font-size:.875rem}.profile-page .form-section{margin-bottom:2rem}.profile-page .action-buttons{margin-top:2rem}.message-toast{bottom:1rem;left:1rem;right:1rem;transform:none;max-width:none}}@media (prefers-contrast: high){.profile-page .input-wrapper{border-width:2px;border-color:#ffffff80}.profile-page .input-wrapper:focus-within{border-color:#06b6d4}.profile-page .btn-primary,.profile-page .btn-secondary{border:2px solid rgba(255,255,255,.3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.floating-orb{animation:none}}.login-page-new{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow:hidden;position:relative;padding-top:64px}.login-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.login-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:loginFloat 25s ease-in-out infinite}.login-orb-1{width:400px;height:400px;background:radial-gradient(circle,#6366f1 0%,#8b5cf6 50%,transparent 70%);top:-10%;right:-5%;animation-delay:0s}.login-orb-2{width:300px;height:300px;background:radial-gradient(circle,#06b6d4 0%,#3b82f6 50%,transparent 70%);bottom:-5%;left:-5%;animation-delay:-12s}.login-grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:40px 40px;animation:loginGridMove 30s linear infinite}@keyframes loginFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-15px,15px) scale(.9)}75%{transform:translate(15px,-10px) scale(1.05)}}@keyframes loginGridMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.login-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}.login-nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.login-nav-brand{display:flex;align-items:center;gap:12px}.login-nav-logo{height:32px;filter:brightness(1)}.login-nav-web{font-size:16px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-beta-tag{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;border-radius:8px;text-transform:uppercase}.login-back-btn{display:flex;align-items:center;gap:8px;color:#000000b3;text-decoration:none;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:12px;background:#0000000d}.login-back-btn:hover{color:#000000e6;background:#0000001a;text-decoration:none}.login-container-new{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:1;padding-top:80px}.login-welcome{display:flex;align-items:center;justify-content:center;padding:60px 40px;position:relative}.login-welcome-content{max-width:500px;z-index:2}.login-welcome-header{margin-bottom:48px}.login-welcome-title{font-size:48px;font-weight:800;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-welcome-subtitle{font-size:18px;line-height:1.6;color:#fffc}.login-welcome-features{display:flex;flex-direction:column;gap:24px;margin-bottom:48px}.login-welcome-feature{display:flex;align-items:flex-start;gap:16px}.login-welcome-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.login-welcome-feature-content h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.login-welcome-feature-content p{font-size:14px;color:#ffffffb3;line-height:1.4}.login-welcome-visual{position:relative;height:120px}.login-visual-dots{display:flex;gap:16px;align-items:center;justify-content:center;height:100%}.login-visual-dot{width:16px;height:16px;border-radius:50%;animation:loginDotPulse 2s ease-in-out infinite}.login-dot-1{background:#ef4444;animation-delay:0s}.login-dot-2{background:#f59e0b;animation-delay:.2s}.login-dot-3{background:#10b981;animation-delay:.4s}.login-dot-4{background:#6366f1;animation-delay:.6s}.login-dot-5{background:#ec4899;animation-delay:.8s}@keyframes loginDotPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.login-form-container{display:flex;align-items:center;justify-content:center;padding:60px 40px;background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-form-card{width:100%;max-width:420px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #0000004d,inset 0 1px #ffffff1a;position:relative}.login-form-card:before{content:"";position:absolute;inset:1px;background:#ffffff05;border-radius:23px;pointer-events:none}.login-form-header{text-align:center;margin-bottom:32px}.login-form-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.login-form-description{font-size:14px;color:#ffffffb3}.login-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;margin-bottom:24px;font-size:14px;font-weight:500}.login-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5}.login-alert-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#86efac}.login-alert-info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93c5fd}.login-alert-icon{font-size:16px}.login-oauth-section{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.login-oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 20px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff14;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:52px}.login-oauth-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 20px #00000026}.login-oauth-btn:disabled{opacity:.6;cursor:not-allowed}.login-oauth-icon{width:20px;height:20px;flex-shrink:0}.login-oauth-google:hover:not(:disabled){border-color:#4285f466;background:#4285f41a}.login-oauth-apple:hover:not(:disabled){border-color:#fff6;background:#ffffff1a}.login-divider{position:relative;text-align:center;margin:24px 0}.login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a}.login-divider span{background:#ffffff0d;color:#fff9;padding:0 16px;font-size:12px;font-weight:500;position:relative}.login-form-new{margin-bottom:24px}.login-input-group{margin-bottom:20px}.login-input-label{display:block;font-size:14px;font-weight:500;color:#ffffffe6;margin-bottom:8px}.login-input-wrapper{position:relative;background:#00000026;border-radius:14px;padding:2px;border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.login-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#fff9;font-size:16px;z-index:3;pointer-events:none;transition:color .3s ease}.login-input-field{width:100%;padding:16px 16px 16px 52px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:15px;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;position:relative;line-height:1.4}.login-input-field::placeholder{color:#ffffff80}.login-input-field:focus{outline:none;border-color:#6366f14d;background:#ffffff0f;box-shadow:0 0 0 2px #6366f11a}.login-input-wrapper:focus-within{border-color:#6366f1;background:#6366f126;box-shadow:0 0 0 2px #6366f133}.login-input-field:focus+.login-input-icon{color:#8b5cf6}.login-input-wrapper:hover:not(:focus-within){border-color:#fff3;background:#ffffff0d}.login-input-wrapper:hover .login-input-field:not(:focus){border-color:#ffffff26;background:#ffffff0a}.login-input-wrapper:hover .login-input-icon{color:#ffffffb3}.login-input-field:disabled{opacity:.6;cursor:not-allowed}.login-password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;font-size:16px;padding:6px;transition:color .3s ease;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px}.login-password-toggle:hover{color:#ffffffe6;background:#ffffff1a}.login-password-toggle:focus{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}.login-form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.login-checkbox-label{display:flex;align-items:center;gap:8px;font-size:14px;color:#fffc;cursor:pointer}.login-checkbox-input{display:none}.login-checkbox-custom{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;position:relative;transition:all .3s ease}.login-checkbox-input:checked+.login-checkbox-custom{background:#6366f1;border-color:#6366f1}.login-checkbox-input:checked+.login-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.login-forgot-password{font-size:14px;color:#6366f1;text-decoration:none;transition:all .3s ease;padding:8px 12px;border-radius:8px;background:#6366f11a;border:1px solid rgba(99,102,241,.2)}.login-forgot-password:hover{color:#8b5cf6;background:#8b5cf626;border-color:#8b5cf64d;text-decoration:none;transform:translateY(-1px)}.login-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px #6366f14d;min-height:52px;position:relative;overflow:hidden}.login-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.login-submit-btn:hover:not(:disabled):before{left:100%}.login-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 25px #6366f166}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-form-footer{text-align:center}.login-toggle-mode{font-size:14px;color:#ffffffb3;margin-bottom:16px}.login-toggle-btn{background:none;border:none;color:#6366f1;font-weight:600;cursor:pointer;transition:color .3s ease}.login-toggle-btn:hover:not(:disabled){color:#8b5cf6;text-decoration:underline}.login-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.login-pricing-link{font-size:13px;color:#fff9}.login-external-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .3s ease}.login-external-link:hover{color:#8b5cf6;text-decoration:underline}.login-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:loginSpin 1s linear infinite}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.login-container-new{grid-template-columns:1fr}.login-welcome{display:none}.login-form-container{padding:40px 20px}}@media (max-width: 768px){.login-nav-container{padding:0 20px}.login-welcome-title{font-size:36px}.login-form-card{padding:32px 24px;margin:0 16px}.login-oauth-section{gap:10px}.login-oauth-btn{padding:12px 16px;font-size:13px}.login-input-field{padding:12px 16px 12px 50px;font-size:13px}.login-input-icon{left:16px;font-size:14px}.login-submit-btn{padding:14px;font-size:15px}}@media (max-width: 480px){.login-nav-container{padding:0 16px}.login-back-btn span{display:none}.login-form-card{padding:24px 20px;margin:0 12px;border-radius:20px}.login-form-title{font-size:24px}.login-oauth-btn{padding:12px;font-size:12px}.login-oauth-btn span{display:none}.login-input-field{padding:12px 16px 12px 48px}.login-input-icon{left:14px;font-size:14px}.login-password-toggle{right:12px}}*{margin:0;padding:0;box-sizing:border-box}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overflow-x:hidden;position:relative;padding-top:64px}.home-top-logo{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px;box-shadow:0 4px 12px #0000004d}.home-top-logo img{height:32px;display:block;filter:brightness(2.5) contrast(1.2)}.home-login-link{position:absolute;top:24px;right:32px;z-index:1000;color:#ffffffe6;text-decoration:none;font-size:16px;font-weight:500;padding:10px 24px;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.home-login-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.home-user-info{position:absolute;top:24px;right:32px;z-index:1000;display:flex;gap:12px;align-items:center}.home-user-link,.home-dashboard-link{color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.home-user-link:hover,.home-dashboard-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.home-user-arrow{font-size:18px;transition:transform .3s ease;margin-left:4px}.home-user-arrow.open{transform:rotate(180deg)}.home-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#111111f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 24px #00000080;z-index:1001;animation:slideDown .2s ease}.home-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.home-dropdown-item:hover{background:#ffffff1a;color:#fff}.home-dropdown-item svg{font-size:18px}.home-dashboard-link{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf64d}.home-dashboard-link:hover{background:linear-gradient(135deg,#7c7ff6,#9d6ffb);box-shadow:0 4px 16px #8b5cf666}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:float 25s ease-in-out infinite;mix-blend-mode:screen}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#6366f1 0%,#8b5cf6 30%,#ec4899 60%,transparent 80%);top:-15%;right:-15%;animation-delay:0s}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#06b6d4 0%,#3b82f6 30%,#6366f1 60%,transparent 80%);bottom:-15%;left:-15%;animation-delay:-8s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#ec4899 0%,#f59e0b 30%,#10b981 60%,transparent 80%);top:40%;left:60%;animation-delay:-16s}.orb-4{width:300px;height:300px;background:radial-gradient(circle,#10b981 0%,#06b6d4 40%,#6366f1 70%,transparent 85%);top:70%;right:30%;animation-delay:-12s}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 40s linear infinite}.particle{position:absolute;width:2px;height:2px;background:#fff9;border-radius:50%;animation:particleFloat 15s ease-in-out infinite}.particle:nth-child(1){top:20%;left:10%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:-3s}.particle:nth-child(3){top:80%;left:30%;animation-delay:-6s}.particle:nth-child(4){top:40%;left:70%;animation-delay:-9s}.particle:nth-child(5){top:10%;left:50%;animation-delay:-12s}@keyframes float{0%,to{transform:translate(0) scale(1) rotate(0);opacity:.4}25%{transform:translate(40px,-40px) scale(1.2) rotate(90deg);opacity:.6}50%{transform:translate(-30px,30px) scale(.8) rotate(180deg);opacity:.3}75%{transform:translate(20px,-20px) scale(1.1) rotate(270deg);opacity:.5}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-20px) translate(10px);opacity:1}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.1)}.nav-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:12px}.nav-logo{height:32px;filter:brightness(1)}.nav-web{font-size:16px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beta-tag{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;border-radius:8px;text-transform:uppercase}.nav-actions{display:flex;align-items:center;gap:24px}.nav-link{color:#000000b3;text-decoration:none;font-weight:500;transition:all .3s ease}.nav-link:hover{color:#000000e6;text-decoration:none}.nav-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;padding:10px 20px;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 20px #6366f14d}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166;color:#fff;text-decoration:none}.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(236,72,153,.08) 0%,transparent 50%);pointer-events:none}.hero-container{max-width:1400px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;position:relative;z-index:2}.hero-content{z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;font-weight:600;padding:14px 24px;border-radius:50px;margin-bottom:40px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 8px 32px #0003;transition:all .3s ease}.hero-badge:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.hero-badge svg{color:#6366f1;font-size:18px;filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.hero-title{font-size:72px;font-weight:900;line-height:1.05;margin-bottom:32px;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#e2e8f0,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,255,255,.1)}.hero-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(99,102,241,.3))}.hero-description{font-size:22px;line-height:1.7;color:#ffffffd9;margin-bottom:48px;max-width:550px;font-weight:400;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-features{display:flex;flex-direction:column;gap:20px;margin-bottom:56px}.hero-feature{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:500;color:#fffffff2;padding:12px 0;transition:all .3s ease}.hero-feature:hover{transform:translate(8px);color:#fff}.hero-feature svg{color:#10b981;font-size:24px;filter:drop-shadow(0 0 10px rgba(16,185,129,.4));transition:all .3s ease}.hero-feature:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(16,185,129,.6))}.web-store-badge{display:flex;transition:all .3s ease}.web-store-badge:hover{transform:translateY(-2px)}.web-store-logo{height:60px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));transition:all .3s ease}.web-store-logo:hover{filter:drop-shadow(0 6px 20px rgba(0,0,0,.25));transform:scale(1.05)}.hero-actions{display:flex;gap:24px;margin-bottom:72px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:14px;padding:20px 36px;border-radius:20px;font-size:18px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;position:relative;overflow:hidden;letter-spacing:.5px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;box-shadow:0 12px 40px #6366f166;border:1px solid rgba(255,255,255,.1)}.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #6366f199;color:#fff;text-decoration:none}.btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:2px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 8px 32px #0003}.btn-secondary:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#fff6;transform:translateY(-3px) scale(1.01);box-shadow:0 12px 40px #0000004d;color:#fff;text-decoration:none}.home-hero-stats{display:flex;gap:64px}.home-stat{text-align:center;padding:20px;background:#ffffff0d;border-radius:20px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.home-stat:hover{transform:translateY(-4px);background:#ffffff14;border-color:#fff3;box-shadow:0 12px 32px #0003}.home-stat-number{font-size:36px;font-weight:900;color:#fff;display:block;margin-bottom:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-stat-label{font-size:16px;color:#fffc;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hero-visual{position:relative;height:650px;perspective:1200px;transform-style:preserve-3d}.hero-card-stack{position:relative;width:100%;height:100%;transform-style:preserve-3d}.hero-card{position:absolute;width:300px;height:200px;background:linear-gradient(135deg,#0f0f23fa,#19192df2);border:2px solid rgba(99,102,241,.3);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 80px #6366f126,inset 0 1px #ffffff1a;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;transform-style:preserve-3d}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease}.hero-card:hover .card-shine{left:100%}.hero-card:hover{transform:translateY(-10px) scale(1.03);border-color:#6366f199;box-shadow:0 30px 80px #0009,0 0 100px #6366f14d,inset 0 1px #fff3}.hero-card-inner{position:relative;padding:24px;height:100%;display:flex;flex-direction:column;z-index:1}.hero-card-badge{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 24px #6366f166}.hero-card-badge.analytics{background:linear-gradient(135deg,#ec4899,#f43f5e);box-shadow:0 8px 24px #ec489966}.hero-card-badge.success{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 8px 24px #10b98166}.card-badge-icon{font-size:24px;color:#fff}.hero-card-label{font-size:18px;font-weight:700;color:#fff;margin:0 0 auto;letter-spacing:.3px}.hero-card-visual{margin-top:auto}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid-dot{width:100%;aspect-ratio:1;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.grid-dot.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 20px #6366f199;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.95)}}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:80px}.bar{flex:1;background:linear-gradient(180deg,#ec4899,#f43f5e);border-radius:6px 6px 0 0;box-shadow:0 0 20px #ec489980;animation:barGrow 2s ease-in-out infinite}.bar:nth-child(1){animation-delay:0s}.bar:nth-child(2){animation-delay:.2s}.bar:nth-child(3){animation-delay:.4s}.bar:nth-child(4){animation-delay:.6s}.bar:nth-child(5){animation-delay:.8s}@keyframes barGrow{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(1.1);opacity:.9}}.quote-display{display:flex;flex-direction:column;gap:8px}.quote-line{height:8px;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);border-radius:4px}.quote-line.short{width:60%}.quote-amount{font-size:32px;font-weight:900;background:linear-gradient(135deg,#10b981,#14b8a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-top:8px;text-shadow:0 0 30px rgba(16,185,129,.5)}.hero-card-1{top:40px;left:40px;z-index:3;animation:float1 6s ease-in-out infinite}.hero-card-2{top:160px;right:60px;z-index:1;animation:float2 6s ease-in-out infinite;animation-delay:-2s}.hero-card-3{bottom:60px;left:80px;z-index:2;animation:float3 6s ease-in-out infinite;animation-delay:-4s}@keyframes float1{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-20px) rotate(-3deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-18px) rotate(-1deg)}}.home-card-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.home-card-header.right-align{justify-content:flex-end}.home-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 8px 24px #6366f14d;transition:all .3s ease}.hero-card:hover .home-card-icon{transform:scale(1.1);box-shadow:0 12px 32px #6366f180}.home-card-title{font-size:18px;font-weight:700;color:#fff;letter-spacing:.5px}.home-card-content{flex:1}.mock-dots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dot{width:14px;height:14px;border-radius:50%;animation:dotPulse 3s ease-in-out infinite;box-shadow:0 0 12px currentColor}.dot-1{color:#ef4444;animation-delay:0s}.dot-2{color:#f59e0b;animation-delay:.3s}.dot-3{color:#10b981;animation-delay:.6s}.dot-4{color:#6366f1;animation-delay:.9s}@keyframes dotPulse{0%,to{opacity:.7;transform:scale(1);filter:brightness(1)}50%{opacity:1;transform:scale(1.3);filter:brightness(1.2)}}.home-mock-chart{display:flex;align-items:end;gap:10px;height:90px}.card-2 .home-mock-chart{justify-content:flex-end}.home-chart-bar{width:18px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:6px 6px 0 0;animation:chartGrow 4s ease-in-out infinite;box-shadow:0 0 12px #6366f166;transition:all .3s ease}.hero-card:hover .home-chart-bar{filter:brightness(1.2)}@keyframes chartGrow{0%,to{transform:scaleY(1);filter:brightness(1)}50%{transform:scaleY(1.3);filter:brightness(1.1)}}.quote-preview{display:flex;flex-direction:column;gap:10px}.quote-line{height:10px;background:linear-gradient(90deg,#fff6,#fff3);border-radius:5px;animation:lineShimmer 3s ease-in-out infinite;position:relative;overflow:hidden}.quote-line:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2s ease-in-out infinite}.quote-line.short{width:65%}@keyframes lineShimmer{0%,to{opacity:.4;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.02)}}.quote-total{font-size:22px;font-weight:800;color:#10b981;margin-top:10px;text-shadow:0 0 20px rgba(16,185,129,.4)}.section-container{max-width:1400px;margin:0 auto;padding:0 40px}.section-header{text-align:center;margin-bottom:80px}.section-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:8px 16px;border-radius:50px;margin-bottom:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.section-badge svg{color:#6366f1;font-size:14px}.section-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:-.02em;color:#fff}.section-description{font-size:18px;line-height:1.6;color:#fff;max-width:600px;margin:0 auto}.features{padding:140px 0;position:relative;background:linear-gradient(135deg,#ffffff05,#ffffff03,#ffffff05)}.features:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.03) 0%,transparent 50%);pointer-events:none}.home-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:40px}.home-feature-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:40px;transition:all .5s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);position:relative;overflow:hidden;cursor:pointer}.home-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .5s ease}.home-feature-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent);opacity:0;transition:opacity .5s ease;pointer-events:none}.home-feature-card:hover{transform:translateY(-12px) scale(1.02);border-color:#ffffff40;box-shadow:0 25px 80px #0006}.home-feature-card:hover:before{opacity:1}.home-feature-card:hover:after{opacity:1}.home-feature-card.featured{border-color:#6366f166;background:linear-gradient(135deg,#6366f114,#ffffff0f);box-shadow:0 15px 50px #6366f133}.home-feature-card.featured:hover{border-color:#6366f199;box-shadow:0 30px 100px #6366f14d}.home-feature-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin-bottom:28px;position:relative;transition:all .4s ease;box-shadow:0 12px 32px #0000004d}.home-feature-icon:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:22px;z-index:-1;opacity:0;transition:opacity .4s ease}.home-feature-card:hover .home-feature-icon:before{opacity:1}.home-feature-icon.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 12px 32px #6366f166}.home-feature-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 32px #10b98166}.home-feature-icon.accent{background:linear-gradient(135deg,#ec4899,#be185d);box-shadow:0 12px 32px #ec489966}.home-feature-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 12px 32px #f59e0b66}.home-feature-icon:hover{transform:scale(1.1) rotate(5deg)}.home-feature-title{font-size:26px;font-weight:800;margin-bottom:20px;color:#fff;letter-spacing:-.02em;line-height:1.2}.home-feature-description{font-size:17px;line-height:1.7;color:#ffffffd9;margin-bottom:32px;font-weight:400}.home-feature-benefits{display:flex;flex-direction:column;gap:12px}.home-benefit{font-size:15px;color:#ffffffe6;font-weight:600;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:10px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.home-benefit:hover{transform:translate(8px);background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#ffffff40}.success-stories{padding:140px 0;background:linear-gradient(135deg,#ffffff08,#ffffff03,#ffffff08)}.success-stories:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(16,185,129,.04) 0%,transparent 50%);pointer-events:none}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.story-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:40px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.story-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .5s ease}.story-card:after{content:'"';position:absolute;top:20px;left:30px;font-size:60px;color:#ffffff1a;font-family:Georgia,serif;font-weight:700;line-height:1;z-index:0}.story-card:hover{transform:translateY(-10px) scale(1.01);border-color:#ffffff40;box-shadow:0 25px 80px #0006}.story-card:hover:before{opacity:1}.story-quote{font-size:18px;line-height:1.7;color:#ffffffe6;font-style:italic;margin-bottom:32px;position:relative;z-index:1;font-weight:400}.story-author{display:flex;justify-content:space-between;align-items:end;position:relative;z-index:1}.author-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.5px}.author-title{font-size:16px;color:#ffffffb3;font-weight:500}.story-rating{display:flex;gap:4px;color:#f59e0b;font-size:18px;filter:drop-shadow(0 0 8px rgba(245,158,11,.3))}.cta{padding:140px 0;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none}.cta-container{max-width:900px;margin:0 auto;padding:0 40px}.cta-content{text-align:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a,#ec489914);border:2px solid rgba(99,102,241,.3);border-radius:40px;padding:100px 60px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);position:relative;overflow:hidden;box-shadow:0 25px 100px #6366f133}.cta-content:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#8b5cf61a,#ec48990d);opacity:.8;z-index:-1}.cta-content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.1),transparent);animation:rotate 20s linear infinite;z-index:-1}.cta-title{font-size:48px;font-weight:900;margin-bottom:24px;color:#fff;letter-spacing:-.03em;line-height:1.1;text-shadow:0 0 40px rgba(255,255,255,.2)}.cta-description{font-size:20px;line-height:1.7;color:#ffffffd9;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400}.cta-actions{display:flex;justify-content:center;gap:28px;margin-bottom:40px;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{display:inline-flex;align-items:center;gap:16px;padding:22px 40px;border-radius:24px;font-size:18px;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.5px}.btn-cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.btn-cta-primary:hover:before{left:100%}.btn-cta-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;border:2px solid transparent;box-shadow:0 15px 50px #6366f166}.btn-cta-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 25px 80px #6366f199;color:#fff;text-decoration:none}.btn-cta-secondary{background:linear-gradient(135deg,#ffffff26,#ffffff14);color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 40px #0003}.btn-cta-secondary:hover{background:linear-gradient(135deg,#ffffff40,#ffffff26);border-color:#ffffff80;transform:translateY(-4px) scale(1.02);box-shadow:0 15px 60px #0000004d;color:#fff;text-decoration:none}.cta-guarantee{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#fff;font-weight:500}.cta-guarantee svg{color:#10b981;font-size:16px}.footer{background:#fffffff2;border-top:1px solid rgba(0,0,0,.1);padding:40px 0}.footer-container{max-width:1400px;margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{height:24px;filter:brightness(2.5) contrast(1.2)}.footer-title{font-size:16px;font-weight:600;color:#000c}.footer-app-badges{display:flex;gap:16px;align-items:center;justify-content:center}.app-badge-link{display:inline-block;transition:transform .3s ease,opacity .3s ease}.app-badge-link:hover{transform:translateY(-2px);opacity:.85}.app-badge{height:50px;width:auto;display:block}.footer-links{display:flex;gap:32px}.footer-links a{color:#0009;text-decoration:none;font-size:14px;font-weight:500;transition:color .3s ease}.footer-links a:hover{color:#000000e6}@media (max-width: 1200px){.hero-container{grid-template-columns:1fr;gap:80px;text-align:center}.hero-visual{height:500px}.home-features-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.stories-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width: 768px){.nav-container{padding:0 20px}.nav-actions{gap:16px}.home-user-info{position:relative}.home-user-dropdown{right:0;min-width:180px}.home-user-arrow{display:inline-block}.section-container{padding:0 20px}.hero{padding:120px 0 80px}.hero-title{font-size:56px}.hero-description{font-size:20px}.hero-actions{flex-direction:column;align-items:center;gap:20px}.web-store-logo{height:45px}.home-hero-stats{gap:40px;flex-wrap:wrap;justify-content:center}.section-title{font-size:40px;color:#fff}.home-features-grid{grid-template-columns:1fr;gap:32px}.home-feature-card{padding:32px}.stories-grid{grid-template-columns:1fr}.story-card{padding:32px}.cta-title{font-size:36px}.cta-content{padding:80px 30px}.cta-actions{flex-direction:column;align-items:center;gap:20px}.footer-container{flex-direction:column;gap:24px;text-align:center}.footer-app-badges{flex-direction:column;gap:12px}.app-badge{height:45px}.footer-links{gap:24px}}@media (max-width: 480px){.nav-container,.section-container{padding:0 16px}.hero-title{font-size:42px}.hero-description{font-size:18px}.hero-badge{padding:12px 20px;font-size:13px}.hero-features{gap:16px}.hero-feature{font-size:16px}.home-hero-stats{gap:24px}.home-stat{padding:16px}.home-stat-number{font-size:28px}.section-title{font-size:32px;color:#fff}.features{padding:100px 0}.home-feature-card{padding:28px}.home-feature-title{font-size:22px}.success-stories{padding:100px 0}.story-card{padding:28px}.story-quote{font-size:16px}.cta{padding:100px 0}.cta-content{padding:60px 24px}.cta-title{font-size:28px}.cta-description{font-size:16px}.hero-visual{display:none}.orb{opacity:.2}}.settings-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e 50%,#0f0c29),radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:var(--lumi-nav-height);position:relative;overflow-x:hidden}.settings-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.08) 0%,transparent 50%);pointer-events:none}.settings-profile-header{margin:1.5rem 1rem 1rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff1f,#ffffff14),linear-gradient(45deg,#3b82f61a,#a855f70d);border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden}.settings-profile-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.settings-profile-avatar{width:4.5rem;height:4.5rem;border-radius:50%;margin:0 auto 1rem;box-shadow:0 8px 32px #6c5ce766,0 0 0 2px #fff3,inset 0 1px #ffffff4d;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.settings-profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;display:block}.settings-settings-profile-avatar-default{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb),linear-gradient(45deg,rgba(255,255,255,.2) 0%,transparent 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.75rem;width:100%;height:100%;position:relative}.settings-profile-avatar-default:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:50%}.settings-profile-avatar:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 40px #6c5ce780,0 0 0 3px #ffffff4d,inset 0 1px #fff6}.profile-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-name{color:#fff;font-size:1.25rem;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.025em;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-name.guest{color:#fffc;font-weight:600}.profile-email{color:#ffffffbf;font-size:.95rem;font-weight:400;margin:0;line-height:1.4;letter-spacing:.025em}.access-badge{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:1rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.access-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.access-badge.premium{background:linear-gradient(135deg,#00d4ff,#00b894);color:#fff;box-shadow:0 2px 8px #00d1ff4d}.access-badge.sponsor{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;box-shadow:0 2px 8px #9b59b64d}.access-badge.pro{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 2px 8px #f093fb4d}.access-badge.standard{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;box-shadow:0 2px 8px #f39c124d}.access-badge.free{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;box-shadow:0 2px 8px #95a5a64d}.access-badge.limited{background:#ffffff1a;color:orange;border-color:#ffa5004d;box-shadow:0 2px 8px #ffa50033}.settings-section{margin-bottom:1.5rem}.settings-section-header{display:flex;align-items:center;margin-left:.5rem;margin-bottom:1.5rem;padding:.5rem 0}.settings-section-icon{color:#ffffffe6;font-size:1.375rem;margin-right:.75rem;opacity:.8}.settings-section-title{color:#fffffff2;font-size:.95rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;line-height:1.3;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.settings-glass-card{margin-bottom:1rem;border-radius:1.375rem;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #0003,0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.settings-glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.settings-glass-card:hover:before{opacity:1}.settings-glass-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 8px 32px #0000004d,0 0 0 1px #fff3,0 4px 16px #6c5ce733;border-color:#ffffff4d}.settings-glass-card:focus-visible{outline:2px solid rgba(108,92,231,.8);outline-offset:2px}.settings-glass-card.normal{background:linear-gradient(135deg,#ffffff14,#ffffff0a),linear-gradient(45deg,#3b82f60d,#a855f708)}.settings-glass-card.danger{background:linear-gradient(135deg,#ef44441f,#ef44440f),linear-gradient(45deg,#ef444414,#ef44440a);border-color:#ef44444d}.settings-glass-card.danger:hover{box-shadow:0 8px 32px #0000004d,0 0 0 1px #ef44444d,0 4px 16px #ef44444d}.settings-glass-card-content{padding:1rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.settings-glass-card-icon{width:2.75rem;height:2.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.25rem;flex-shrink:0;position:relative;transition:all .3s ease}.settings-glass-card-icon:before{content:"";position:absolute;inset:0;border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s ease}.settings-glass-card:hover .settings-glass-card-icon:before{opacity:1}.settings-glass-card-icon.normal{background:linear-gradient(135deg,#3b82f633,#a855f726),#ffffff26;color:#fffffff2;box-shadow:0 2px 8px #3b82f633}.settings-glass-card-icon.danger{background:linear-gradient(135deg,#ef444440,#ef444426),#ef444426;color:#ef4444f2;box-shadow:0 2px 8px #ef444433}.settings-glass-card:hover .settings-glass-card-icon{transform:scale(1.05)}.settings-glass-card-info{flex:1;min-width:0}.settings-glass-card-title{font-size:1rem;font-weight:600;margin-bottom:.25rem;line-height:1.3;letter-spacing:-.025em}.settings-glass-card-title.normal{color:#fff}.settings-glass-card-title.danger{color:#ef4444f2}.settings-glass-card-subtitle{font-size:.9rem;line-height:1.4;opacity:.8}.settings-glass-card-subtitle.normal{color:#ffffffbf}.settings-glass-card-subtitle.danger{color:#ef4444bf}.settings-settings-glass-card-chevron{font-size:1.25rem;flex-shrink:0;transition:all .3s ease;opacity:.6}.settings-glass-card:hover .settings-glass-card-chevron{opacity:.9;transform:translate(2px)}.settings-glass-card-chevron.normal{color:#ffffffb3}.settings-glass-card-chevron.danger{color:#ef4444b3}.animated-switch{width:3rem;height:1.5rem;border-radius:.75rem;padding:.25rem;cursor:pointer;transition:all .3s ease;position:relative;flex-shrink:0}.animated-switch.on{background:#6c5ce74d}.animated-switch:focus-visible{outline:2px solid rgba(108,92,231,.8);outline-offset:2px}.switch-thumb{width:1rem;height:1rem;border-radius:50%;transition:all .3s ease;position:absolute;top:.25rem}.switch-thumb.on{background:#6c5ce7;transform:translate(1.5rem)}.switch-thumb.off{background:#fffc;transform:translate(0)}.version-badge{padding:.375rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb),linear-gradient(45deg,rgba(255,255,255,.2) 0%,transparent 100%);border-radius:.75rem;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.05em;flex-shrink:0;text-transform:uppercase;box-shadow:0 2px 8px #667eea4d,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.version-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66,inset 0 1px #ffffff4d}.settings-footer{padding:1.5rem 1.25rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d),linear-gradient(45deg,#3b82f614,#a855f70a);border-radius:1.25rem;border:1px solid rgba(255,255,255,.2);text-align:center;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);margin:1.5rem 1rem 1rem;position:relative;overflow:hidden}.settings-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.settings-footer-title{color:#fffffffa;font-size:1.5rem;font-weight:800;letter-spacing:.05em;margin:0 0 .5rem;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:1}.settings-footer-subtitle{color:#fffc;font-size:.875rem;letter-spacing:.025em;margin:0 0 .75rem;line-height:1.4;font-weight:500;position:relative;z-index:1}.settings-footer-copyright{color:#ffffff80;font-size:.75rem;font-weight:400;letter-spacing:.025em;position:relative;z-index:1}.settings-container .loading-spinner{width:3rem;height:3rem;border:4px solid rgba(168,85,247,.2);border-top:4px solid #a855f7;border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #a855f74d}.settings-content-wrapper{padding:0 1.25rem 2rem;position:relative;z-index:1}.danger-section{margin-top:1.5rem;padding:1rem;background:linear-gradient(135deg,#ef444414,#ef44440a),linear-gradient(45deg,#ef44440d,#ef444405);border-radius:1.25rem;border:1px solid rgba(239,68,68,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.danger-section .settings-glass-card{margin-bottom:0;background:linear-gradient(135deg,#ef444426,#ef444414),linear-gradient(45deg,#ef44441a,#ef44440d);border-color:#ef44444d}.danger-section .settings-glass-card:hover{background:linear-gradient(135deg,#ef444433,#ef44441f),linear-gradient(45deg,#ef444426,#ef444414)}@media (max-width: 768px){.settings-container{padding-top:64px}.settings-profile-header{margin:1.5rem 1rem 1rem;padding:1.75rem}.settings-content-wrapper{padding:0 1rem 1.5rem}.settings-glass-card-content{padding:1.25rem}.profile-name{font-size:1.375rem}.settings-settings-footer{margin:1.5rem 1rem 1rem;padding:1.75rem 1.25rem}.settings-footer-title{font-size:1.5rem}}@media (max-width: 480px){.settings-container{padding-top:56px}.settings-profile-header{margin:1.25rem .75rem .75rem;padding:1.5rem}.settings-profile-avatar{width:5rem;height:5rem}.profile-name{font-size:1.25rem}.settings-glass-card-content{padding:1rem}.settings-glass-card-icon{width:3rem;height:3rem;font-size:1.375rem}.settings-footer{margin:1.25rem .75rem .75rem;padding:1.5rem 1rem}.settings-footer-title{font-size:1.375rem}}@media (min-width: 1024px){.settings-container{padding:2rem}.settings-profile-header{margin:3rem auto 2rem;max-width:700px;padding:2.5rem}.settings-content-wrapper{max-width:900px;margin:0 auto}.settings-glass-card-content{padding:1.75rem}.settings-section{margin-bottom:3rem}.settings-footer{margin:3rem auto 2rem;max-width:700px;padding:2.5rem}}@media (min-width: 1400px){.settings-profile-header{max-width:800px}.settings-content-wrapper{max-width:1000px}.settings-footer{max-width:800px}}@media (prefers-reduced-motion: reduce){.settings-container{animation:none}.settings-glass-card,.settings-profile-avatar,.animated-switch{transition:none}.loading-spinner{animation:none}}.gps-container{position:relative;width:100%;height:100vh}.gps-search-container{position:absolute;top:100px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:400px}.gps-search-wrapper{position:relative}.gps-search-input{width:100%;padding:12px 16px;border:none;border-radius:24px;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000004d;font-size:16px;outline:none;transition:box-shadow .2s}.gps-search-input:focus{box-shadow:0 4px 12px #0006}.gps-search-loading{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#666;font-size:14px}.gps-suggestions{position:absolute;top:100%;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 6px #0000004d;margin-top:4px;max-height:200px;overflow-y:auto;z-index:1001}.gps-suggestion-item{width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-size:14px;color:#333;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.gps-suggestion-item:hover{background-color:#f5f5f5}.gps-suggestion-item:last-child{border-bottom:none}.gps-map{width:100%;height:100%}.gps-map.measuring,.gps-map.measuring *{cursor:crosshair!important}.gps-map.measuring .gm-style>div:first-child{cursor:crosshair!important}.gps-map.measuring .gm-style,.gps-map.measuring .gm-style div{cursor:crosshair!important}.gps-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;background-color:#000000b3;padding:20px;border-radius:8px;z-index:1000}.gps-measurement-panel{position:absolute;top:80px;right:20px;width:320px;background-color:#202124;color:#e8eaed;border-radius:8px;box-shadow:0 2px 6px #0000004d;font-family:"Google Sans, Roboto, Arial, sans-serif";font-size:14px;z-index:1000}.gps-panel-header{padding:16px;border-bottom:1px solid #3c4043;display:flex;align-items:center;justify-content:space-between}.gps-panel-title{display:flex;align-items:center;gap:12px}.gps-panel-title svg{width:24px;height:24px;fill:#e8eaed}.gps-panel-title span{font-size:16px;font-weight:500}.gps-panel-actions{display:flex;gap:8px}.gps-btn-icon{background:transparent;border:none;color:#8ab4f8;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.gps-btn-icon:hover{background-color:#8ab4f81a}.gps-btn-icon svg{width:20px;height:20px}.gps-instructions{padding:12px 16px;color:#9aa0a6;font-size:13px}.gps-measurements{padding:0 16px}.gps-measurement-item{margin-bottom:16px}.gps-measurement-label{color:#9aa0a6;margin-bottom:4px}.gps-measurement-value{font-size:16px}.gps-advanced-section{border-top:1px solid #3c4043;padding:12px 16px}.gps-advanced-toggle{background:transparent;border:none;color:#e8eaed;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;padding:0;font-size:14px;transition:background-color .2s}.gps-advanced-toggle:hover{background-color:#e8eaed1a}.gps-advanced-toggle svg:first-child{width:20px;height:20px;fill:#e8eaed;transition:transform .2s}.gps-advanced-toggle svg:last-child{width:16px;height:16px;fill:#9aa0a6;margin-left:auto}.gps-advanced-content{margin-top:16px}.gps-select{width:100%;padding:8px;background-color:#303134;border:1px solid #5f6368;border-radius:4px;color:#e8eaed;font-size:14px;cursor:default}.gps-select:disabled{opacity:1}.gps-panel-footer{padding:16px;border-top:1px solid #3c4043}.gps-measure-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:transparent;border:1px solid #5f6368;border-radius:18px;color:#8ab4f8;font-size:14px;cursor:pointer;transition:background-color .2s,border-color .2s}.gps-measure-btn:hover{background-color:#303134;border-color:#8ab4f8}.gps-measure-btn svg{width:16px;height:16px;fill:#8ab4f8}.gps-floating-btn{position:absolute;top:80px;right:20px;padding:12px 24px;background-color:#1a73e8;color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0000004d;display:flex;align-items:center;gap:8px;transition:background-color .2s;z-index:1000}.gps-floating-btn:hover{background-color:#1557b0}.gps-floating-btn svg{width:20px;height:20px;fill:#fff}.gps-measurement-tracker-btn{position:fixed;bottom:20px;left:20px;width:60px;height:60px;border-radius:50%;background-color:#00000080;border:2px solid white;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:background-color .3s}.gps-measurement-tracker-btn.pulsing{animation:pulse 2s infinite}.gps-measurement-tracker-btn.green-pulse{animation:green-pulse 2s}@keyframes pulse{0%{border-color:#fff;box-shadow:0 0 #ff0000b3}50%{border-color:#f44;box-shadow:0 0 0 10px #f000}to{border-color:#fff;box-shadow:0 0 #f000}}@keyframes green-pulse{0%{border-color:#fff;box-shadow:0 0 #00ff00b3}50%{border-color:#0f0;box-shadow:0 0 0 15px #0f00}to{border-color:#fff;box-shadow:0 0 #0f00}}.gps-measurement-tracker-btn:hover{background-color:#000000b3;animation-play-state:paused}.gps-dialog{position:absolute;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:2000;overflow:hidden;-webkit-user-select:none;user-select:none;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease;min-width:300px;min-height:300px}.gps-dialog.hidden{opacity:0;transform:scale(.95);pointer-events:none}.gps-resize-handle{position:absolute;background:transparent;z-index:10}.gps-resize-handle.nw{top:0;left:0;width:20px;height:20px;cursor:nw-resize}.gps-resize-handle.ne{top:0;right:0;width:20px;height:20px;cursor:ne-resize}.gps-resize-handle.sw{bottom:0;left:0;width:20px;height:20px;cursor:sw-resize}.gps-resize-handle.se{bottom:0;right:0;width:20px;height:20px;cursor:se-resize}.gps-resize-handle.n{top:0;left:20px;right:20px;height:10px;cursor:n-resize}.gps-resize-handle.s{bottom:0;left:20px;right:20px;height:10px;cursor:s-resize}.gps-resize-handle.e{top:20px;right:0;bottom:20px;width:10px;cursor:e-resize}.gps-resize-handle.w{top:20px;left:0;bottom:20px;width:10px;cursor:w-resize}.gps-dialog-header{padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:flex-end}.gps-dialog-close{background:none;border:none;font-size:24px;cursor:pointer}.gps-dialog-content{height:calc(100% - 50px);overflow-y:auto}@media (max-width: 768px){.gps-measurement-panel{width:280px;right:10px}.gps-floating-btn{right:10px;padding:10px 20px;font-size:13px}.gps-dialog{width:90%;height:70%}}:root{--clr-bg: #050505;--clr-surface: #0a0a0a;--clr-card: #111111;--clr-border: rgba(255,255,255,.06);--clr-primary: #7c3aed;--clr-primary-light: #a78bfa;--clr-accent: #06b6d4;--clr-gradient: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--clr-success: #22c55e;--clr-text: #ffffff;--clr-text-dim: rgba(255,255,255,.7);--clr-text-muted: rgba(255,255,255,.4);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px}.pricing-page{background:var(--clr-bg);font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--clr-text);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;padding-top:64px}.pricing-top-logo{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1000;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px;box-shadow:0 4px 12px #0000004d}.pricing-top-logo img{height:32px;display:block;filter:brightness(2.5) contrast(1.2)}.pricing-login-link{position:absolute;top:24px;right:32px;z-index:1000;color:#ffffffe6;text-decoration:none;font-size:16px;font-weight:500;padding:10px 24px;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;font-family:inherit}.pricing-login-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.pricing-user-info{position:absolute;top:24px;right:32px;z-index:1000;display:flex;gap:12px;align-items:center}.pricing-user-link,.pricing-dashboard-link{color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:500;padding:10px 20px;border-radius:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.pricing-user-link:hover,.pricing-dashboard-link:hover{background:#ffffff1a;border-color:#fff3;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.pricing-user-arrow{font-size:18px;transition:transform .3s ease;margin-left:4px}.pricing-user-arrow.open{transform:rotate(180deg)}.pricing-user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#111111f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:200px;box-shadow:0 8px 24px #00000080;z-index:1001;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pricing-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;cursor:pointer;background:transparent;border:none;width:100%;text-align:left}.pricing-dropdown-item:hover{background:#ffffff1a;color:#fff}.pricing-dropdown-item svg{font-size:18px}.pricing-dashboard-link{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#8b5cf64d}.pricing-dashboard-link:hover{background:linear-gradient(135deg,#7c7ff6,#9d6ffb);box-shadow:0 4px 16px #8b5cf666}.pricing-nav{display:none}.mesh-gradient{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(124,58,237,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(6,182,212,.15) 0%,transparent 50%),radial-gradient(circle at 50% 100%,rgba(34,197,94,.1) 0%,transparent 50%);animation:meshRotate 30s linear infinite;pointer-events:none;z-index:-1}@keyframes meshRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grid-pattern{position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.pricing-page .container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.pricing-page .hero{text-align:center;padding:40px 20px 16px;position:relative;display:flex;flex-direction:column;align-items:center;max-width:900px;margin:0 auto}.pricing-page .hero:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.pricing-page .hero>*{position:relative;z-index:1;width:100%}.pricing-page .hero-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-xl);margin:0 auto 24px;animation:fadeInUp .6s ease-out;box-shadow:0 4px 12px #22c55e1a}.pricing-page .hero-badge-dot{width:8px;height:8px;background:var(--clr-success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 8px var(--clr-success);flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.pricing-page .hero-badge span{color:var(--clr-success);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.pricing-page .hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;margin:0 0 20px;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .1s backwards;line-height:1.2;letter-spacing:-.02em;padding:0}.pricing-page .hero p{font-size:clamp(1rem,2vw,1.125rem);color:var(--clr-text-dim);max-width:700px;margin:0 auto 16px;animation:fadeInUp .6s ease-out .2s backwards;line-height:1.7;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pricing-toggle{display:inline-flex;background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:var(--radius-xl);padding:6px;margin-bottom:32px;animation:fadeInUp .6s ease-out .4s backwards;box-shadow:0 4px 12px #0000004d}.toggle-option{position:relative;padding:12px 32px;background:transparent;border:none;color:var(--clr-text-dim);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;border-radius:var(--radius-xl);min-width:120px}.toggle-option:hover{color:var(--clr-text);background:#7c3aed1a}.toggle-option.active{background:var(--clr-gradient);color:var(--clr-text);box-shadow:0 4px 12px #7c3aed66;transform:translateY(-1px)}.toggle-option.annual.active:after{content:"Save 2 months";position:absolute;top:-28px;right:50%;transform:translate(50%);background:var(--clr-accent);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-sm);white-space:nowrap;animation:popIn .4s ease-out forwards;box-shadow:0 2px 8px #06b6d44d}@keyframes popIn{0%{opacity:0;transform:translate(50%) scale(.8) translateY(5px)}to{opacity:1;transform:translate(50%) scale(1) translateY(0)}}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;margin-bottom:80px}.pricing-card{position:relative;background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:48px 36px;transition:all .4s cubic-bezier(.165,.84,.44,1);animation:fadeInUp .6s ease-out .5s backwards;overflow:visible;box-shadow:0 4px 12px #0003}.pricing-card:hover{transform:translateY(-12px);border-color:#7c3aed80;box-shadow:0 24px 48px #00000080,0 0 80px #7c3aed33}.pricing-card.featured{border:2px solid transparent;background:linear-gradient(var(--clr-card),var(--clr-card)) padding-box,var(--clr-gradient) border-box;animation:fadeInUp .6s ease-out .6s backwards;transform:scale(1.05);box-shadow:0 8px 24px #0000004d,0 0 40px #7c3aed33}.pricing-card.featured:hover{transform:scale(1.05) translateY(-12px)}.pricing-card.featured:before{content:"";position:absolute;inset:-2px;background:var(--clr-gradient);border-radius:var(--radius-lg);opacity:.2;z-index:-1;filter:blur(24px)}.popular-badge{position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--clr-gradient);color:#fff;padding:8px 24px;border-radius:var(--radius-xl);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 16px #7c3aed80,0 0 20px #7c3aed4d;animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:translate(-50%) scale(1);box-shadow:0 4px 16px #7c3aed80,0 0 20px #7c3aed4d}50%{transform:translate(-50%) scale(1.05);box-shadow:0 6px 20px #7c3aed99,0 0 30px #7c3aed66}}.plan-header{margin-bottom:32px}.plan-name{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff!important}.plan-description{color:var(--clr-text-dim);font-size:14px}.pricing-display{margin-bottom:32px;animation:fadeIn .5s ease-out;overflow:visible}.price-amount{display:flex;align-items:baseline;gap:6px;margin-bottom:8px;min-height:60px;overflow:visible}.price-currency{font-size:20px;color:var(--clr-text-dim);margin-top:8px;line-height:1.1}.price-value{font-size:42px;font-weight:800;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;padding:2px 0}.price-period{font-size:16px;color:var(--clr-text-dim);margin-top:8px;line-height:1.1}.price-note{font-size:13px;color:var(--clr-text-muted)}.trial-banner{background:linear-gradient(135deg,#22c55e14,#06b6d40d);border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:24px;text-align:center;position:relative;overflow:hidden}.trial-banner:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(34,197,94,.1),transparent);animation:trialShimmer 3s ease-in-out infinite}@keyframes trialShimmer{0%,to{left:-100%}50%{left:100%}}.trial-banner-text{color:var(--clr-success);font-weight:700;font-size:15px;position:relative;z-index:1}.trial-banner-subtext{color:var(--clr-text-dim);font-size:12px;margin-top:4px;position:relative;z-index:1}.cta-button{width:100%;padding:16px;background:var(--clr-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed4d}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(0)}.cta-button:disabled{opacity:.7;cursor:not-allowed}.features-list{list-style:none;margin-top:28px;padding-top:24px;border-top:1px solid var(--clr-border)}.feature-item{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px;color:var(--clr-text-dim);font-size:14px;padding:8px 10px;border-radius:8px;transition:all .2s ease}.feature-item:hover{background:#ffffff08}.feature-item strong{color:var(--clr-text)}.feature-icon{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#22c55e33,#06b6d426);border:1px solid rgba(34,197,94,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:0;box-shadow:0 2px 8px #22c55e26;transition:all .3s ease}.feature-item:hover .feature-icon{transform:scale(1.1);box-shadow:0 4px 12px #22c55e40;background:linear-gradient(135deg,#22c55e4d,#06b6d440)}.feature-icon svg{width:14px;height:14px;stroke:var(--clr-success);stroke-width:3;filter:drop-shadow(0 1px 2px rgba(34,197,94,.3))}.hidden{display:none!important}.comparison-section{padding:80px 0;border-top:1px solid var(--clr-border);overflow:visible}.section-header{text-align:center;margin-bottom:60px;overflow:visible}.section-title{font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:16px;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;padding:4px 0}.section-subtitle{color:var(--clr-text-dim);font-size:1.125rem;max-width:600px;margin:0 auto}.comparison-table{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);overflow:hidden}.comparison-table table{width:100%;border-collapse:collapse}.comparison-table th{background:var(--clr-surface);padding:24px;font-weight:700;text-align:left;border-bottom:1px solid var(--clr-border)}.comparison-table th.plan-column{text-align:center;font-size:18px}.comparison-table th.featured-column{background:linear-gradient(135deg,#7c3aed1a,#06b6d41a);position:relative}.comparison-table td{padding:20px 24px;border-bottom:1px solid var(--clr-border)}.comparison-table tr:last-child td{border-bottom:none}.comparison-table .feature-name{color:var(--clr-text);font-weight:600}.comparison-table .feature-description{color:var(--clr-text-muted);font-size:12px;margin-top:4px}.comparison-table .check-icon{text-align:center}.comparison-table .check-icon svg{width:24px;height:24px;stroke:var(--clr-success);stroke-width:3}.comparison-table .x-icon svg{width:20px;height:20px;stroke:var(--clr-text-muted);stroke-width:2;opacity:.3}.testimonial-section{padding:80px 0;background:var(--clr-surface);border-top:1px solid var(--clr-border)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:60px}.testimonial-card{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:32px;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-4px);border-color:#7c3aed33;box-shadow:0 12px 24px #0000004d}.testimonial-rating{display:flex;gap:4px;margin-bottom:16px}.star{width:20px;height:20px;fill:#fbbf24}.testimonial-content{color:var(--clr-text-dim);font-size:16px;line-height:1.7;margin-bottom:24px}.testimonial-author{display:flex;align-items:center;gap:16px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--clr-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.author-info{flex:1}.author-name{font-weight:700;color:var(--clr-text);margin-bottom:2px}.author-title{font-size:14px;color:var(--clr-text-muted)}.pricing-metrics-section{padding:80px 0;text-align:center;overflow:visible}.pricing-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:48px;margin-top:60px}.pricing-metric-card{position:relative;overflow:visible}.pricing-metric-value{font-size:3rem;font-weight:800;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;line-height:1.2;padding:4px 0}.pricing-metric-label{font-size:18px;color:var(--clr-text-dim);font-weight:600}.metric-description{font-size:14px;color:var(--clr-text-muted);margin-top:8px}.faq-section{padding:80px 0;background:var(--clr-surface);border-top:1px solid var(--clr-border)}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:var(--clr-card);border:1px solid var(--clr-border);border-radius:var(--radius-md);margin-bottom:16px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#7c3aed33}.faq-question{width:100%;background:transparent;border:none;padding:24px;text-align:left;color:var(--clr-text);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.faq-question:hover{padding-left:28px}.faq-arrow{width:24px;height:24px;stroke:var(--clr-text-dim);stroke-width:2;transition:transform .3s ease;flex-shrink:0}.faq-item.active .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 24px 24px;color:var(--clr-text-dim);line-height:1.7}.trust-section{padding:60px 0;text-align:center;border-top:1px solid var(--clr-border)}.trust-logos{display:flex;justify-content:center;align-items:center;gap:48px;margin-top:40px;flex-wrap:wrap;opacity:.3}.trust-logo{height:40px;filter:brightness(0) invert(1);transition:opacity .3s ease}.trust-logo:hover{opacity:.8}.cta-section{padding:100px 0;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:50%;left:50%;width:100vw;height:600px;background:radial-gradient(circle,rgba(124,58,237,.2),transparent);transform:translate(-50%,-50%);pointer-events:none}.cta-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:800;margin-bottom:16px;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;padding:4px 0}.cta-subtitle{font-size:1.25rem;color:var(--clr-text-dim);margin-bottom:40px}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn-primary{padding:16px 32px;background:var(--clr-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #7c3aed4d}.btn-secondary{padding:16px 32px;background:transparent;border:2px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-text);font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--clr-primary);background:#7c3aed1a}.guarantee-badge{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:12px 24px;background:#22c55e0d;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-xl)}.shield-icon{width:24px;height:24px;stroke:var(--clr-success);fill:none;stroke-width:2}.guarantee-text{color:var(--clr-success);font-weight:600}.pricing-footer{background:var(--clr-surface);border-top:1px solid var(--clr-border);padding:60px 0 30px}.pricing-footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.pricing-footer-brand{max-width:350px}.pricing-footer-logo{font-size:24px;font-weight:800;background:var(--clr-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:12px}.pricing-footer-tagline{color:var(--clr-text-dim);font-size:14px;line-height:1.6}.pricing-footer-links{display:contents}.pricing-footer-column h4{color:var(--clr-text);font-size:16px;font-weight:700;margin-bottom:16px}.pricing-footer-column a{display:block;color:var(--clr-text-dim);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .3s ease}.pricing-footer-column a:hover{color:var(--clr-text)}.pricing-footer-bottom{padding-top:30px;border-top:1px solid var(--clr-border);text-align:center}.pricing-footer-bottom p{color:var(--clr-text-muted);font-size:14px}@media (max-width: 768px){.pricing-top-logo{top:12px;padding:6px 12px}.pricing-top-logo img{height:24px}.pricing-login-link{top:14px;right:16px;font-size:14px;padding:8px 16px}.pricing-user-info{top:14px;right:16px;gap:8px;flex-direction:column;align-items:flex-end;position:relative}.pricing-user-link,.pricing-dashboard-link{font-size:12px;padding:8px 12px}.pricing-user-link span,.pricing-dashboard-link span{display:none}.pricing-user-dropdown{right:0;min-width:180px}.pricing-user-arrow{display:inline-block}.pricing-nav-container{padding:0 16px;height:60px}.pricing-logo-text{font-size:20px}.pricing-nav-links{gap:20px}.pricing-nav-link{font-size:14px}.hero{padding:24px 16px 12px}.hero:before{width:300px;height:300px}.hero-badge{padding:8px 16px;margin-bottom:16px}.hero-badge span{font-size:12px}.hero h1{font-size:2rem;margin-bottom:12px}.hero p{font-size:1rem;margin-bottom:12px}.pricing-toggle{margin-bottom:24px;padding:4px}.toggle-option{padding:10px 20px;font-size:14px;min-width:100px}.toggle-option.annual.active:after{top:-24px;font-size:10px;padding:3px 8px}.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto 60px}.price-value{font-size:32px}.comparison-table{overflow-x:auto}.comparison-table table{min-width:600px}.testimonials-grid{grid-template-columns:1fr}.pricing-metrics-grid{grid-template-columns:repeat(2,1fr);gap:32px}.trust-logos{gap:24px}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:320px}.pricing-footer-content{grid-template-columns:1fr;gap:32px}.pricing-footer-brand{max-width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--sp-primary-50: #eef2ff;--sp-primary-100: #e0e7ff;--sp-primary-200: #c7d2fe;--sp-primary-300: #a5b4fc;--sp-primary-400: #818cf8;--sp-primary-500: #6366f1;--sp-primary-600: #4f46e5;--sp-primary-700: #4338ca;--sp-accent-emerald: #10b981;--sp-accent-amber: #f59e0b;--sp-accent-rose: #f43f5e;--sp-accent-cyan: #06b6d4;--sp-accent-violet: #8b5cf6;--sp-gray-50: #f9fafb;--sp-gray-100: #f3f4f6;--sp-gray-200: #e5e7eb;--sp-gray-300: #d1d5db;--sp-gray-400: #9ca3af;--sp-gray-500: #6b7280;--sp-gray-600: #4b5563;--sp-gray-700: #374151;--sp-gray-800: #1f2937;--sp-gray-900: #111827;--sp-success: #22c55e;--sp-warning: #eab308;--sp-error: #ef4444;--sp-info: #3b82f6;--sp-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--sp-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--sp-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sp-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--sp-shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--sp-shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--sp-glass-bg: rgba(255, 255, 255, .85);--sp-glass-border: rgba(255, 255, 255, .18);--sp-glass-blur: blur(12px);--sp-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--sp-transition-base: .25s cubic-bezier(.4, 0, .2, 1);--sp-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--sp-transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--sp-radius-sm: .375rem;--sp-radius-md: .5rem;--sp-radius-lg: .75rem;--sp-radius-xl: 1rem;--sp-radius-2xl: 1.5rem;--sp-radius-full: 9999px}.sp-dashboard{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.08) 0%,transparent 50%),linear-gradient(180deg,#f8fafc,#eef2ff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sp-loading-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.sp-loading-spinner{width:48px;height:48px;border:3px solid var(--sp-primary-100);border-top-color:var(--sp-primary-500);border-radius:50%;animation:sp-spin .8s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-loading-text{font-size:.875rem;font-weight:500;color:var(--sp-gray-600);animation:sp-pulse 2s ease-in-out infinite}@keyframes sp-pulse{0%,to{opacity:1}50%{opacity:.5}}.sp-notification-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9998;display:flex;flex-direction:column;gap:.75rem;max-width:380px;width:100%;pointer-events:none}.sp-notification{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#fff;border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-xl);border-left:4px solid;pointer-events:auto;animation:sp-slideIn .3s ease-out}@keyframes sp-slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.sp-notification.success{border-left-color:var(--sp-success)}.sp-notification.error{border-left-color:var(--sp-error)}.sp-notification.warning{border-left-color:var(--sp-warning)}.sp-notification.info{border-left-color:var(--sp-info)}.sp-notification-icon{flex-shrink:0;font-size:1.25rem}.sp-notification-message{flex:1;font-size:.875rem;color:var(--sp-gray-700);line-height:1.5}.sp-notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--sp-gray-400);cursor:pointer;border-radius:var(--sp-radius-sm);transition:var(--sp-transition-fast)}.sp-notification-close:hover{background:var(--sp-gray-100);color:var(--sp-gray-600)}.sp-header{position:relative;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:1.5rem 2rem;overflow:hidden}.sp-header:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.sp-header:after{content:"";position:absolute;bottom:-30%;left:5%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);border-radius:50%}.sp-header-inner{position:relative;z-index:1;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sp-header-brand{display:flex;align-items:center;gap:.875rem}.sp-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--sp-radius-lg);color:#fff;font-size:1.5rem}.sp-header-title{font-size:1.75rem;font-weight:700;color:#fff;letter-spacing:-.025em}.sp-header-subtitle{font-size:.875rem;color:#fffc;margin-top:.125rem}.sp-header-actions{display:flex;align-items:center;gap:1rem}.sp-header-timestamp{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--sp-radius-full);font-size:.8125rem;color:#ffffffe6}.sp-btn-refresh{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);border-radius:var(--sp-radius-lg);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--sp-transition-base)}.sp-btn-refresh:hover{background:#ffffff4d;transform:translateY(-1px)}.sp-btn-refresh:active{transform:translateY(0)}.sp-btn-refresh svg{transition:transform .5s ease}.sp-btn-refresh:hover svg{transform:rotate(180deg)}.sp-main{max-width:1440px;margin:0 auto;padding:1.5rem 2rem 3rem}.sp-user-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card);margin-bottom:1.5rem}.sp-user-profile{display:flex;align-items:center;gap:.875rem}.sp-user-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,var(--sp-primary-100) 0%,var(--sp-primary-200) 100%);border-radius:var(--sp-radius-lg);color:var(--sp-primary-600)}.sp-user-info{display:flex;flex-direction:column}.sp-user-label{font-size:.75rem;font-weight:500;color:var(--sp-gray-400);text-transform:uppercase;letter-spacing:.05em}.sp-user-email{font-size:.9375rem;font-weight:600;color:var(--sp-gray-800)}.sp-user-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--sp-gray-500)}.sp-user-meta svg{color:var(--sp-gray-400)}.sp-navigation{margin-bottom:1.5rem}.sp-nav-container{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card)}.sp-nav-tab{position:relative;display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:transparent;border:none;border-radius:var(--sp-radius-lg);font-size:.9375rem;font-weight:500;color:var(--sp-gray-500);cursor:pointer;transition:var(--sp-transition-base);overflow:hidden}.sp-nav-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--sp-primary-500) 0%,var(--sp-primary-600) 100%);opacity:0;transition:var(--sp-transition-base);border-radius:inherit}.sp-nav-tab:hover{color:var(--sp-gray-700);background:var(--sp-gray-50)}.sp-nav-tab.active{color:#fff}.sp-nav-tab.active:before{opacity:1}.sp-nav-tab.active{box-shadow:0 4px 12px #6366f159}.sp-nav-tab-icon,.sp-nav-tab-label{position:relative;z-index:1}.sp-nav-tab-icon{display:flex;align-items:center}.sp-tab-panel{display:none;animation:sp-fadeSlideUp .4s ease-out}.sp-tab-panel.active{display:block}@keyframes sp-fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.5rem}.sp-stat-card{position:relative;padding:1.5rem;background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card);overflow:hidden;transition:var(--sp-transition-base)}.sp-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sp-primary-400),var(--sp-accent-violet));opacity:0;transition:var(--sp-transition-base)}.sp-stat-card:hover{transform:translateY(-4px);box-shadow:var(--sp-shadow-xl),var(--sp-shadow-glow)}.sp-stat-card:hover:before{opacity:1}.sp-stat-content{display:flex;align-items:flex-start;justify-content:space-between}.sp-stat-data{display:flex;flex-direction:column;gap:.25rem}.sp-stat-label{font-size:.8125rem;font-weight:500;color:var(--sp-gray-500);text-transform:uppercase;letter-spacing:.05em}.sp-stat-value{font-size:2rem;font-weight:700;color:var(--sp-gray-900);letter-spacing:-.025em;line-height:1.2}.sp-stat-change{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--sp-radius-full)}.sp-stat-change.positive{background:#22c55e1a;color:#16a34a}.sp-stat-change.negative{background:#ef44441a;color:#dc2626}.sp-stat-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--sp-radius-xl);font-size:1.75rem}.sp-stat-icon.users{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.sp-stat-icon.money{background:linear-gradient(135deg,#10b9811a,#06b6d41a)}.sp-stat-icon.calendar{background:linear-gradient(135deg,#f59e0b1a,#fb923c1a)}.sp-stat-icon.tag{background:linear-gradient(135deg,#ec48991a,#f43f5e1a)}.sp-card{background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card);overflow:hidden;margin-bottom:1.5rem}.sp-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sp-gray-100)}.sp-card-title{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:var(--sp-gray-900)}.sp-card-title-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--sp-primary-50) 0%,var(--sp-primary-100) 100%);border-radius:var(--sp-radius-md);color:var(--sp-primary-600)}.sp-card-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.8125rem;font-weight:600;color:var(--sp-primary-600);background:var(--sp-primary-50);border-radius:var(--sp-radius-full)}.sp-card-body{padding:1.5rem}.sp-card-body.no-padding{padding:0}.sp-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--sp-gray-50);border-bottom:1px solid var(--sp-gray-100)}.sp-search-wrapper{position:relative;flex:1;min-width:240px}.sp-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--sp-gray-400);pointer-events:none}.sp-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;font-size:.9375rem;color:var(--sp-gray-800);background:#fff;border:2px solid transparent;border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-sm);transition:var(--sp-transition-fast)}.sp-search-input::placeholder{color:var(--sp-gray-400)}.sp-search-input:focus{outline:none;border-color:var(--sp-primary-400);box-shadow:0 0 0 4px #6366f11a}.sp-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.sp-filter-select{padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;font-weight:500;color:var(--sp-gray-700);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 1rem center;border:2px solid transparent;border-radius:var(--sp-radius-lg);box-shadow:var(--sp-shadow-sm);cursor:pointer;transition:var(--sp-transition-fast);appearance:none}.sp-filter-select:focus{outline:none;border-color:var(--sp-primary-400);box-shadow:0 0 0 4px #6366f11a}.sp-filter-select:hover{background-color:var(--sp-gray-50)}.sp-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.sp-table{width:100%;border-collapse:collapse;font-size:.9375rem}.sp-table thead{position:sticky;top:0;z-index:10;background:var(--sp-gray-50)}.sp-table th{padding:1rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--sp-gray-500);text-align:left;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sp-gray-200);white-space:nowrap}.sp-table-sort-btn{display:inline-flex;align-items:center;gap:.375rem;padding:0;font:inherit;font-size:.75rem;font-weight:600;color:var(--sp-gray-500);text-transform:uppercase;letter-spacing:.05em;background:none;border:none;cursor:pointer;transition:var(--sp-transition-fast)}.sp-table-sort-btn:hover,.sp-table-sort-btn.active{color:var(--sp-primary-600)}.sp-table tbody tr{transition:var(--sp-transition-fast)}.sp-table tbody tr:hover{background:linear-gradient(90deg,#6366f108,#8b5cf608)}.sp-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--sp-gray-100);vertical-align:middle}.sp-promo-cell{display:flex;align-items:center;gap:.75rem}.sp-promo-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.sp-promo-indicator.active{background:var(--sp-success);box-shadow:0 0 8px #22c55e80}.sp-promo-indicator.inactive{background:var(--sp-gray-300)}.sp-promo-code{display:inline-flex;align-items:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;font-family:JetBrains Mono,Fira Code,monospace;color:var(--sp-primary-700);background:var(--sp-primary-50);border-radius:var(--sp-radius-md)}.sp-email-cell{color:var(--sp-gray-700)}.sp-email-cell.empty{color:var(--sp-gray-400);font-style:italic}.sp-codes-cell{display:flex;flex-wrap:wrap;gap:.375rem}.sp-code-tag{display:inline-flex;padding:.25rem .625rem;font-size:.75rem;font-weight:500;color:var(--sp-accent-emerald);background:#10b9811a;border-radius:var(--sp-radius-full)}.sp-codes-empty{font-size:.8125rem;color:var(--sp-gray-400)}.sp-percent-cell{display:inline-flex;padding:.375rem .75rem;font-size:.875rem;font-weight:600;color:var(--sp-accent-violet);background:#8b5cf61a;border-radius:var(--sp-radius-md)}.sp-money-cell{font-weight:600;font-variant-numeric:tabular-nums;color:var(--sp-gray-800)}.sp-date-cell{font-size:.875rem;color:var(--sp-gray-500)}.sp-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--sp-radius-full)}.sp-status-badge.active{color:#16a34a;background:#22c55e1a}.sp-status-badge.inactive{color:var(--sp-gray-500);background:var(--sp-gray-100)}.sp-actions-cell{display:flex;align-items:center;gap:.5rem}.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;border:none;border-radius:var(--sp-radius-md);cursor:pointer;transition:var(--sp-transition-base)}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn-icon{width:36px;height:36px;padding:0;border-radius:var(--sp-radius-md)}.sp-btn-primary{color:#fff;background:linear-gradient(135deg,var(--sp-primary-500) 0%,var(--sp-primary-600) 100%);box-shadow:0 2px 8px #6366f140}.sp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.sp-btn-secondary{color:var(--sp-gray-700);background:#fff;border:1px solid var(--sp-gray-200)}.sp-btn-secondary:hover:not(:disabled){background:var(--sp-gray-50);border-color:var(--sp-gray-300)}.sp-btn-ghost{color:var(--sp-gray-600);background:transparent}.sp-btn-ghost:hover:not(:disabled){background:var(--sp-gray-100);color:var(--sp-gray-800)}.sp-btn-edit{color:var(--sp-primary-600);background:var(--sp-primary-50)}.sp-btn-edit:hover:not(:disabled){background:var(--sp-primary-100)}.sp-btn-view{color:var(--sp-accent-cyan);background:#06b6d41a}.sp-btn-view:hover:not(:disabled){background:#06b6d426}.sp-btn-danger{color:var(--sp-error);background:#ef44441a}.sp-btn-danger:hover:not(:disabled){background:#ef444426}.sp-btn-success{color:#fff;background:linear-gradient(135deg,var(--sp-success) 0%,#16a34a 100%);box-shadow:0 2px 8px #22c55e40}.sp-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e59}.sp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.sp-empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:.6}.sp-empty-title{font-size:1.25rem;font-weight:600;color:var(--sp-gray-700);margin-bottom:.5rem}.sp-empty-message{font-size:.9375rem;color:var(--sp-gray-500);max-width:360px}.sp-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--sp-gray-100)}.sp-pagination-info{font-size:.875rem;color:var(--sp-gray-500)}.sp-pagination-controls{display:flex;align-items:center;gap:.375rem}.sp-pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;font-size:.875rem;font-weight:500;color:var(--sp-gray-600);background:#fff;border:1px solid var(--sp-gray-200);border-radius:var(--sp-radius-md);cursor:pointer;transition:var(--sp-transition-fast)}.sp-pagination-btn:hover:not(:disabled){background:var(--sp-gray-50);border-color:var(--sp-gray-300)}.sp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sp-pagination-btn.active{color:#fff;background:var(--sp-primary-500);border-color:var(--sp-primary-500)}.sp-modal-backdrop{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sp-fadeIn .2s ease-out}@keyframes sp-fadeIn{0%{opacity:0}to{opacity:1}}.sp-modal{position:relative;width:100%;max-width:560px;max-height:90vh;background:#fff;border-radius:var(--sp-radius-2xl);box-shadow:var(--sp-shadow-xl);overflow:hidden;animation:sp-modalSlide .3s ease-out}@keyframes sp-modalSlide{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--sp-gray-100)}.sp-modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:var(--sp-gray-900)}.sp-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--sp-gray-400);border-radius:var(--sp-radius-md);cursor:pointer;transition:var(--sp-transition-fast)}.sp-modal-close:hover{background:var(--sp-gray-100);color:var(--sp-gray-600)}.sp-modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px)}.sp-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--sp-gray-100);background:var(--sp-gray-50)}.sp-form{display:flex;flex-direction:column;gap:1.25rem}.sp-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sp-form-group{display:flex;flex-direction:column;gap:.5rem}.sp-form-group.full-width{grid-column:1 / -1}.sp-form-label{font-size:.875rem;font-weight:500;color:var(--sp-gray-700)}.sp-form-label.required:after{content:"*";margin-left:.25rem;color:var(--sp-error)}.sp-form-input,.sp-form-select{padding:.75rem 1rem;font-size:.9375rem;color:var(--sp-gray-800);background:#fff;border:2px solid var(--sp-gray-200);border-radius:var(--sp-radius-lg);transition:var(--sp-transition-fast)}.sp-form-input::placeholder{color:var(--sp-gray-400)}.sp-form-input:focus,.sp-form-select:focus{outline:none;border-color:var(--sp-primary-400);box-shadow:0 0 0 4px #6366f11a}.sp-form-input:disabled,.sp-form-select:disabled{background:var(--sp-gray-50);cursor:not-allowed}.sp-form-input.error{border-color:var(--sp-error)}.sp-form-help{font-size:.8125rem;color:var(--sp-gray-500)}.sp-form-error{font-size:.8125rem;color:var(--sp-error)}.sp-form-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:#16a34a;background:#22c55e1a;border-radius:var(--sp-radius-md)}.sp-codes-input-list{display:flex;flex-direction:column;gap:.75rem}.sp-codes-input-row{display:flex;align-items:center;gap:.5rem}.sp-codes-input-row .sp-form-input{flex:1}.sp-codes-add-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:var(--sp-primary-600);background:var(--sp-primary-50);border:1px dashed var(--sp-primary-300);border-radius:var(--sp-radius-md);cursor:pointer;transition:var(--sp-transition-fast)}.sp-codes-add-btn:hover{background:var(--sp-primary-100);border-color:var(--sp-primary-400)}.sp-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.sp-action-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border:2px solid var(--sp-gray-100);border-radius:var(--sp-radius-xl);cursor:pointer;transition:var(--sp-transition-base)}.sp-action-card:hover{border-color:var(--sp-primary-200);background:linear-gradient(135deg,#6366f108,#8b5cf608);transform:translateY(-2px)}.sp-action-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:1.5rem;color:var(--sp-primary-600);background:linear-gradient(135deg,var(--sp-primary-50) 0%,var(--sp-primary-100) 100%);border-radius:var(--sp-radius-xl)}.sp-action-label{font-size:.9375rem;font-weight:500;color:var(--sp-gray-700);text-align:center}.sp-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.sp-analytics-card{background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card);overflow:hidden}.sp-analytics-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--sp-gray-100)}.sp-analytics-title{font-size:1rem;font-weight:600;color:var(--sp-gray-800)}.sp-analytics-body{padding:1.5rem}.sp-metric-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0}.sp-metric-row:not(:last-child){border-bottom:1px solid var(--sp-gray-100)}.sp-metric-label{font-size:.9375rem;color:var(--sp-gray-600)}.sp-metric-value{font-size:1.125rem;font-weight:600;color:var(--sp-gray-900)}.sp-export-section{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--sp-gray-50) 0%,var(--sp-primary-50) 100%);border-radius:var(--sp-radius-xl)}.sp-export-title{font-size:.9375rem;font-weight:500;color:var(--sp-gray-700)}.sp-export-buttons{display:flex;gap:.75rem;margin-left:auto}.sp-system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.sp-system-card{background:#fff;border-radius:var(--sp-radius-xl);box-shadow:var(--sp-shadow-card);overflow:hidden}.sp-system-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--sp-gray-50) 0%,var(--sp-primary-50) 100%);border-bottom:1px solid var(--sp-gray-100)}.sp-system-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:var(--sp-radius-md);color:var(--sp-primary-600);box-shadow:var(--sp-shadow-sm)}.sp-system-title{font-size:1rem;font-weight:600;color:var(--sp-gray-800)}.sp-system-body{padding:1.5rem}.sp-info-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}.sp-info-row:not(:last-child){border-bottom:1px solid var(--sp-gray-100)}.sp-info-label{font-size:.875rem;color:var(--sp-gray-500)}.sp-info-value{font-size:.875rem;font-weight:500;color:var(--sp-gray-800)}.sp-info-value.highlight{color:var(--sp-primary-600)}@media (max-width: 768px){.sp-header{padding:1.25rem 1rem}.sp-header-title{font-size:1.25rem}.sp-header-subtitle{display:none}.sp-main{padding:1rem}.sp-nav-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.sp-nav-tab{padding:.75rem 1rem;white-space:nowrap}.sp-nav-tab-label{display:none}.sp-stats-grid{grid-template-columns:1fr}.sp-stat-card{padding:1.25rem}.sp-stat-value{font-size:1.5rem}.sp-filter-bar{flex-direction:column;align-items:stretch}.sp-search-wrapper{min-width:100%}.sp-table th,.sp-table td{padding:.75rem}.sp-modal{max-width:100%;margin:.5rem;border-radius:var(--sp-radius-xl)}.sp-pagination{flex-direction:column;align-items:center}}@media (max-width: 480px){.sp-header-icon{display:none}.sp-user-bar{flex-direction:column;text-align:center}.sp-user-profile{flex-direction:column}.sp-form-row{grid-template-columns:1fr}}.sp-scrollbar::-webkit-scrollbar{width:6px;height:6px}.sp-scrollbar::-webkit-scrollbar-track{background:var(--sp-gray-100);border-radius:3px}.sp-scrollbar::-webkit-scrollbar-thumb{background:var(--sp-gray-300);border-radius:3px}.sp-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--sp-gray-400)}.sp-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sp-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-quote-start{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9);opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.4,0,.2,1);position:relative}.quote-quote-start:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.quote-quote-start:not(.visible){opacity:.8;transform:translateY(10px)}.quote-quote-start.visible{opacity:1;transform:translateY(0)}.quote-quote-header{background:linear-gradient(135deg,#2563eb,#1e40af 40%,#6366f1);padding:64px 24px 80px;position:relative;box-shadow:0 10px 40px #3b82f640,0 4px 16px #0000001a,inset 0 -1px #ffffff1a;overflow:hidden}.quote-quote-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.12) 0%,transparent 45%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.05) 0%,transparent 70%);animation:headerGlow 10s ease-in-out infinite}@keyframes headerGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.quote-quote-header-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.quote-quote-title{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:900;color:#fff;margin:0 0 24px;letter-spacing:-.03em;line-height:1.05;text-shadow:0 4px 12px rgba(0,0,0,.15),0 2px 6px rgba(0,0,0,.1);position:relative;display:inline-block}.quote-quote-subtitle{font-size:1.125rem;color:#fffffff2;font-weight:500;max-width:600px;margin:0 auto;line-height:1.6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14,#ffffff08);padding:18px 28px;border-radius:18px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 24px #0000001f,inset 0 1px #fff3}.quote-quote-header-gradient{position:absolute;bottom:-1px;left:0;right:0;height:32px;background:linear-gradient(to bottom,transparent,#f8fafc)}.quote-quote-content{max-width:900px;margin:-48px auto 0;padding:80px 24px 48px;position:relative;z-index:2}.quote-premium-card{background:linear-gradient(135deg,#fffffffa,#fffffff2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px;padding:28px;margin-bottom:24px;box-shadow:0 8px 32px #0000000f,0 4px 16px #3b82f60a,0 2px 8px #00000008,inset 0 1px #fffc;border:1px solid rgba(226,232,240,.6);transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardFadeIn .7s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;position:relative;overflow:hidden}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(24px) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.quote-premium-card:nth-child(1){animation-delay:.05s}.quote-premium-card:nth-child(2){animation-delay:.1s}.quote-premium-card:nth-child(3){animation-delay:.15s}.quote-premium-card:nth-child(4){animation-delay:.2s}.quote-premium-card:nth-child(5){animation-delay:.25s}.quote-premium-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0}.quote-premium-card:hover:before{opacity:1}.quote-premium-card:hover{transform:translateY(-6px) scale(1.005);box-shadow:0 24px 64px #0000001a,0 12px 32px #3b82f61f,0 6px 16px #0000000f,inset 0 1px #ffffffe6;border-color:#3b82f633}.quote-business-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:32px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a,0 2px 8px #3b82f61a,inset 0 1px #ffffff4d;border-left:4px solid #3b82f6;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.quote-business-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.quote-business-card:hover:before{opacity:1}.quote-business-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px #00000026,0 8px 24px #3b82f633,inset 0 1px #fff6}.quote-business-info{display:flex;align-items:center;gap:24px}.quote-business-logo{width:72px;height:72px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000026;flex-shrink:0;border:2px solid rgba(255,255,255,.8);position:relative}.quote-business-logo img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.quote-business-logo:hover img{transform:scale(1.05)}.quote-logo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;position:relative}.quote-logo-placeholder:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border-radius:16px;z-index:-1;opacity:.3}.quote-business-details{flex:1}.quote-business-details h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-business-details p{font-size:15px;color:#64748b;margin:4px 0;font-weight:500;line-height:1.5;transition:color .2s ease}.quote-business-details p:first-of-type{font-weight:600;color:#475569}.quote-incomplete-profile-card{background:#fef3c7e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(245,158,11,.3);border-radius:20px;border-left:4px solid #f59e0b;padding:32px;margin-bottom:20px;box-shadow:0 8px 32px #f59e0b1a,inset 0 1px #ffffff4d;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.quote-incomplete-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#d97706,#92400e);opacity:0;transition:opacity .3s ease}.quote-incomplete-profile-card:hover:before{opacity:1}.quote-incomplete-profile-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px #f59e0b26,inset 0 1px #fff6}.quote-incomplete-profile{display:flex;align-items:center;gap:20px}.quote-warning-icon{padding:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:14px;color:#fff;font-size:24px;flex-shrink:0;box-shadow:0 4px 12px #f59e0b4d;position:relative}.quote-warning-icon:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:14px;z-index:-1;opacity:.3}.quote-warning-content{flex:1}.quote-warning-content h3{font-size:18px;font-weight:700;color:#92400e;margin:0 0 8px;background:linear-gradient(135deg,#92400e,#78350f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-warning-content p{font-size:15px;color:#a16207;margin:0;line-height:1.5;font-weight:500}.quote-settings-button{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:15px;flex-shrink:0;box-shadow:0 4px 12px #f59e0b4d;position:relative;overflow:hidden}.quote-settings-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quote-settings-button:hover:before{left:100%}.quote-settings-button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.quote-section-header{display:flex;align-items:center;gap:12px;margin:32px 0 16px}.quote-section-icon{padding:8px;background:#3b82f6;border-radius:8px;color:#fff;font-size:18px}.quote-section-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0}.quote-import-measurements-bar{margin:20px 0 24px;display:flex;justify-content:stretch;position:relative}.quote-import-measurements-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #3b82f640,0 2px 8px #00000014,inset 0 1px #ffffff26;width:100%;position:relative;overflow:hidden}.quote-import-measurements-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.quote-import-measurements-button:hover:before{left:100%}.quote-import-measurements-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659,0 4px 12px #0000001f,inset 0 1px #fff3}.quote-import-measurements-button:active{transform:translateY(0);box-shadow:0 4px 12px #3b82f640,0 2px 6px #00000014}.quote-import-measurements-button svg{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.quote-input-group{position:relative;margin-bottom:20px}.quote-input-group:last-child{margin-bottom:0}.quote-premium-input{width:100%;padding:16px 20px;border:2px solid #e2e8f0;border-radius:14px;background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:15px;font-weight:500;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008,inset 0 1px #fffc}.quote-input-group-with-icon{position:relative}.quote-input-group-with-icon .quote-premium-input{padding-left:58px}.quote-premium-input:focus{border-color:#3b82f6;background:linear-gradient(135deg,#fff,#fffffffa);box-shadow:0 0 0 4px #3b82f614,0 12px 32px #3b82f61f,inset 0 1px #fff;transform:translateY(-2px)}.quote-premium-input:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000f,inset 0 1px #fffc}.quote-premium-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444414,0 4px 12px #ef44441a}.quote-premium-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f,0 12px 32px #ef44441f}.quote-input-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);padding:6px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;color:#64748b;font-size:15px;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.8);box-shadow:0 2px 6px #0000000a,inset 0 1px #ffffffe6;display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.quote-input-icon svg{display:block;width:15px;height:15px}.quote-input-group-with-icon .quote-premium-input:focus+.quote-input-icon,.quote-input-group-with-icon:focus-within .quote-input-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;transform:translateY(-50%) scale(1.08);border-color:#3b82f64d;box-shadow:0 4px 12px #3b82f626,inset 0 1px #fff}.quote-error-message{color:#ef4444;font-size:13px;font-weight:500;margin-top:6px;padding-left:20px;display:flex;align-items:center;gap:6px}.quote-input-group-with-icon .quote-error-message{padding-left:60px}.quote-error-message:before{content:"⚠️";font-size:12px}.quote-address-group .quote-premium-input{padding-left:20px}.quote-address-group{position:relative}.quote-address-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;width:100%}@media (max-width: 768px){.quote-address-row{grid-template-columns:1fr;gap:8px}}.quote-address-suggestions{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;max-height:240px;overflow-y:auto;margin-top:4px;width:100%;max-width:400px}.quote-address-suggestion{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;font-size:14px}.quote-address-suggestion:hover{background:#f8fafc}.quote-address-suggestion:last-child{border-bottom:none}.quote-toggle-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:16px}.quote-toggle-card{flex-direction:column;align-items:flex-start;gap:12px}.quote-toggle-content{display:flex;align-items:center;gap:16px;flex:1}.quote-toggle-icon{padding:10px;border-radius:8px;font-size:20px;flex-shrink:0}.quote-toggle-card .quote-toggle-icon{background:#3b82f6;color:#fff}.quote-toggle-info h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 2px}.quote-toggle-info p{font-size:13px;color:#64748b;margin:0}.quote-toggle-switch{position:relative;display:inline-block;width:60px;height:34px;cursor:pointer}.quote-toggle-switch input{opacity:0;width:0;height:0}.quote-toggle-slider{position:absolute;inset:0;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:34px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.quote-toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}input:checked+.quote-toggle-slider{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 0 0 2px #3b82f633}input:checked+.quote-toggle-slider:before{transform:translate(26px);box-shadow:0 2px 8px #3b82f64d}.quote-toggle-switch:hover .quote-toggle-slider{box-shadow:inset 0 2px 6px #00000026}.quote-toggle-switch:hover input:checked+.quote-toggle-slider{box-shadow:0 0 0 3px #3b82f64d}.quote-discount-button{padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid rgba(245,158,11,.3);border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;box-shadow:0 4px 12px #f59e0b4d;position:relative;overflow:hidden}.quote-discount-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.quote-discount-button:hover:before{left:100%}.quote-discount-button:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.quote-discount-button.active{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#16a34a4d;box-shadow:0 4px 12px #16a34a4d}.quote-discount-button.active:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 8px 20px #16a34a66}.quote-toggle-controls{display:flex;align-items:center;gap:16px}.quote-flat-rate-toggle{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#3b82f60d;border-radius:10px;border:1px solid rgba(59,130,246,.1)}.quote-flat-rate-toggle .quote-toggle-label{font-size:14px;font-weight:600;color:#1e293b;margin:0}.quote-sales-tax-radio-group{display:flex;flex-direction:column;gap:16px;margin-top:16px}.quote-radio-option{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fffc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-radio-option:hover{border-color:#3b82f6;background:#3b82f60d;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.quote-radio-option input[type=radio]{width:20px;height:20px;margin:0;accent-color:#3b82f6;cursor:pointer}.quote-radio-label{flex:1;line-height:1.4}.quote-radio-label strong{display:block;font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px}.quote-radio-description{font-size:14px;color:#64748b;font-weight:500}@media (max-width: 768px){.quote-sales-tax-radio-group{gap:12px}.quote-radio-option{padding:12px}.quote-radio-label strong{font-size:15px}.quote-radio-description{font-size:13px}}.quote-section-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 16px #00000014,0 2px 8px #3b82f60f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quote-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.quote-section-card:hover:before{opacity:1}.quote-section-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f,0 8px 16px #3b82f61a;border-color:#3b82f633}.quote-section-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.quote-section-card-header h4{font-size:16px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-remove-button{padding:8px 12px;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.quote-remove-button:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-1px);box-shadow:0 4px 12px #dc262633}.quote-section-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.quote-section-total{text-align:right;font-size:16px;font-weight:700;color:#16a34a;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-radius:10px;border:1px solid #86efac;margin-top:12px;box-shadow:0 2px 8px #16a34a1a}.quote-fee-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #3b82f60f;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quote-fee-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#d97706,#92400e);opacity:0;transition:opacity .3s ease}.quote-fee-card:hover:before{opacity:1}.quote-fee-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000001f,0 8px 16px #f59e0b1a;border-color:#f59e0b33}.quote-fee-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center}.quote-fee-toggle{display:flex;align-items:center;justify-content:center;gap:8px}.quote-toggle-label-inline{font-size:12px;font-weight:600;color:#64748b;min-width:30px;text-align:center;-webkit-user-select:none;user-select:none}.quote-add-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px dashed #cbd5e1;border-radius:16px;color:#64748b;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:24px;font-size:15px;box-shadow:0 2px 8px #0000000a;position:relative;overflow:hidden}.quote-add-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s}.quote-add-button:hover:before{left:100%}.quote-add-button:hover{background:#3b82f60d;border-color:#3b82f6;color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626,0 4px 12px #00000014}.quote-add-icon{padding:6px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;font-size:16px;transition:all .3s ease;border:1px solid rgba(255,255,255,.5)}.quote-add-button:hover .quote-add-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6;transform:scale(1.1)}.quote-totals-card{background:linear-gradient(135deg,#dbeafee6,#fffffff2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(59,130,246,.3);border-radius:20px;padding:32px;box-shadow:0 8px 32px #3b82f626,0 4px 16px #00000014,inset 0 1px #fff6;position:relative;overflow:hidden}.quote-totals-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#ec4899);opacity:.8}.quote-totals-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(59,130,246,.05) 0%,transparent 70%);animation:totalsGlow 8s ease-in-out infinite}@keyframes totalsGlow{0%,to{opacity:.3}50%{opacity:.6}}.quote-totals-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:2}.quote-totals-icon{padding:12px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;color:#fff;font-size:22px;box-shadow:0 4px 12px #3b82f64d;position:relative}.quote-totals-icon:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;z-index:-1;opacity:.3}.quote-totals-header h3{font-size:20px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:15px;font-weight:500;color:#64748b;border-bottom:1px solid rgba(226,232,240,.5);transition:all .2s ease;position:relative;z-index:2}.quote-total-row:hover{color:#475569;transform:translate(2px)}.quote-total-row:last-child{border-bottom:none}.quote-total-divider{height:2px;background:linear-gradient(90deg,#e2e8f0,#3b82f6,#e2e8f0);margin:16px 0;border-radius:1px;position:relative;z-index:2}.quote-grand-total{font-size:20px;font-weight:800;color:#1e293b;padding:20px;background:linear-gradient(135deg,#ffffffe6,#dbeafecc);border-radius:12px;border:2px solid rgba(59,130,246,.2);margin-top:16px;box-shadow:0 8px 24px #3b82f626,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.quote-notes-input{min-height:120px;resize:vertical;padding:16px 20px;line-height:1.6;font-family:inherit;border:2px solid #e2e8f0;border-radius:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;font-weight:500;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;width:100%}.quote-notes-input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a,0 8px 24px #3b82f626;transform:translateY(-1px)}.quote-notes-input:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.quote-notes-input::placeholder{color:#94a3b8;font-weight:400}.quote-action-buttons{display:flex;flex-direction:column;gap:16px;margin-top:32px}.quote-primary-button,.quote-secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:18px 32px;border:none;border-radius:16px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001a}.quote-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.quote-primary-button:hover:before{left:100%}.quote-primary-button{background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 32px #3b82f64d,0 4px 16px #0000001a}.quote-primary-button:hover{background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);transform:translateY(-3px);box-shadow:0 16px 48px #3b82f666,0 8px 24px #00000026}.quote-primary-button:active{transform:translateY(-1px)}.quote-secondary-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 32px #10b9814d,0 4px 16px #0000001a}.quote-secondary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.quote-secondary-button:hover:before{left:100%}.quote-secondary-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 16px 48px #10b98166,0 8px 24px #00000026}.quote-secondary-button:active{transform:transform translateY(-1px)}@media (max-width: 768px){.quote-content{padding:0 16px 32px;margin-top:-24px}.quote-header{padding:32px 16px 48px}.quote-title{font-size:2rem}.quote-subtitle{font-size:1rem}.premium-card{padding:20px;border-radius:12px}.quote-section-row,.quote-fee-row{grid-template-columns:1fr;gap:12px}.quote-fee-row{grid-template-columns:1fr auto}.quote-business-info{flex-direction:column;text-align:center;gap:16px}.quote-incomplete-profile{flex-direction:column;text-align:center;gap:12px}.toggle-card{flex-direction:column;align-items:flex-start;gap:12px}.quote-premium-input{padding:12px 16px;font-size:14px}.input-group-with-icon .quote-premium-input{padding:12px 16px 12px 48px}.input-icon{left:16px;font-size:14px;padding:6px}.error-message{padding-left:16px}.input-group-with-icon .error-message{padding-left:48px}.quote-modal-content{width:95%;margin:20px;max-height:85vh}.quote-modal-header{padding:24px 24px 20px}.quote-modal-header h3{font-size:20px}.quote-modal-body{padding:0 24px 24px;max-height:400px}.quote-modal-body p{font-size:15px}.quote-job-item{padding:20px}.quote-job-id{font-size:16px}.quote-modal-footer{padding:24px;flex-direction:column;gap:12px}.quote-modal-footer .quote-secondary-button,.quote-modal-footer .quote-primary-button{width:100%;padding:14px 20px;font-size:15px}.quote-no-jobs-message{padding:32px 24px}.quote-no-jobs-message svg{font-size:40px}.quote-no-jobs-message p{font-size:15px}}@media (max-width: 480px){.quote-modal-content{width:98%;margin:10px}.quote-modal-header{padding:20px 20px 16px}.quote-modal-header h3{font-size:18px}.quote-modal-body{padding:0 20px 20px}.quote-job-item{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.quote-job-select{align-self:flex-end}.quote-modal-footer{padding:20px}.discount-button{flex:1;padding:6px 8px;font-size:10px}}.measurements-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.measurements-header h3{font-size:18px;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:12px;position:relative}.measurements-header h3:before{content:"";width:6px;height:20px;background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);border-radius:3px;box-shadow:0 2px 8px #3b82f64d}.measurements-header h3:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:1px}.measurements-search{flex:1;max-width:300px}.measurements-stats{display:flex;gap:24px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#3b82f60d,#6366f108);border-radius:12px;border:1px solid rgba(59,130,246,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-item{display:flex;flex-direction:column;gap:4px;text-align:center;flex:1}.stat-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:16px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:24px}.measurement-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-radius:16px;border:2px solid rgba(226,232,240,.8);padding:20px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a,0 1px 4px #3b82f614;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.measurement-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.measurement-card:hover:before{opacity:1}.measurement-card:hover{background:linear-gradient(135deg,#fffffffa,#f1f5f9f2);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #00000014,0 6px 16px #3b82f626,0 2px 8px #0000000a;border-color:#3b82f64d}.measurement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.measurement-type-badge{padding:6px 12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px #3b82f64d;border:1px solid rgba(255,255,255,.2)}.measurement-delete-btn{padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#dc2626;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;display:flex;align-items:center;justify-content:center}.measurement-delete-btn:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.measurement-card-content{margin-bottom:16px}.measurement-name{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1.3;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurement-details{display:flex;flex-direction:column;gap:12px}.measurement-total{display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(135deg,#3b82f60d,#6366f108);border-radius:8px;border:1px solid rgba(59,130,246,.1)}.total-label{font-size:13px;font-weight:600;color:#64748b}.total-value{font-size:15px;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurement-dimensions{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.dimension-item{display:flex;flex-direction:column;align-items:center;padding:8px;background:#fffc;border-radius:6px;border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}.dimension-item:hover{background:#3b82f60d;border-color:#3b82f64d}.dimension-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.dimension-value{font-size:13px;font-weight:700;color:#1e293b}.measurement-card-footer{border-top:1px solid rgba(226,232,240,.5);padding-top:12px}.measurement-cost{display:flex;justify-content:space-between;align-items:center}.cost-label{font-size:13px;font-weight:600;color:#64748b}.cost-value{font-size:15px;font-weight:700;color:#10b981;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurements-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.no-measurements-found{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;color:#64748b;text-align:center;background:linear-gradient(135deg,#fef3c7e6,#fde68acc);border-radius:12px;border:2px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #f59e0b1a,inset 0 1px #ffffff80}.no-measurements-found svg{color:#d97706;font-size:32px;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3))}.no-measurements-found p{margin:0;font-size:14px;font-weight:600;background:linear-gradient(135deg,#92400e,#78350f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.measurements-header{flex-direction:column;align-items:flex-start;gap:16px}.measurements-search{width:100%;max-width:none}.measurements-stats{flex-direction:column;gap:16px}.measurements-grid{grid-template-columns:1fr;gap:12px}.measurement-card{padding:16px}.measurement-dimensions{grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.measurements-actions{flex-direction:column}.measurements-actions .secondary-button,.measurements-actions .import-button{width:100%}}@media (max-width: 480px){.measurements-stats{padding:16px}.measurement-card{padding:12px}.measurement-card-header{margin-bottom:12px}.measurement-name{font-size:15px}.measurement-dimensions{grid-template-columns:repeat(2,1fr)}}.import-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #10b9814d,0 4px 16px #0000001a,inset 0 1px #fff3;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase}.import-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.import-button:hover:before{left:100%}.import-button:hover{background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-3px) scale(1.01);box-shadow:0 16px 48px #10b98166,0 8px 24px #00000026,inset 0 1px #ffffff4d}.import-button:active{transform:translateY(-1px) scale(1.005);box-shadow:0 12px 36px #10b9814d,0 6px 18px #0000001f,inset 0 1px #ffffff1a}.import-button svg{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.quote-no-jobs-message{display:flex;flex-direction:column;align-items:center;gap:20px;padding:48px 32px;text-align:center;background:linear-gradient(135deg,#fef3c7e6,#fde68acc);border-radius:16px;border:2px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #f59e0b1a,inset 0 1px #ffffff80;position:relative;overflow:hidden}.quote-no-jobs-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#d97706,#92400e);border-radius:16px 16px 0 0}.quote-no-jobs-message svg{color:#d97706;margin-bottom:0;font-size:48px;filter:drop-shadow(0 4px 8px rgba(245,158,11,.3));background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-no-jobs-message p{margin:0;font-size:16px;line-height:1.6;color:#92400e;font-weight:600;background:linear-gradient(135deg,#92400e,#78350f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;max-width:300px}.quote-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:fadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.quote-modal-content{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 25px 80px #00000026,0 10px 40px #3b82f61a,inset 0 1px #ffffff80;max-width:600px;width:90%;max-height:80vh;overflow:hidden;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.2);position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.quote-modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#ec4899);border-radius:20px 20px 0 0}.import-modal{max-width:650px}.quote-modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 24px;margin-bottom:24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);color:#fff;border-radius:20px 20px 0 0;position:relative;overflow:hidden}.quote-modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);animation:headerGlow 8s ease-in-out infinite}.quote-modal-header h3{font-size:24px;font-weight:800;margin:0;position:relative;z-index:2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-modal-close{background:#ffffff26;border:1px solid rgba(255,255,255,.2);padding:12px;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:20px;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.quote-modal-close:hover{background:#ffffff40;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 16px #0000004d}.quote-modal-body{padding:0 32px 32px;max-height:500px;overflow-y:auto;position:relative}.quote-modal-body::-webkit-scrollbar{width:6px}.quote-modal-body::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.quote-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:3px}.quote-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.quote-modal-body p{font-size:16px;color:#475569;margin:0 0 24px;line-height:1.6;font-weight:500;background:linear-gradient(135deg,#475569,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-jobs-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.quote-job-item{display:flex;justify-content:space-between;align-items:center;padding:24px;border:2px solid rgba(226,232,240,.8);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;position:relative;overflow:hidden}.quote-job-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.quote-job-item:hover:before{opacity:1}.quote-job-item:hover{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafee6,#bfdbfecc);transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #3b82f626,0 6px 16px #00000014}.quote-job-item.selected{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafef2,#bfdbfee6);box-shadow:0 8px 24px #3b82f633,0 0 0 3px #3b82f61a,inset 0 1px #ffffff80;transform:translateY(-2px)}.quote-job-item.selected:after{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(135deg,#3b82f6,#6366f1,#8b5cf6);border-radius:0 4px 4px 0}.quote-job-info{flex:1;display:flex;flex-direction:column;gap:8px}.quote-job-id{font-size:18px;font-weight:700;color:#1e293b;display:block;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.quote-job-item.selected .quote-job-id{background:linear-gradient(135deg,#1d4ed8,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-job-select{padding:8px;color:#3b82f6;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#3b82f61a;border-radius:10px;border:1px solid rgba(59,130,246,.2)}.quote-job-item:hover .quote-job-select{transform:scale(1.1);background:#3b82f633}.quote-job-item.selected .quote-job-select{color:#fff;background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#ffffff4d;box-shadow:0 4px 12px #3b82f64d}.quote-modal-footer{display:flex;gap:16px;padding:32px;border-top:1px solid rgba(226,232,240,.5);background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 20px 20px}.quote-modal-footer .quote-secondary-button,.quote-modal-footer .quote-primary-button{flex:1;padding:16px 24px;font-size:16px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 4px 16px #0000001a}.quote-modal-footer .quote-secondary-button{height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .6s}.quote-modal-footer .quote-secondary-button:hover:before{left:100%}.quote-modal-footer .quote-secondary-button:hover{background:linear-gradient(135deg,#fffffff2,#f1f5f9e6);color:#475569;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626}.quote-modal-footer .quote-primary-button{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;box-shadow:0 8px 32px #10b9814d,0 4px 16px #0000001a,inset 0 1px #fff3}.quote-modal-footer .quote-primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.quote-modal-footer .quote-primary-button:hover:before{left:100%}.quote-modal-footer .quote-primary-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-3px) scale(1.01);box-shadow:0 16px 48px #10b98166,0 8px 24px #00000026,inset 0 1px #ffffff4d}.quote-modal-footer .quote-primary-button:disabled{background:linear-gradient(135deg,#d1d5dbcc,#9ca3af99);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.quote-modal-footer .quote-primary-button:disabled:before{display:none}.quote-job-item:nth-child(1){animation-delay:.1s}.quote-job-item:nth-child(2){animation-delay:.15s}.quote-job-item:nth-child(3){animation-delay:.2s}.quote-job-item:nth-child(4){animation-delay:.25s}.quote-job-item:nth-child(5){animation-delay:.3s}.quote-job-item{animation:jobItemFadeIn .6s ease-out both}@keyframes jobItemFadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quote-job-item:hover .quote-job-id{transform:translate(4px);transition:transform .3s ease}.quote-job-item.selected .quote-job-id{animation:selectedTextPulse .6s ease-out}@keyframes selectedTextPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.quote-job-item.selected{animation:selectedJobPulse .4s ease-out}@keyframes selectedJobPulse{0%{transform:scale(1);box-shadow:0 8px 24px #3b82f633}50%{transform:scale(1.01);box-shadow:0 12px 32px #3b82f64d}to{transform:scale(1);box-shadow:0 8px 24px #3b82f633}}.enhanced-import-modal{max-width:900px;max-height:95vh;background:linear-gradient(135deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 80px #00000026,0 10px 40px #3b82f61a,inset 0 1px #ffffff80}.enhanced-import-modal .quote-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);color:#fff;padding:28px 32px 24px;margin:0 0 24px;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.enhanced-import-modal .quote-modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);animation:headerGlow 6s ease-in-out infinite}.enhanced-import-modal .quote-modal-header h3{font-size:22px;font-weight:800;margin:0;position:relative;z-index:2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.enhanced-import-modal .quote-modal-close{position:relative;z-index:2;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:10px;font-size:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enhanced-import-modal .quote-modal-close:hover{background:#fff3;transform:scale(1.1);box-shadow:0 4px 12px #0003}.enhanced-import-modal .quote-modal-body{max-height:600px;padding:0 24px 24px}.quote-search-filter-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);border-radius:16px;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;position:relative;overflow:hidden}.quote-search-filter-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:.8}.quote-search-input-group{position:relative;display:flex;align-items:center}.quote-search-icon{position:absolute;left:16px;color:#64748b;font-size:18px;z-index:1;transition:all .3s ease}.quote-search-input{width:100%;padding:16px 20px 16px 52px;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:16px;font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;color:#1e293b}.quote-search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a,0 8px 24px #3b82f626;transform:translateY(-1px)}.quote-search-input:focus+.quote-search-icon,.quote-search-input-group:focus-within .quote-search-icon{color:#3b82f6;transform:scale(1.1)}.quote-filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.quote-filter-select{padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:10px;font-size:15px;font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;box-shadow:0 2px 8px #0000000a;color:#475569}.quote-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.quote-sort-order-button{padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:600;color:#64748b;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:6px}.quote-sort-order-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.quote-crm-import-section{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0;border-top:1px solid rgba(226,232,240,.5);margin-top:16px}.quote-crm-import-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #0000001a,inset 0 1px #fff3;min-width:140px;justify-content:center;position:relative;overflow:hidden;letter-spacing:.3px;text-transform:uppercase}.quote-crm-import-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.quote-crm-import-button:hover:before{left:100%}.quote-crm-import-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #8b5cf666,0 4px 12px #00000026,inset 0 1px #ffffff4d}.quote-crm-import-button:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 6px 18px #8b5cf64d,0 3px 9px #0000001f,inset 0 1px #ffffff1a}.quote-crm-import-button:disabled{background:linear-gradient(135deg,#9ca3afcc,#6b728099);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.quote-crm-import-button:disabled:before{display:none}.quote-loading-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.quote-measurements-import-list{max-height:450px;overflow-y:auto;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;position:relative}.quote-measurements-import-list::-webkit-scrollbar{width:6px}.quote-measurements-import-list::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.quote-measurements-import-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:3px}.quote-measurements-import-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.quote-improved-list{margin-top:20px}.quote-no-measurements-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b;text-align:center}.quote-no-measurements-found svg{font-size:32px;margin-bottom:12px;color:#cbd5e1}.quote-no-measurements-found p{margin:0;font-size:14px}.quote-job-group{border:1px solid rgba(226,232,240,.8);border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;overflow:hidden}.quote-job-header{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b82f60d,#8b5cf608);border-bottom:1px solid rgba(226,232,240,.5)}.quote-job-header:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);transform:translateY(-1px)}.quote-job-header-content{display:flex;align-items:center;width:100%;gap:16px;justify-content:space-between}.quote-job-expand-icon{color:#3b82f6;font-size:16px;transition:transform .3s ease;flex-shrink:0}.quote-job-expand-icon.expanded{transform:rotate(90deg)}.quote-job-name{font-size:16px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quote-job-measurement-count{font-size:12px;color:#64748b;font-weight:500}.quote-job-total-with-checkbox{display:flex;align-items:center;gap:12px;flex-shrink:0}.quote-job-checkbox-input{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;border-radius:4px;border:2px solid #cbd5e1;transition:all .3s ease;background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.quote-job-checkbox-input:hover{border-color:#3b82f6;transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.quote-job-checkbox-input:checked{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.quote-job-total{font-size:14px;font-weight:600;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.quote-delete-section-button{padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quote-delete-section-button:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.quote-delete-section-button:active{transform:scale(.95)}.quote-job-measurements{padding:0;background:#f8fafc80}.quote-measurement-table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 2fr 1fr;gap:12px;padding:12px 16px;border:1px solid rgba(226,232,240,.5);border-top:none;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quote-measurement-table-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.quote-measurement-table-row:hover:before{opacity:.3}.quote-measurement-table-row:hover{background:#3b82f605;transform:translate(2px);box-shadow:0 4px 12px #0000000d}.quote-measurement-table-row:last-child{border-radius:0 0 12px 12px}.quote-row-checkbox{display:flex;align-items:center;justify-content:center}.quote-measurement-checkbox-input{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;border-radius:3px;border:2px solid #cbd5e1;transition:all .3s ease;background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.quote-measurement-checkbox-input:hover{border-color:#3b82f6;transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.quote-measurement-checkbox-input:checked{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.quote-row-name{font-weight:600}.quote-measurement-name{font-weight:600;color:#1e293b;font-size:13px}.quote-row-type{text-align:center}.quote-measurement-type-badge{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(59,130,246,.2)}.quote-row-total{text-align:center}.quote-measurement-total-value{font-weight:700;color:#059669;font-size:14px}.quote-row-dimensions{display:flex;flex-wrap:wrap;gap:4px}.quote-measurement-dimensions-list{display:flex;flex-wrap:wrap;gap:6px}.quote-dimension-item{background:#4755691a;color:#475569;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;border:1px solid rgba(71,85,105,.2)}.quote-row-actions{display:flex;justify-content:center;align-items:center}.quote-delete-measurement-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.quote-delete-measurement-button:hover{background:#ef444433;transform:scale(1.05)}.quote-red-delete{background:#ef44441a!important;border-color:#ef44444d!important;color:#dc2626!important}.quote-red-delete:hover{background:#ef444433!important}.quote-selection-preview-panel{margin-top:20px;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.quote-selection-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid rgba(226,232,240,.5)}.quote-preview-toggle-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-weight:600;color:#3b82f6;font-size:15px;transition:all .3s ease}.quote-preview-toggle-button:hover{color:#2563eb}.quote-preview-icon{font-size:16px}.quote-preview-arrow{font-size:14px;transition:transform .3s ease}.quote-preview-arrow.expanded{transform:rotate(90deg)}.quote-clear-selection-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.quote-clear-selection-button:hover{background:#ef444433;transform:scale(1.05)}.quote-selection-preview-content{padding:20px;max-height:300px;overflow-y:auto}.quote-selected-measurements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.quote-selected-measurement-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;transition:all .3s ease}.quote-selected-measurement-item:hover{background:#3b82f614;transform:translate(2px)}.quote-selected-measurement-info{display:flex;flex-direction:column;gap:4px}.quote-selected-measurement-name{font-weight:600;color:#1e293b;font-size:15px}.quote-selected-measurement-type{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.quote-selected-measurement-total{font-weight:600;color:#059669;font-size:14px}.quote-remove-selection-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px}.quote-remove-selection-button:hover{background:#ef444433;transform:scale(1.05)}.quote-selection-summary{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafccc;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.quote-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.quote-summary-row span:first-child{color:#64748b}.quote-summary-row span:last-child{font-weight:600}.quote-estimated-cost,.quote-note{border-top:1px solid rgba(226,232,240,.5);padding-top:8px;margin-top:8px}.quote-import-progress-indicator{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafccc;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.quote-progress-bar-container{flex:1;height:8px;background:#e2e8f080;border-radius:4px;overflow:hidden}.quote-progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.quote-progress-text{display:flex;flex-direction:column;gap:2px;min-width:120px}.quote-progress-text span:first-child{font-size:14px;font-weight:500;color:#475569}.quote-progress-percentage{font-size:12px;color:#64748b;font-weight:600}.quote-job-group{animation:jobGroupFadeIn .6s ease-out both}.quote-job-group:nth-child(1){animation-delay:.1s}.quote-job-group:nth-child(2){animation-delay:.15s}.quote-job-group:nth-child(3){animation-delay:.2s}.quote-job-group:nth-child(4){animation-delay:.25s}.quote-job-group:nth-child(5){animation-delay:.3s}.quote-job-measurements{animation:measurementsSlideDown .4s ease-out}.quote-job-measurements .quote-measurement-table-row{border-bottom:1px solid rgba(226,232,240,.3);margin:0 16px;padding:10px 0}.quote-job-measurements .quote-measurement-table-row:last-child{border-bottom:none}.quote-job-measurements .quote-row-checkbox,.quote-job-measurements .quote-row-name,.quote-job-measurements .quote-row-type,.quote-job-measurements .quote-row-total,.quote-job-measurements .quote-row-dimensions,.quote-job-measurements .quote-row-actions{padding-left:32px}.search-filter-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#f8fafce6,#f1f5f9cc);border-radius:16px;border:1px solid rgba(226,232,240,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;position:relative;overflow:hidden}.search-filter-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:.8}.search-input-group{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#64748b;font-size:18px;z-index:1;transition:all .3s ease}.search-input{width:100%;padding:16px 20px 16px 52px;border:2px solid rgba(226,232,240,.8);border-radius:12px;font-size:16px;font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;color:#1e293b}.search-input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a,0 8px 24px #3b82f626;transform:translateY(-1px)}.search-input:focus+.search-icon,.search-input-group:focus-within .search-icon{color:#3b82f6;transform:scale(1.1)}.filter-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.filter-select{padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:10px;font-size:15px;font-weight:500;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:140px;box-shadow:0 2px 8px #0000000a;color:#475569}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;transform:translateY(-1px)}.sort-order-button{padding:12px 16px;border:2px solid rgba(226,232,240,.8);border-radius:10px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:600;color:#64748b;box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;gap:6px}.sort-order-button:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.measurements-import-list{max-height:450px;overflow-y:auto;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;position:relative}.measurements-import-list::-webkit-scrollbar{width:6px}.measurements-import-list::-webkit-scrollbar-track{background:#e2e8f04d;border-radius:3px}.measurements-import-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:3px}.measurements-import-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#4f46e5)}.measurement-import-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid rgba(226,232,240,.5);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.measurement-import-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.measurement-import-item:hover:before{opacity:1}.measurement-import-item:hover{background:linear-gradient(135deg,#fffffff2,#f1f5f9e6);transform:translate(4px);box-shadow:0 8px 24px #00000014,0 4px 12px #3b82f61a}.measurement-import-item:last-child{border-bottom:none}.measurement-import-info{flex:1;display:flex;flex-direction:column;gap:8px}.measurement-import-header{display:flex;justify-content:space-between;align-items:center}.measurement-import-name{font-size:17px;font-weight:700;color:#1e293b;line-height:1.3;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.measurement-import-type{font-size:12px;font-weight:600;color:#64748b;background:linear-gradient(135deg,#64748b1a,#4755690d);padding:6px 12px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(226,232,240,.5)}.measurement-import-details{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.measurement-import-total{font-size:15px;font-weight:700;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:6px}.measurement-import-total:before{content:"📏";font-size:14px}.measurement-import-values{display:flex;gap:8px;flex-wrap:wrap}.measurement-value{font-size:12px;color:#64748b;background:#fffc;padding:4px 8px;border-radius:6px;border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .2s ease}.measurement-value:hover{background:#3b82f61a;color:#3b82f6;border-color:#3b82f64d}.no-measurements-found{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#64748b;text-align:center}.no-measurements-found svg{font-size:32px;margin-bottom:12px;color:#cbd5e1}.no-measurements-found p{margin:0;font-size:14px}.import-summary{margin-top:16px;padding:16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.summary-stats{display:flex;justify-content:space-between;align-items:center}.summary-count{font-size:14px;font-weight:500;color:#64748b}.summary-total{font-size:16px;font-weight:600;color:#3b82f6}@media (max-width: 768px){.enhanced-import-modal{max-width:95vw;max-height:95vh}.search-filter-controls{padding:12px}.filter-controls{flex-direction:column;align-items:stretch}.filter-select,.sort-order-button{width:100%}.measurement-import-details,.summary-stats{flex-direction:column;align-items:flex-start;gap:8px}}.improved-list{margin-top:20px}.measurement-table-header{display:grid;grid-template-columns:60px 2fr 1fr 1fr 2fr 1fr;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:12px 12px 0 0;border:1px solid rgba(226,232,240,.8);border-bottom:none;font-weight:700;font-size:14px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.header-checkbox,.row-checkbox{display:flex;align-items:center;justify-content:center}.header-name,.row-name{font-weight:600}.header-type,.row-type,.header-total,.row-total{text-align:center}.header-dimensions,.row-dimensions{display:flex;flex-wrap:wrap;gap:4px}.header-actions,.row-actions{display:flex;justify-content:center;align-items:center}.measurement-table-row{display:grid;grid-template-columns:50px 2fr 1fr 1fr 2fr 1fr;gap:12px;padding:12px 16px;border:1px solid rgba(226,232,240,.5);border-top:none;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.measurement-table-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);opacity:0;transition:opacity .3s ease}.measurement-table-row:hover:before{opacity:.3}.measurement-table-row:hover{background:#3b82f605;transform:translate(2px);box-shadow:0 4px 12px #0000000d}.measurement-table-row:last-child{border-radius:0 0 12px 12px}.measurement-name{font-weight:600;color:#1e293b;font-size:13px}.measurement-type-badge{display:inline-block;padding:4px 8px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);color:#3b82f6;border-radius:6px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(59,130,246,.2)}.measurement-total-value{font-weight:700;color:#059669;font-size:14px}.measurement-dimensions-list{display:flex;flex-wrap:wrap;gap:6px}.dimension-item{background:#4755691a;color:#475569;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;border:1px solid rgba(71,85,105,.2)}.delete-measurement-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.delete-measurement-button:hover{background:#ef444433;transform:scale(1.05)}.red-delete{background:#ef44441a!important;border-color:#ef44444d!important;color:#dc2626!important}.red-delete:hover{background:#ef444433!important}.selection-preview-panel{margin-top:20px;border:1px solid rgba(226,232,240,.8);border-radius:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.selection-preview-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-bottom:1px solid rgba(226,232,240,.5)}.preview-toggle-button{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-weight:600;color:#3b82f6;font-size:15px;transition:all .3s ease}.preview-toggle-button:hover{color:#2563eb}.preview-icon{font-size:16px}.preview-arrow{font-size:14px;transition:transform .3s ease}.clear-selection-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px}.clear-selection-button:hover{background:#ef444433;transform:scale(1.05)}.selection-preview-content{padding:20px;max-height:300px;overflow-y:auto}.selected-measurements-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.selected-measurement-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:8px;transition:all .3s ease}.selected-measurement-item:hover{background:#3b82f614;transform:translate(2px)}.selected-measurement-info{display:flex;flex-direction:column;gap:4px}.selected-measurement-name{font-weight:600;color:#1e293b;font-size:15px}.selected-measurement-type{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.selected-measurement-total{font-weight:600;color:#059669;font-size:14px}.remove-selection-button{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626;padding:6px 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:12px}.remove-selection-button:hover{background:#ef444433;transform:scale(1.05)}.selection-summary{display:flex;flex-direction:column;gap:8px;padding:16px;background:#f8fafccc;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500}.summary-row span:first-child{color:#64748b}.summary-row span:last-child{font-weight:600}.estimated-cost{border-top:1px solid rgba(226,232,240,.5);padding-top:8px;margin-top:8px}.pagination-controls{display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:20px;background:#f8fafccc;border-radius:12px;border:1px solid rgba(226,232,240,.5)}.pagination-info{text-align:center;color:#64748b;font-size:14px;font-weight:500}.pagination-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.pagination-button{padding:8px 16px;border:1px solid rgba(226,232,240,.8);background:#ffffffe6;color:#475569;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.pagination-button:hover:not(:disabled){background:#3b82f61a;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:4px;margin:0 16px}.pagination-page{padding:8px 12px;border:1px solid rgba(226,232,240,.8);background:#ffffffe6;color:#475569;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500;min-width:40px;text-align:center}.pagination-page:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.pagination-page.active{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-color:#3b82f6;font-weight:600}.pagination-ellipsis{padding:8px 4px;color:#64748b;font-size:14px;align-self:center}.items-per-page{display:flex;align-items:center;gap:8px;justify-content:center}.items-per-page label{font-size:14px;color:#64748b;font-weight:500}.items-per-page-select{padding:6px 10px;border:1px solid rgba(226,232,240,.8);background:#ffffffe6;color:#475569;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.items-per-page-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.import-progress-indicator{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafccc;border-radius:8px;border:1px solid rgba(226,232,240,.5)}.progress-bar-container{flex:1;height:8px;background:#e2e8f080;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.progress-text{display:flex;flex-direction:column;gap:2px;min-width:120px}.progress-text span:first-child{font-size:14px;font-weight:500;color:#475569}.progress-percentage{font-size:12px;color:#64748b;font-weight:600}.loading-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.job-group{border:1px solid rgba(226,232,240,.8);border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000a,0 2px 8px #3b82f60f;overflow:hidden}.job-header{display:flex;align-items:center;padding:14px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#3b82f60d,#8b5cf608);border-bottom:1px solid rgba(226,232,240,.5)}.job-header:hover{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d);transform:translateY(-1px)}.job-header-content{display:flex;align-items:center;width:100%;gap:16px;justify-content:space-between}.job-expand-icon{color:#3b82f6;font-size:16px;transition:transform .3s ease;flex-shrink:0}.quote-job-info{flex:1;display:flex;flex-direction:column;gap:4px}.job-name{font-size:16px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.job-measurement-count{font-size:12px;color:#64748b;font-weight:500}.job-total{font-size:14px;font-weight:600;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0}.job-total-with-checkbox{display:flex;align-items:center;gap:12px;flex-shrink:0}.job-checkbox-input{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer;border-radius:4px;border:2px solid #cbd5e1;transition:all .3s ease;background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.job-checkbox-input:hover{border-color:#3b82f6;transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.job-checkbox-input:checked{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f666}.job-checkbox-input:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.delete-section-button{padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#dc2626;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-section-button:hover{background:#ef444433;border-color:#ef444466;transform:scale(1.05);box-shadow:0 4px 12px #ef44444d}.delete-section-button:active{transform:scale(.95)}.job-measurements{padding:0;background:#f8fafc80}.job-measurements .measurement-table-row{border-bottom:1px solid rgba(226,232,240,.3);margin:0 16px;padding:10px 0}.job-measurements .measurement-table-row:last-child{border-bottom:none}.job-measurements .row-checkbox,.job-measurements .row-name,.job-measurements .row-type,.job-measurements .row-total,.job-measurements .row-dimensions,.job-measurements .row-actions{padding-left:32px}.job-group{animation:jobGroupFadeIn .6s ease-out both}.job-group:nth-child(1){animation-delay:.1s}.job-group:nth-child(2){animation-delay:.15s}.job-group:nth-child(3){animation-delay:.2s}.job-group:nth-child(4){animation-delay:.25s}.job-group:nth-child(5){animation-delay:.3s}@keyframes jobGroupFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.job-measurements{animation:measurementsSlideDown .4s ease-out}@keyframes measurementsSlideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.crm-import-section{display:flex;align-items:center;justify-content:flex-end;padding:16px 0 0;border-top:1px solid rgba(226,232,240,.5);margin-top:16px}.crm-import-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #0000001a,inset 0 1px #fff3;min-width:140px;justify-content:center;position:relative;overflow:hidden;letter-spacing:.3px;text-transform:uppercase}.crm-import-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.crm-import-button:hover:before{left:100%}.crm-import-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9,#5b21b6);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #8b5cf666,0 4px 12px #00000026,inset 0 1px #ffffff4d}.crm-import-button:active:not(:disabled){transform:translateY(-1px) scale(1.01);box-shadow:0 6px 18px #8b5cf64d,0 3px 9px #0000001f,inset 0 1px #ffffff1a}.crm-import-button:disabled{background:linear-gradient(135deg,#9ca3afcc,#6b728099);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000d}.crm-import-button:disabled:before{display:none}.toggle-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}.discount-button{padding:6px 10px;background:linear-gradient(135deg,#f59e0b,#d97706,#92400e);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #f59e0b4d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;white-space:nowrap}.discount-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.discount-button:hover:before{left:100%}.discount-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#92400e,#78350f);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.discount-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f59e0b4d}.discount-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 1px 4px #f59e0b33}.discount-button.active{background:linear-gradient(135deg,#dc2626,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666}.discount-button.active:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b,#7f1d1d);box-shadow:0 6px 16px #dc262680}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:28px;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.8);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #00000014}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026,0 1px 3px #0000001a;border:1px solid rgba(226,232,240,.5)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669,#047857);box-shadow:inset 0 2px 4px #10b98133,0 4px 16px #10b9814d;border-color:#10b98166}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:linear-gradient(135deg,#fff,#f0fdf4);box-shadow:0 2px 8px #10b9814d,0 1px 3px #10b98133;border-color:#10b9814d}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:inset 0 2px 4px #0000000d,0 1px 4px #0000000a}.toggle-switch input:disabled+.toggle-slider:before{background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 1px 4px #00000014,0 1px 2px #0000000d}.toggle-switch:hover input:not(:disabled)+.toggle-slider{transform:scale(1.05);box-shadow:inset 0 2px 4px #0000001f,0 4px 12px #0000001f}.toggle-switch:hover input:not(:disabled):checked+.toggle-slider{box-shadow:inset 0 2px 4px #10b98140,0 6px 20px #10b98166}.toggle-switch:active input:not(:disabled)+.toggle-slider:before{transform:scale(.95)}.toggle-switch input:checked:active+.toggle-slider:before{transform:translate(24px) scale(.95)}.quote-invoice-loading-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}.quote-invoice-loading-modal{background:linear-gradient(135deg,#fffffffa,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d,0 8px 24px #3b82f633,inset 0 1px #ffffff80;border:2px solid rgba(255,255,255,.3);animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.quote-invoice-loading-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#ec4899);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.quote-invoice-loading-content{text-align:center}.quote-invoice-loading-spinner{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#3b82f61a,#6366f114);border-radius:50%;margin:0 auto 32px;box-shadow:0 8px 24px #3b82f633,inset 0 2px 8px #3b82f61a;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #3b82f633,inset 0 2px 8px #3b82f61a}50%{transform:scale(1.05);box-shadow:0 12px 36px #3b82f64d,inset 0 2px 8px #3b82f626}}.quote-invoice-loading-spinner .spinner{color:#3b82f6;animation:spin 1s linear infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.3))}.quote-invoice-loading-content h3{font-size:24px;font-weight:800;color:#1e293b;margin:0 0 16px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.quote-invoice-loading-content p{font-size:15px;color:#64748b;margin:0 0 32px;line-height:1.6;font-weight:500}.quote-invoice-loading-steps{display:flex;flex-direction:column;gap:16px;text-align:left}.quote-invoice-loading-step{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#3b82f60d,#6366f108);border-radius:12px;border:1px solid rgba(59,130,246,.1);transition:all .3s ease;animation:stepFadeIn .5s ease-out backwards}.quote-invoice-loading-step:nth-child(1){animation-delay:.2s}.quote-invoice-loading-step:nth-child(2){animation-delay:.4s}.quote-invoice-loading-step:nth-child(3){animation-delay:.6s}@keyframes stepFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.quote-invoice-loading-step-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border-radius:12px;flex-shrink:0;box-shadow:0 4px 12px #00000014;border:1px solid rgba(226,232,240,.5)}.quote-invoice-loading-step span{color:#475569;font-size:15px;font-weight:600;line-height:1.4}.quote-success-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out;padding:20px}.quote-success-modal{background:linear-gradient(135deg,#fffffffa,#f0fdf4f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;max-width:520px;width:100%;box-shadow:0 20px 60px #0000004d,0 8px 24px #10b98133,inset 0 1px #ffffff80;border:2px solid rgba(16,185,129,.2);animation:successSlideUp .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes successSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.quote-success-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669,#047857)}.quote-success-modal-content{padding:48px 40px;text-align:center}.quote-success-icon-wrapper{display:flex;justify-content:center;margin-bottom:24px;animation:successBounce .6s cubic-bezier(.4,0,.2,1) .3s backwards}@keyframes successBounce{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.quote-success-icon{font-size:72px;width:112px;height:112px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b98126,#0596691a);border-radius:50%;box-shadow:0 12px 32px #10b98140,inset 0 2px 8px #10b9811a;border:3px solid rgba(16,185,129,.2);position:relative}.quote-success-icon:after{content:"";position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#10b9811a,#0596690d);animation:successPulse 2s ease-in-out infinite;z-index:-1}@keyframes successPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.quote-success-modal-content h3{font-size:26px;font-weight:800;color:#1e293b;margin:0 0 16px;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.2}.quote-success-modal-content p{font-size:15px;color:#64748b;margin:0 0 32px;line-height:1.6;font-weight:500}.quote-success-modal-actions{display:flex;gap:12px;justify-content:center}.quote-success-primary-button,.quote-success-secondary-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 28px;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.3px}.quote-success-primary-button:before,.quote-success-secondary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.quote-success-primary-button:hover:before,.quote-success-secondary-button:hover:before{left:100%}.quote-success-primary-button{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;box-shadow:0 8px 24px #10b9814d,0 4px 12px #0000001a}.quote-success-primary-button:hover{background:linear-gradient(135deg,#059669,#047857,#065f46);transform:translateY(-2px);box-shadow:0 12px 32px #10b98166,0 6px 16px #00000026}.quote-success-primary-button:active{transform:translateY(0)}.quote-success-secondary-button{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9e6);color:#475569;border:2px solid #e2e8f0;box-shadow:0 4px 12px #00000014}.quote-success-secondary-button:hover{background:linear-gradient(135deg,#f1f5f9fa,#e2e8f0f2);border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.quote-success-secondary-button:active{transform:translateY(0)}@media (max-width: 768px){.quote-invoice-loading-modal,.quote-success-modal{margin:20px}.quote-invoice-loading-modal,.quote-success-modal-content{padding:40px 32px}.quote-invoice-loading-content h3,.quote-success-modal-content h3{font-size:22px}.quote-invoice-loading-spinner{width:80px;height:80px;margin-bottom:24px}.quote-success-icon{font-size:64px;width:96px;height:96px}.quote-invoice-loading-step{padding:14px}.quote-invoice-loading-step-icon{width:42px;height:42px;font-size:20px}}@media (max-width: 480px){.quote-invoice-loading-overlay,.quote-success-overlay{padding:16px}.quote-invoice-loading-modal,.quote-success-modal-content{padding:32px 24px}.quote-invoice-loading-content h3,.quote-success-modal-content h3{font-size:20px}.quote-invoice-loading-spinner{width:72px;height:72px}.quote-success-icon{font-size:56px;width:88px;height:88px}.quote-success-modal-actions{flex-direction:column;gap:12px}.quote-success-primary-button,.quote-success-secondary-button{padding:14px 24px}.quote-invoice-loading-step{padding:12px;gap:12px}.quote-invoice-loading-step-icon{width:38px;height:38px;font-size:18px}.quote-invoice-loading-step span{font-size:14px}}.editor{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:var(--lumi-nav-height)}.editor-header{display:flex;align-items:center;padding:12px 24px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;position:relative;min-height:72px}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;width:100%;max-width:1200px}.header-center .title-section{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}.header-center .compact-view-btn{margin-left:auto;margin-right:0}.editor-header{display:flex;align-items:center;padding:16px 24px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;position:relative}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px}.back-btn{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;padding:10px 16px;cursor:pointer;transition:all .3s ease;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-1px);box-shadow:0 4px 15px #0003}.editor-header h1{color:#fff;margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.lumisketch-header-logo{height:40px;max-width:200px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .3s ease}.lumisketch-header-logo:hover{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));transform:scale(1.02)}.mockup-btn{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.mockup-btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff}.mockup-btn-secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-1px)}.mockup-btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.mockup-btn-primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 20px #e74c3c66}.mockup-btn-success{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;box-shadow:0 4px 15px #27ae604d}.mockup-btn-success:hover{background:linear-gradient(135deg,#219a52,#1e8449);transform:translateY(-1px);box-shadow:0 6px 20px #27ae6066}.editor-content{display:flex;flex:1;overflow:hidden}.editor-sidebar-left,.editor-sidebar-right{padding:20px;background:linear-gradient(145deg,#0000001a,#0000000d);border-right:1px solid rgba(255,255,255,.1);height:100%;overflow-y:auto;overflow-x:hidden;width:clamp(280px,25vw,380px);flex-shrink:0}.editor-sidebar-right{border-right:none;border-left:1px solid rgba(255,255,255,.1);padding:24px;margin-right:16px}.editor-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#ffffff0d,#ffffff05);min-width:300px;overflow:hidden;padding:16px}.mockup-canvas-engine{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:12px;overflow:hidden;box-shadow:inset 0 4px 20px #0003;background:linear-gradient(145deg,#ffffff0d,#ffffff05);display:flex;align-items:center;justify-content:center;position:relative}.mockup-design-canvas{border-radius:12px;max-width:100%;max-height:100%;object-fit:contain;display:block}@media (max-width: 1600px){.editor-sidebar-left,.editor-sidebar-right{width:clamp(280px,24vw,340px);padding:16px}.editor-sidebar-right{padding:18px;margin-right:12px}.mockup-tool-palette,.mockup-properties-panel{width:100%;max-width:none}}@media (max-width: 1200px){.editor-sidebar-left,.editor-sidebar-right{width:clamp(300px,26vw,350px);padding:15px}.editor-sidebar-right{padding:17px;margin-right:12px}.mockup-tool-palette,.mockup-properties-panel{width:100%;max-width:none}}@media (max-width: 1024px){.editor-sidebar-left,.editor-sidebar-right{width:clamp(320px,28vw,380px);padding:14px}.editor-sidebar-right{padding:16px;margin-right:10px}.editor-main{padding:10px}.mockup-tool-palette,.mockup-properties-panel{width:100%;max-width:none}.editor-header h1{font-size:20px}.header-right{gap:8px}.mockup-btn{padding:6px 12px;font-size:12px}}@media (max-width: 900px){.editor-content{flex-direction:column}.editor-sidebar-left,.editor-sidebar-right{width:100%;padding:10px;height:auto;max-height:200px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);order:0;overflow-y:auto}.editor-sidebar-left{order:1}.editor-main{order:2;min-height:50vh;padding:8px}.editor-sidebar-right{order:3;padding:10px;margin-right:0;border-left:none}.mockup-tool-palette,.mockup-properties-panel{width:100%;max-width:none;min-height:auto}.editor-header{padding:14px 18px}.editor-header h1{font-size:20px}.header-center{gap:6px}.lumisketch-header-logo{height:36px}}@media (max-width: 768px){.editor{padding-top:calc(var(--lumi-nav-height) + 10px)}.editor-header{padding:12px 16px;flex-direction:column;gap:12px;position:static}.header-center{position:static;transform:none;justify-content:center;gap:8px}.header-right{gap:8px;flex-wrap:wrap;justify-content:center}.editor-header h1{font-size:18px}.lumisketch-header-logo{height:32px}.editor-content{flex-direction:column;gap:8px}.editor-sidebar-left,.editor-sidebar-right{width:100%;padding:8px;border:none;border-bottom:1px solid rgba(255,255,255,.1);height:auto;max-height:180px}.mockup-tool-palette,.mockup-properties-panel{width:100%;min-height:auto;max-height:none}.editor-main{min-height:40vh;flex:1;padding:6px}.mockup-btn{padding:8px 12px;font-size:12px}}@media (max-width: 640px){.editor{padding-top:calc(var(--lumi-nav-height) + 5px)}.editor-header{padding:10px 12px}.editor-header h1{font-size:16px}.lumisketch-header-logo{height:28px}.editor-sidebar-left,.editor-sidebar-right{padding:10px;height:100%}.tool-palette,.properties-panel{max-height:none}.editor-main{min-height:350px}.editor-status{padding:6px 12px}.status-left span,.status-right span{font-size:11px;padding:4px 8px}.btn{padding:6px 10px;font-size:11px}}@media (max-width: 480px){.editor{padding-top:calc(var(--lumi-nav-height) + 5px)}.editor-header{padding:8px 10px;gap:8px}.header-center{gap:4px}.header-right{gap:6px}.editor-header h1{font-size:14px}.lumisketch-header-logo{height:24px}.project-id{font-size:12px;padding:4px 8px}.editor-sidebar-left,.editor-sidebar-right{padding:8px;height:100%}.tool-palette,.properties-panel{max-height:none}.editor-main{min-height:300px}.editor-status{padding:4px 8px}.status-left,.status-right{gap:4px}.status-left span,.status-right span{font-size:10px;padding:3px 6px}.btn{padding:5px 8px;font-size:10px}}@media (max-width: 360px){.editor-header h1{font-size:12px}.lumisketch-header-logo{height:20px}.project-id{font-size:10px;padding:2px 6px}.editor-sidebar-left,.editor-sidebar-right{padding:6px;height:100%}.tool-palette,.properties-panel{max-height:none}.editor-main{min-height:250px}.status-left span,.status-right span{font-size:9px;padding:2px 4px}.btn{padding:4px 6px;font-size:9px}}@media (min-width: 1440px){.editor-sidebar-left,.editor-sidebar-right{width:360px;padding:24px}.editor-sidebar-right{padding:28px;margin-right:20px}.mockup-tool-palette,.mockup-properties-panel{width:360px}.editor-header h1{font-size:26px}}@media (min-width: 1920px){.editor-sidebar-left,.editor-sidebar-right{width:400px;padding:28px}.editor-sidebar-right{padding:32px;margin-right:24px}.mockup-tool-palette,.mockup-properties-panel{width:400px}.editor-header h1{font-size:28px}}@media (max-width: 768px) and (orientation: portrait){.editor-main{min-height:500px}.editor-sidebar-left,.editor-sidebar-right{height:auto;max-height:300px}.tool-palette,.properties-panel{max-height:none}}@media (max-width: 1024px) and (orientation: landscape){.editor-main{min-height:350px}.editor-sidebar-left,.editor-sidebar-right{width:clamp(180px,15vw,220px);height:100%}.mockup-tool-palette,.mockup-properties-panel{height:100%}}@media (max-width: 1024px) and (max-height: 800px){.editor-sidebar-left,.editor-sidebar-right{width:300px;padding:12px;height:100%}.editor-sidebar-right{padding:14px;margin-right:8px}.editor-main{padding:8px}.editor-content{gap:8px}}@media (max-width: 1366px) and (min-width: 1025px) and (max-height: 800px){.editor-sidebar-left,.editor-sidebar-right{width:280px;padding:14px}.editor-sidebar-right{padding:16px;margin-right:10px}}@media (max-width: 1366px) and (min-width: 1025px){.editor-sidebar-left,.editor-sidebar-right{width:clamp(240px,18vw,280px);padding:16px}.editor-sidebar-right{padding:18px;margin-right:10px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mockup-design-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover: none) and (pointer: coarse){.mockup-tool-button,.mockup-color-option,.mockup-btn{min-height:48px;padding:12px}.mockup-tool-button{min-height:80px}.mockup-color-option{width:56px;height:56px}}@media (prefers-reduced-motion: reduce){.mockup-tool-button,.mockup-color-option,.mockup-btn,.mockup-animation-option{transition:none}.mockup-tool-button:before,.mockup-color-option:before,.mockup-btn:before,.mockup-animation-option:before{display:none}}.editor-sidebar-left::-webkit-scrollbar,.editor-sidebar-right::-webkit-scrollbar{width:0px;background:transparent}.editor-sidebar-left::-webkit-scrollbar-track,.editor-sidebar-right::-webkit-scrollbar-track{background:transparent}.editor-sidebar-left::-webkit-scrollbar-thumb,.editor-sidebar-right::-webkit-scrollbar-thumb{background:transparent}.editor-sidebar-left::-webkit-scrollbar-thumb:hover,.editor-sidebar-right::-webkit-scrollbar-thumb:hover{background:transparent}.editor-sidebar-left,.editor-sidebar-right{scrollbar-width:none}.editor-sidebar-left,.editor-sidebar-right{-ms-overflow-style:none}.login-prompt-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#6c5ce726,#5a4fcf40),#000000d9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.login-prompt-modal{background:linear-gradient(180deg,#fff,#fafbff);border-radius:20px;box-shadow:0 25px 70px #6c5ce740,0 10px 30px #0003;width:100%;max-width:500px;overflow:hidden;border:1px solid rgba(108,92,231,.1);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-40px) scale(.9) rotateX(10deg)}50%{opacity:.5;transform:translateY(-10px) scale(.98) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.login-prompt-header{display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;background:linear-gradient(135deg,#6c5ce70d,#5a4fcf05);border-bottom:2px solid rgba(108,92,231,.1);position:relative;overflow:hidden}.login-prompt-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6c5ce7,#a29bfe,#6c5ce7);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-prompt-header h2{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#6c5ce7,#5a4fcf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.close-button{background:none;border:none;font-size:20px;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#f7fafc;color:#2d3748}.login-prompt-body{padding:32px 24px;text-align:center}.login-prompt-icon{font-size:72px;color:#6c5ce7;margin-bottom:24px;display:flex;justify-content:center;position:relative;animation:iconBounce 2s ease-in-out infinite}.login-prompt-icon:before{content:"";position:absolute;width:100px;height:100px;background:radial-gradient(circle,rgba(108,92,231,.15) 0%,transparent 70%);border-radius:50%;z-index:-1;animation:pulse 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}.login-prompt-message{margin:0 0 24px;font-size:16px;color:#4a5568;line-height:1.6}.login-prompt-error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;text-align:center}.login-prompt-form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.login-prompt-input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:15px;transition:all .2s;font-family:inherit}.login-prompt-input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.login-prompt-input:disabled{background:#f7fafc;cursor:not-allowed}.login-prompt-divider{text-align:center;margin:16px 0;position:relative}.login-prompt-divider:before,.login-prompt-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e1e5e9}.login-prompt-divider:before{left:0}.login-prompt-divider:after{right:0}.login-prompt-divider span{color:#718096;font-size:14px;background:#fff;padding:0 12px;position:relative}.google-button{width:100%;padding:12px 24px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;color:#4a5568;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.google-button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.google-button:disabled{opacity:.6;cursor:not-allowed}.apple-button{width:100%;padding:12px 24px;border:none;border-radius:8px;background:#000;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.apple-button:hover:not(:disabled){background:#333;transform:translateY(-1px)}.apple-button:disabled{opacity:.6;cursor:not-allowed}.toggle-auth-button{background:none;border:none;color:#6c5ce7;font-size:14px;cursor:pointer;padding:8px;margin-bottom:16px;transition:all .2s}.toggle-auth-button:hover:not(:disabled){text-decoration:underline}.toggle-auth-button:disabled{opacity:.6;cursor:not-allowed}.login-prompt-benefits{display:flex;flex-direction:column;gap:14px;margin-top:28px;padding:24px;background:linear-gradient(135deg,#6c5ce708,#a29bfe0d);border-radius:16px;border:2px solid rgba(108,92,231,.1);position:relative;overflow:hidden}.login-prompt-benefits:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:slide 3s infinite}@keyframes slide{0%{left:-100%}50%,to{left:100%}}.benefit-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#000!important;text-align:left}.benefit-icon{width:26px;height:26px;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:0 4px 10px #6c5ce74d;transition:transform .2s ease}.benefit-item:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.login-prompt-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e1e5e9}.secondary-button,.primary-button{padding:12px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center;border:none}.secondary-button{background:#fff;border:2px solid #e1e5e9;color:#4a5568}.secondary-button:hover{background:#f7fafc;border-color:#cbd5e0}.primary-button{background:linear-gradient(135deg,#6c5ce7,#5a4fcf);border:none;color:#fff;box-shadow:0 4px 15px #6c5ce766;position:relative;overflow:hidden}.primary-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.primary-button:hover:before{left:100%}.primary-button:hover{background:linear-gradient(135deg,#5a4fcf,#4a3fb7);box-shadow:0 8px 20px #6c5ce780;transform:translateY(-2px)}.primary-button:active{transform:translateY(0);box-shadow:0 4px 10px #6c5ce766}@media (max-width: 640px){.login-prompt-overlay{padding:10px}.login-prompt-modal{max-width:95vw}.login-prompt-header,.login-prompt-body,.login-prompt-footer{padding-left:16px;padding-right:16px}.login-prompt-footer{flex-direction:column}.secondary-button,.primary-button{width:100%}.login-prompt-icon{font-size:56px}.benefit-item{font-size:14px}}.premium-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.premium-modal{background:linear-gradient(145deg,#fff,#fafafa);border-radius:24px;box-shadow:0 25px 60px #0000004d,0 0 0 1px #ffffff1a inset;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUpScale .4s cubic-bezier(.34,1.56,.64,1);position:relative;border:2px solid rgba(255,215,0,.2)}.premium-modal-close{position:absolute;top:16px;right:16px;background:#0000000d;border:none;font-size:28px;color:#666;cursor:pointer;padding:4px;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.premium-modal-close:hover{background:#0000001a;color:#333;transform:rotate(90deg)}.premium-modal-content{padding:40px 32px 24px;text-align:center}.premium-icon-wrapper{position:relative;margin:0 auto 24px;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.premium-icon{width:100px;height:100px;background:linear-gradient(145deg,#fff8e1,#fff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #ffc1074d,0 0 0 8px #ffd7001a,0 0 0 16px #ffd7000d;animation:pulse 2s ease-in-out infinite;position:relative;z-index:1}.premium-icon svg{width:50px;height:50px;filter:drop-shadow(0 4px 8px rgba(255,193,7,.4));animation:rotate 3s linear infinite}.premium-sparkle{position:absolute;font-size:20px;animation:sparkle 2s ease-in-out infinite;pointer-events:none}.sparkle-1{top:10px;right:10px;animation-delay:0s}.sparkle-2{bottom:10px;left:10px;animation-delay:.7s}.sparkle-3{top:15px;left:5px;animation-delay:1.4s}.premium-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,gold,orange);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:20px;box-shadow:0 4px 12px #ffc1074d;text-transform:uppercase;letter-spacing:.5px}.premium-badge-icon{font-size:16px;animation:bounce 2s ease-in-out infinite}.premium-badge-text{text-shadow:0 1px 2px rgba(0,0,0,.2)}.premium-modal-title{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#1a1a1a,#4a4a4a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;line-height:1.2}.premium-modal-description{font-size:1.05rem;color:#666;line-height:1.6;margin:0 0 32px}.premium-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;text-align:left}.premium-feature-item{display:flex;align-items:center;gap:10px;background:#ffd7000d;padding:12px 14px;border-radius:12px;font-size:.9rem;color:#333;font-weight:500;border:1px solid rgba(255,215,0,.15);transition:all .2s ease}.premium-feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffd70026}.feature-icon{font-size:20px;flex-shrink:0}.premium-offer-badge{position:relative;display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;margin-top:8px;overflow:hidden;box-shadow:0 4px 16px #667eea4d}.offer-badge-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.premium-modal-actions{display:flex;gap:12px;padding:24px 32px 32px;border-top:1px solid rgba(0,0,0,.06);margin-top:8px}.premium-btn{flex:1;padding:14px 24px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px}.premium-btn-secondary{background:#fff;color:#666;border:2px solid #e5e5e5}.premium-btn-secondary:hover{border-color:#d0d0d0;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.premium-btn-primary{background:linear-gradient(135deg,gold,orange);color:#fff;border:none;box-shadow:0 6px 20px #ffc10766;font-weight:700;position:relative;overflow:hidden}.premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffc10780}.premium-btn-primary:active{transform:translateY(0)}.btn-shine{position:absolute;top:-50%;left:-100%;width:50%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(45deg);animation:shine 3s infinite}.btn-text{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-arrow{font-size:1.2rem;transition:transform .3s ease;font-weight:700}.premium-btn-primary:hover .btn-arrow{transform:translate(4px)}@keyframes slideUpScale{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #ffc1074d,0 0 0 8px #ffd7001a,0 0 0 16px #ffd7000d}50%{transform:scale(1.05);box-shadow:0 15px 40px #ffc10766,0 0 0 12px #ffd70026,0 0 0 24px #ffd70014}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{left:-100%}to{left:200%}}@keyframes shine{0%{left:-100%}50%,to{left:200%}}@media (max-width: 768px){.premium-modal{margin:20px;max-width:calc(100vw - 40px);border-radius:20px}.premium-modal-content{padding:32px 24px 20px}.premium-icon-wrapper{width:100px;height:100px}.premium-icon{width:80px;height:80px}.premium-icon svg{width:40px;height:40px}.premium-modal-title{font-size:1.6rem}.premium-modal-description{font-size:.95rem}.premium-features{grid-template-columns:1fr;gap:10px}.premium-modal-actions{padding:0 24px 24px;flex-direction:column-reverse}.premium-btn{padding:12px 20px}}.premium-modal::-webkit-scrollbar{width:8px}.premium-modal::-webkit-scrollbar-track{background:#0000000d;border-radius:0 24px 24px 0}.premium-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,gold,orange);border-radius:4px}.premium-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,orange,gold)}.quote-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0bf2,#1a1a2eeb 30%,#16213ee6 70%,#0f0f23f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:modalFadeIn .3s ease-out}.quote-modal{background:linear-gradient(135deg,#ffffff26,#ffffff1a);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;width:100%;max-width:700px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #fff3;animation:modalSlideIn .4s ease-out;display:flex;flex-direction:column}.quote-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#667eeae6,#764ba2e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.quote-modal-title-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.quote-modal-title-section p{margin:0;opacity:.9;font-size:.9rem}.quote-modal-close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.25rem;position:relative;z-index:1000;flex-shrink:0}.quote-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.quote-modal-close-btn:active{transform:scale(.95)}.quote-modal-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#0000001a}.quote-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#4a5568}.quote-modal .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:quote-customization-spin 1s linear infinite;margin-bottom:1rem}.quote-modal-loading p{margin:0;font-size:1rem;opacity:.8}.info-banner{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.info-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.info-content h3{margin:0 0 .75rem;color:#fffffff2;font-size:1.1rem;font-weight:600}.info-content p{margin:0 0 1rem;color:#fffc;line-height:1.5;font-size:.9rem}.info-content ul{margin:0;padding-left:1.5rem;color:#ffffffb3;font-size:.85rem;line-height:1.4}.info-content li{margin-bottom:.5rem}.info-content li strong{color:#ffffffe6}.settings-section{margin-bottom:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.section-info h3{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:#fffffff2;font-size:1.25rem;font-weight:600}.section-info h3 svg{color:#667eea;font-size:1.5rem}.section-info p{margin:0;color:#ffffffb3;font-size:.9rem}.add-fee-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.add-fee-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.fee-rows{display:flex;flex-direction:column;gap:1rem}.fee-row{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease}.fee-row:hover{background:#ffffff26;border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a}.fee-name-input{flex:2}.fee-name-input input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.9rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;transition:all .3s ease}.fee-name-input input::placeholder{color:#ffffff80}.fee-name-input input:focus{outline:none;border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff26}.fee-amount-input{flex:1;position:relative;display:flex;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .3s ease}.fee-amount-input:focus-within{border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff26}.currency-symbol{background:#10b981;color:#fff;padding:.5rem .75rem;border-radius:6px;margin:.25rem;font-weight:600;font-size:.875rem}.fee-amount-input input{flex:1;padding:.75rem 1rem .75rem .5rem;border:none;background:transparent;font-size:.9rem;color:#fff}.fee-amount-input input::placeholder{color:#ffffff80}.fee-amount-input input:focus{outline:none}.remove-fee-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.25rem;flex-shrink:0}.remove-fee-btn:hover{background:#ef444433;transform:scale(1.05)}.empty-state{text-align:center;padding:2rem;color:#fff9}.empty-state svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h4{margin:0 0 .5rem;color:#fffc;font-size:1.1rem;font-weight:500}.percentage-input{position:relative;display:flex;align-items:center;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;transition:all .3s ease;max-width:300px}.percentage-input:focus-within{border-color:#06b6d499;box-shadow:0 0 0 3px #06b6d41a;background:#ffffff26}.percentage-input input{flex:1;padding:1rem;border:none;background:transparent;font-size:1rem;font-weight:500;color:#fff}.percentage-input input::placeholder{color:#ffffff80}.percentage-input input:focus{outline:none}.percentage-symbol{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1rem;border-radius:8px;margin:.25rem;font-weight:600}.quote-modal-footer{padding:1.5rem 2rem;background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:56px;box-shadow:0 8px 25px #11998e66}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #11998e99}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:quote-customization-spin 1s linear infinite}@keyframes quote-customization-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.quote-modal-overlay{padding:.5rem}.quote-modal{max-height:95vh}.quote-modal-header{padding:1.5rem 1rem 1rem}.quote-modal-content,.quote-modal-footer{padding:1rem}.info-banner{flex-direction:column;text-align:center}.section-header{flex-direction:column;gap:1rem;align-items:stretch}.fee-row{flex-direction:column;align-items:stretch}.fee-name-input,.fee-amount-input{flex:none}.remove-fee-btn{align-self:flex-end}.percentage-input{max-width:none}}@media (max-width: 480px){.quote-modal-header{padding:1rem .75rem .75rem}.quote-modal-title-section h2{font-size:1.25rem}.quote-modal-content,.quote-modal-footer{padding:.75rem}.settings-section,.info-banner{padding:1rem}.fee-row{padding:.75rem}}@media (prefers-reduced-motion: reduce){.quote-modal-overlay,.quote-modal{animation:none}.add-fee-btn:hover,.save-btn:hover{transform:none}}@media (prefers-contrast: high){.quote-modal{border:2px solid #000}.settings-section{border:2px solid #333}.fee-row{border:2px solid #666}}.notifications-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a0a0bf2,#1a1a2eeb 30%,#16213ee6 70%,#0f0f23f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:modalFadeIn .3s ease-out}.notifications-modal{background:linear-gradient(135deg,#ffffff26,#ffffff1a);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #fff3;animation:modalSlideIn .4s ease-out;display:flex;flex-direction:column}.notifications-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2rem 1rem;background:linear-gradient(135deg,#667eeae6,#764ba2e6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;position:relative;border-bottom:1px solid rgba(255,255,255,.1)}.notifications-modal-title-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.notifications-modal-title-section p{margin:0;opacity:.9;font-size:.9rem}.notifications-modal-close-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.25rem;position:relative;z-index:1000;flex-shrink:0}.notifications-modal-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.notifications-modal-close-btn:active{transform:scale(.95)}.notifications-modal-content{flex:1;overflow-y:auto;padding:1.5rem 2rem;background:#0000001a}.notifications-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#4a5568}.notifications-modal-loading .loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:notifications-settings-spin 1s linear infinite;margin-bottom:1rem}.notifications-modal-loading p{margin:0;font-size:1rem;opacity:.8;color:#fffc}.notifications-modal .info-banner{display:flex;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;margin-bottom:2rem;box-shadow:0 8px 32px #0000001a}.notifications-modal .info-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notifications-modal .info-content h3{margin:0 0 .75rem;color:#fffffff2;font-size:1.1rem;font-weight:600}.notifications-modal .info-content p{margin:0;color:#fffc;line-height:1.5;font-size:.9rem}.notifications-modal .settings-section{margin-bottom:2rem;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.notifications-modal .section-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem}.notifications-modal .section-info h3{display:flex;align-items:center;gap:.75rem;margin:0 0 .5rem;color:#fffffff2;font-size:1.25rem;font-weight:600}.notifications-modal .section-info h3 svg{color:#667eea;font-size:1.5rem}.notifications-modal .section-info p{margin:0;color:#ffffffb3;font-size:.9rem}.notifications-modal-footer{padding:1.5rem 2rem;background:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.notifications-modal .save-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;border:none;border-radius:12px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:56px;box-shadow:0 8px 25px #11998e66}.notifications-modal .save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 35px #11998e99}.notifications-modal .save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.notifications-modal .btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:notifications-settings-spin 1s linear infinite}.notifications-modal .toggle-setting{margin-top:1rem}.notifications-modal .toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:1rem;font-weight:500;color:#ffffffe6;-webkit-user-select:none;user-select:none}.notifications-modal .toggle-label input[type=checkbox]{display:none}.notifications-modal .toggle-slider{position:relative;width:50px;height:26px;background:#fff3;border-radius:13px;transition:all .3s ease;flex-shrink:0;border:1px solid rgba(255,255,255,.3)}.notifications-modal .toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.notifications-modal .toggle-label input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.notifications-modal .toggle-label input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px)}.notifications-modal .toggle-label input[type=checkbox]:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.notifications-modal .threshold-setting{margin-top:1.5rem;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.notifications-modal .threshold-label{display:block;margin-bottom:.75rem;font-size:.9rem;font-weight:500;color:#fffc}.notifications-modal .threshold-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;transition:all .3s ease;max-width:150px}.notifications-modal .threshold-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#ffffff26}.notifications-modal .threshold-input:disabled{opacity:.5;cursor:not-allowed}.notifications-modal .threshold-input option{background:#1a202c;color:#fff}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes notifications-settings-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.notifications-modal-overlay{padding:.5rem}.notifications-modal{max-height:95vh}.notifications-modal-header{padding:1.5rem 1rem 1rem}.notifications-modal-content,.notifications-modal-footer{padding:1rem}.notifications-modal .threshold-input{max-width:none}}@media (max-width: 480px){.notifications-modal-header{padding:1rem .75rem .75rem}.notifications-modal-title-section h2{font-size:1.25rem}.notifications-modal-content,.notifications-modal-footer,.notifications-modal .threshold-setting{padding:.75rem}}@media (prefers-reduced-motion: reduce){.notifications-modal-overlay,.notifications-modal{animation:none}.notifications-modal .save-btn:hover{transform:none}}@media (prefers-contrast: high){.notifications-modal{border:2px solid #000}.notifications-modal .settings-section{border:2px solid #333}.notifications-modal .threshold-setting{border:2px solid #666}}.lumisketch-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1rem}.lumisketch-spinner-container.lumisketch-spinner-inline{display:inline-flex;flex-direction:row;padding:0;gap:.5rem}.lumisketch-spinner{position:relative;display:flex;align-items:center;justify-content:center}.lumisketch-spinner-small{width:32px;height:32px}.lumisketch-spinner-medium{width:48px;height:48px}.lumisketch-spinner-large{width:64px;height:64px}.lumisketch-spinner-small .lumisketch-spinner-logo{width:20px;height:20px}.lumisketch-spinner-medium .lumisketch-spinner-logo{width:30px;height:30px}.lumisketch-spinner-large .lumisketch-spinner-logo{width:42px;height:42px}.lumisketch-spinner-logo{position:relative;z-index:2;object-fit:contain;animation:lumisketch-spinner-pulse 1.5s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}@keyframes lumisketch-spinner-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.lumisketch-spinner-ring{position:absolute;inset:0;border:2px solid transparent;border-top-color:#3b82f6;border-right-color:#3b82f6;border-radius:50%;animation:lumisketch-spinner-rotate 1s linear infinite}.lumisketch-spinner-small .lumisketch-spinner-ring{border-width:2px}.lumisketch-spinner-medium .lumisketch-spinner-ring,.lumisketch-spinner-large .lumisketch-spinner-ring{border-width:3px}@keyframes lumisketch-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lumisketch-spinner-message{font-size:.875rem;font-weight:500;color:#64748b;text-align:center}.lumisketch-spinner-inline .lumisketch-spinner-message{font-size:.875rem;line-height:1}@media (prefers-color-scheme: dark){.lumisketch-spinner-message{color:#94a3b8}.lumisketch-spinner-ring{border-top-color:#60a5fa;border-right-color:#60a5fa}.lumisketch-spinner-logo{filter:drop-shadow(0 2px 6px rgba(96,165,250,.3))}}.au-analytics-users{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;animation:au-fadeIn .3s ease-in-out}@keyframes au-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.au-invoice-status-filter{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px 24px;border-bottom:2px solid #e2e8f0}.au-invoice-status-filter h4{margin:0 0 14px;font-size:.875rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.au-invoice-status-filter h4:before{content:"";width:4px;height:18px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}.au-status-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.au-status-filter-tab{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.7rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;position:relative;overflow:hidden}.au-status-filter-tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#2563eb);transform:scaleX(0);transition:transform .3s ease}.au-status-filter-tab:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.au-status-filter-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #3b82f659;transform:translateY(-1px)}.au-status-filter-tab.active:before{transform:scaleX(1)}.au-summary-stats{padding:20px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.au-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.au-stat-card{background:linear-gradient(135deg,var(--stat-bg-from) 0%,var(--stat-bg-to) 100%);border:2px solid var(--stat-border);border-radius:12px;padding:16px 20px;text-align:center;transition:all .2s ease}.au-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.au-stat-card--users{--stat-bg-from: #f0f9ff;--stat-bg-to: #e0f2fe;--stat-border: #bae6fd;--stat-label-color: #0369a1;--stat-value-color: #0c4a6e}.au-stat-card--revenue{--stat-bg-from: #f0fdf4;--stat-bg-to: #dcfce7;--stat-border: #bbf7d0;--stat-label-color: #15803d;--stat-value-color: #14532d}.au-stat-card--quotes{--stat-bg-from: #fef3c7;--stat-bg-to: #fde68a;--stat-border: #fcd34d;--stat-label-color: #a16207;--stat-value-color: #713f12}.au-stat-card--inventory{--stat-bg-from: #f5f3ff;--stat-bg-to: #ede9fe;--stat-border: #d8b4fe;--stat-label-color: #7c3aed;--stat-value-color: #5b21b6}.au-stat-label{font-size:.7rem;font-weight:700;color:var(--stat-label-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.au-stat-value{font-size:1.75rem;font-weight:800;color:var(--stat-value-color);line-height:1.2}.au-users-controls{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:14px}.au-controls-left{display:flex;align-items:center;gap:12px;flex:1;flex-wrap:wrap}.au-search-filter{display:flex;align-items:center;gap:10px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:8px 14px;flex:1;min-width:280px;max-width:420px;transition:all .2s ease}.au-search-filter:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.au-search-filter svg{color:#94a3b8;font-size:1.1rem;flex-shrink:0;transition:color .2s ease}.au-search-filter:focus-within svg{color:#3b82f6}.au-search-filter input{border:none;background:none;outline:none;flex:1;font-size:.875rem;color:#1e293b;min-width:0}.au-search-filter input::placeholder{color:#94a3b8}.au-search-clear-btn{background:none;border:none;cursor:pointer;color:#94a3b8;display:flex;align-items:center;padding:4px;transition:color .2s ease;flex-shrink:0}.au-search-clear-btn:hover{color:#ef4444}.au-subscription-filter{display:flex;gap:6px;align-items:center}.au-subscription-btn{padding:8px 14px;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:600;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.au-subscription-btn:hover:not(.au-subscription-btn--active){border-color:#cbd5e1;background:#f8fafc}.au-subscription-btn--active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}.au-results-count{font-size:.8rem;color:#64748b;font-weight:600;white-space:nowrap;padding:6px 12px;background:#f1f5f9;border-radius:6px}.au-sort-controls{display:flex;align-items:center;gap:10px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:6px 12px;transition:all .2s ease}.au-sort-controls:hover{border-color:#cbd5e1}.au-sort-controls svg{color:#64748b;font-size:1rem}.au-sort-controls select{padding:6px 8px;border:none;background:none;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;outline:none}.au-sort-order-btn{padding:6px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.au-sort-order-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#3b82f6}.au-sort-order-btn svg{font-size:1rem}.au-users-table{overflow-x:auto;background:#fff}.au-table-header{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1.3fr) minmax(100px,.9fr) minmax(80px,.7fr) minmax(100px,.9fr) minmax(110px,.9fr) minmax(90px,.8fr) minmax(60px,.5fr);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:10;min-width:920px}.au-table-header>div{padding:12px 14px;border-right:1px solid #e2e8f0;font-weight:700;color:#475569;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.au-table-header>div:last-child{border-right:none;cursor:default;justify-content:center}.au-table-header>div:hover:not(:last-child){background:#3b82f60f;color:#3b82f6}.au-table-header>div.sorted{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-color:#93c5fd}.au-sort-indicator{display:flex;align-items:center;color:#3b82f6;font-size:.9rem}.au-table-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(160px,1.3fr) minmax(100px,.9fr) minmax(80px,.7fr) minmax(100px,.9fr) minmax(110px,.9fr) minmax(90px,.8fr) minmax(60px,.5fr);border-bottom:1px solid #f1f5f9;transition:all .15s ease;min-width:920px}.au-table-row:nth-child(2n){background:#fafbfc}.au-table-row:hover{background:linear-gradient(90deg,#f0f9ff,#e0f2fe);box-shadow:inset 3px 0 #3b82f6}.au-table-row>div{padding:12px 14px;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:center}.au-table-row>div:last-child{border-right:none;align-items:center}.au-col-user{flex-direction:row!important;align-items:center;gap:12px}.au-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#3b82f6;overflow:hidden;border:2px solid white;box-shadow:0 2px 6px #00000014;flex-shrink:0;transition:all .2s ease}.au-table-row:hover .au-user-avatar{box-shadow:0 3px 8px #3b82f640}.au-user-avatar img{width:100%;height:100%;object-fit:cover}.au-user-info{flex:1;min-width:0;overflow:hidden}.au-user-name{font-weight:600;color:#1e293b;font-size:.85rem;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.au-user-email-inline{font-weight:400;color:#64748b;font-size:.75rem}.au-user-id{font-size:.65rem;color:#94a3b8;font-family:Monaco,Menlo,Consolas,monospace;margin-top:2px;padding:2px 5px;background:#f1f5f9;border-radius:3px;display:inline-block;max-width:fit-content;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.au-col-business{font-size:.85rem}.au-business-name{font-weight:600;color:#1e293b;margin-bottom:2px;display:flex;align-items:center;gap:5px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.au-business-name svg{color:#3b82f6;font-size:.9rem;flex-shrink:0}.au-business-location{color:#64748b;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.au-col-revenue,.au-col-quotes,.au-col-inventory{text-align:center;align-items:center}.au-metric-value{font-weight:700;color:#1e293b;font-size:.9rem;margin-bottom:2px}.au-col-revenue .au-metric-value{color:#059669}.au-col-quotes .au-metric-value{color:#2563eb}.au-col-inventory .au-metric-value{color:#7c3aed;display:flex;align-items:center;gap:4px;justify-content:center}.au-col-inventory .au-metric-value svg{font-size:.95rem}.au-metric-sub{font-size:.7rem;color:#94a3b8;font-weight:500}.au-col-activity{font-size:.8rem;text-align:center;align-items:center}.au-activity-date{font-weight:600;color:#475569;margin-bottom:3px;display:flex;align-items:center;gap:4px;justify-content:center;font-size:.8rem}.au-activity-date svg{color:#3b82f6;font-size:.9rem}.au-activity-status{font-size:.6rem;color:#fff;padding:2px 8px;border-radius:10px;display:inline-block;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#94a3b8,#64748b)}.au-activity-status--active{background:linear-gradient(135deg,#10b981,#059669)}.au-col-data{text-align:center;align-items:center}.au-data-quality{display:flex;flex-direction:column;align-items:center;gap:4px}.au-quality-score{font-weight:700;color:#1e293b;font-size:.95rem}.au-quality-bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.au-quality-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px;transition:width .4s ease}.au-col-actions{text-align:center;align-items:center}.au-btn{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.au-btn-small{width:34px;height:34px;border-radius:8px}.au-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f640}.au-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 10px #3b82f666}.au-btn-primary:active{transform:translateY(0)}.au-btn-primary svg{font-size:1rem}.au-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-top:2px solid #e2e8f0}.au-pagination-info{font-size:.85rem;color:#64748b;font-weight:600}.au-pagination-controls{display:flex;gap:8px;align-items:center}.au-pagination-btn{padding:8px 14px;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:5px}.au-pagination-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.au-pagination-btn:disabled{background:#f1f5f9;color:#cbd5e1;cursor:not-allowed}.au-pagination-btn svg{font-size:.9rem}.au-pagination-numbers{display:flex;gap:4px}.au-page-btn{padding:8px 12px;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;min-width:38px;transition:all .2s ease}.au-page-btn:hover:not(.au-page-btn--active){border-color:#cbd5e1;background:#f8fafc}.au-page-btn--active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#2563eb}.au-empty-state{text-align:center;padding:60px 24px;color:#94a3b8}.au-empty-state svg{font-size:3.5rem;margin-bottom:16px;opacity:.4;color:#94a3b8}.au-empty-state h3{font-size:1.2rem;color:#475569;margin:0 0 8px;font-weight:600}.au-empty-state p{font-size:.9rem;color:#94a3b8;margin:0}.au-empty-state-btn{margin-top:16px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.au-empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f659}.au-user-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:au-fadeIn .2s ease-in-out}.au-modal-overlay{position:absolute;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.au-modal-content{position:relative;background:#fff;border-radius:16px;max-width:1000px;max-height:90vh;overflow:hidden;width:100%;box-shadow:0 25px 50px -12px #0006;animation:au-slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes au-slideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.au-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;flex-shrink:0}.au-modal-header-info h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#1e293b}.au-modal-header-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.au-status-badge{font-size:.7rem;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.4px}.au-status-badge--active{color:#059669;background:#d1fae5;border:2px solid #6ee7b7}.au-status-badge--inactive{color:#64748b;background:#f1f5f9;border:2px solid #e2e8f0}.au-user-id-badge{font-size:.65rem;color:#94a3b8;font-family:Monaco,Menlo,Consolas,monospace;background:#f1f5f9;padding:4px 8px;border-radius:6px}.au-close-modal{background:#fff;border:2px solid #e2e8f0;cursor:pointer;color:#64748b;padding:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;flex-shrink:0}.au-close-modal:hover{background:#fee2e2;border-color:#ef4444;color:#ef4444}.au-close-modal svg{font-size:1.1rem}.au-modal-body{padding:24px;overflow-y:auto;flex:1}.au-user-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.au-detail-section{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.au-detail-section:hover{box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.au-detail-section--full{grid-column:1 / -1}.au-detail-section h4{margin:0 0 14px;font-size:1rem;font-weight:700;color:#1e293b;display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.au-btn-close-metric{background:#fee2e2;border:none;color:#ef4444;font-size:1.1rem;font-weight:700;width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.au-btn-close-metric:hover{background:#ef4444;color:#fff}.au-detail-items{display:flex;flex-direction:column;gap:10px}.au-detail-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;transition:all .2s ease}.au-detail-item:hover{background:#f1f5f9;border-color:#cbd5e1}.au-detail-item .au-label{font-weight:600;color:#475569;font-size:.85rem;display:flex;align-items:center;gap:6px}.au-detail-item .au-label svg{color:#3b82f6;font-size:1rem}.au-detail-item .au-value{font-weight:600;color:#1e293b;font-size:.85rem;text-align:right}.au-metrics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.au-metric-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s ease}.au-metric-item:hover{border-color:#3b82f6;transform:translateY(-4px);box-shadow:0 8px 16px #3b82f633}.au-metric-item.selected{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;box-shadow:0 8px 20px #3b82f666}.au-metric-item svg{font-size:2rem;color:#3b82f6;transition:all .2s ease}.au-metric-item.selected svg{color:#fff;transform:scale(1.2)}.au-metric-item .au-metric-value{font-size:1.3rem;font-weight:700;color:#1e293b}.au-metric-item.selected .au-metric-value{color:#fff}.au-metric-item .au-metric-label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.au-metric-item.selected .au-metric-label{color:#ffffffe6}.au-collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.au-collection-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center;transition:all .2s ease}.au-collection-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.au-collection-name{font-weight:600;color:#475569;font-size:.8rem;margin-bottom:8px;text-transform:capitalize}.au-collection-count{font-size:1.5rem;font-weight:700;color:#3b82f6}.au-quotes-details,.au-inventory-details,.au-revenue-details{max-height:500px;overflow-y:auto;padding-right:8px}.au-quotes-details::-webkit-scrollbar,.au-inventory-details::-webkit-scrollbar,.au-revenue-details::-webkit-scrollbar{width:8px}.au-quotes-details::-webkit-scrollbar-track,.au-inventory-details::-webkit-scrollbar-track,.au-revenue-details::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.au-quotes-details::-webkit-scrollbar-thumb,.au-inventory-details::-webkit-scrollbar-thumb,.au-revenue-details::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.au-quotes-details::-webkit-scrollbar-thumb:hover,.au-inventory-details::-webkit-scrollbar-thumb:hover,.au-revenue-details::-webkit-scrollbar-thumb:hover{background:#94a3b8}.au-quotes-list,.au-inventory-list,.au-invoices-list{display:flex;flex-direction:column;gap:16px}.au-quote-item,.au-inventory-item,.au-invoice-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:16px;transition:all .2s ease}.au-quote-item:hover,.au-inventory-item:hover,.au-invoice-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translate(4px)}.au-quote-header,.au-inventory-header,.au-invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.au-quote-number,.au-item-name,.au-invoice-number{font-weight:700;color:#1e293b;font-size:1rem}.au-quote-total,.au-item-value,.au-invoice-total{font-weight:700;color:#10b981;font-size:1.1rem}.au-quote-details,.au-inventory-details .au-item-info,.au-invoice-details .au-invoice-info{display:flex;flex-direction:column;gap:8px;font-size:.85rem}.au-quote-info,.au-item-info,.au-invoice-info{display:flex;flex-wrap:wrap;gap:12px;color:#64748b}.au-quote-info span,.au-item-info span,.au-invoice-info span{display:flex;align-items:center;gap:4px}.au-quote-items,.au-invoice-items{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.au-items-count{font-weight:600;color:#475569}.au-items-total-value{font-weight:700;color:#3b82f6}.au-item-description{margin-top:8px;padding:10px;background:#f8fafc;border-radius:6px;font-size:.85rem;color:#475569;font-style:italic}.au-no-data{text-align:center;padding:40px 20px;color:#94a3b8;font-size:.9rem;font-style:italic}@media (max-width: 1400px){.au-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px){.au-user-detail-grid{grid-template-columns:1fr}}@media (max-width: 992px){.au-summary-grid{grid-template-columns:repeat(2,1fr)}.au-controls-left{flex-direction:column;align-items:stretch}.au-search-filter{max-width:none}.au-subscription-filter{flex-wrap:wrap}}@media (max-width: 768px){.au-analytics-users{border-radius:8px}.au-invoice-status-filter{padding:14px 16px}.au-status-filter-tabs{gap:6px}.au-status-filter-tab{padding:6px 10px;font-size:.65rem}.au-summary-grid{grid-template-columns:1fr 1fr;gap:12px}.au-stat-card{padding:12px 14px}.au-stat-value{font-size:1.4rem}.au-users-controls{padding:12px 16px}.au-users-table{overflow-x:scroll}.au-table-header,.au-table-row{min-width:920px}.au-pagination{flex-direction:column;gap:12px;padding:14px 16px}.au-modal-content{max-height:95vh;border-radius:12px;margin:10px}.au-modal-header{padding:14px 16px}.au-modal-header-info h3{font-size:1.1rem}.au-modal-body{padding:16px}.au-user-detail-grid{gap:14px;grid-template-columns:1fr}.au-detail-section{padding:14px}.au-metrics-summary{grid-template-columns:1fr}.au-collections-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.au-summary-grid{grid-template-columns:1fr}}.analytics-progress-container{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px #00000012;margin:20px 0;border:1px solid #e5e7eb}.analytics-progress-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.analytics-progress-info{flex:1}.analytics-progress-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:#1f2937}.analytics-progress-info p{margin:0;font-size:14px;color:#6b7280}.analytics-progress-info small{display:block;margin-top:4px;font-size:12px;color:#9ca3af}.progress-icon{font-size:32px;flex-shrink:0}.progress-icon.loading{color:#3b82f6;animation:spin 1s linear infinite}.progress-icon.processing{color:#8b5cf6;animation:pulse 2s ease-in-out infinite}.progress-icon.success{color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.analytics-progress-percentage{font-size:24px;font-weight:700;color:#1f2937;min-width:60px;text-align:right}.analytics-progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:999px;overflow:hidden;position:relative}.analytics-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:999px;position:relative;overflow:hidden}.analytics-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.performance-settings{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin:20px 0}.performance-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#1f2937}.performance-header svg{font-size:24px;color:#3b82f6}.performance-header h3{margin:0;font-size:18px;font-weight:600}.performance-info{background:#f8fafc;border-left:4px solid #3b82f6;padding:12px 16px;margin-bottom:24px;border-radius:4px}.performance-info p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.performance-controls{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.setting-group{display:flex;flex-direction:column;gap:8px}.setting-group label{font-weight:600;color:#374151;font-size:14px;display:flex;flex-direction:column;gap:4px}.setting-description{font-weight:400;color:#9ca3af;font-size:12px}.input-with-value{display:flex;align-items:center;gap:16px}.input-with-value input[type=range]{flex:1;height:6px;border-radius:3px;background:#e5e7eb;outline:none;appearance:none;-webkit-appearance:none}.input-with-value input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s ease}.input-with-value input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);background:#2563eb}.input-with-value input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .2s ease}.input-with-value input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);background:#2563eb}.value-display{min-width:60px;text-align:right;font-weight:600;color:#1f2937;font-size:14px}.setting-hint{font-size:13px;color:#6b7280;padding:4px 8px;background:#f9fafb;border-radius:4px;display:inline-block}.performance-estimate{background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:8px;padding:16px;text-align:center;margin-bottom:24px;color:#1e40af;font-size:15px}.performance-estimate strong{display:block;margin-bottom:4px;color:#1e3a8a}.performance-actions{display:flex;gap:12px;justify-content:flex-end}.performance-actions .btn{padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.performance-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px #3b82f633}.performance-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f64d}.performance-actions .btn-secondary{background:#fff;color:#6b7280;border:1px solid #d1d5db}.performance-actions .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 640px){.performance-settings{padding:16px}.performance-actions{flex-direction:column}.performance-actions .btn{width:100%;justify-content:center}}.admin-panel{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-content-wrapper{padding-top:50px}.admin-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.admin-header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.admin-header p{color:#666;font-size:1.1rem;margin:0}.admin-access-denied{text-align:center;padding:60px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.admin-access-denied h2{font-size:1.5rem;color:#ef4444;margin:0 0 12px}.admin-access-denied p{color:#666;margin:0}.admin-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.admin-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.admin-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.close-message{background:none;border:none;font-size:18px;cursor:pointer;padding:0;margin-left:12px;opacity:.7;transition:opacity .2s;color:#374151}.close-message:hover{opacity:1;color:#1a1a1a}.admin-tabs{display:flex;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;overflow:hidden}.admin-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:none;border:none;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500;color:#666;border-right:1px solid #e2e8f0}.admin-tab:last-child{border-right:none}.admin-tab:hover{background:#f8fafc;color:#374151}.admin-tab.active{background:#3b82f6;color:#fff}.admin-tab.active:hover{background:#2563eb}.admin-tab.active svg{color:#1a1a1a}.admin-tab.sponsors-link{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none}.admin-tab.sponsors-link:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.admin-tab.sponsors-link svg{color:#fff}.admin-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.admin-section{padding:24px;border-bottom:1px solid #f1f5f9}.admin-section:last-child{border-bottom:none}.section-header{margin-bottom:24px}.section-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 8px}.section-header p{color:#666;margin:0;font-size:.95rem}.user-form-section{margin-bottom:32px}.user-form-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.add-user-form{display:flex;flex-direction:column;gap:16px;max-width:500px}.users-list-section{margin-top:32px}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0}.user-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-start}.user-item:last-child{margin-bottom:0}.user-email{font-weight:600;color:#1a1a1a;margin-bottom:8px}.user-details{display:flex;gap:16px;font-size:.85rem;color:#666;margin-bottom:8px}.user-notes{font-size:.9rem;color:#1a1a1a;font-style:italic;background:#fff;padding:8px 12px;border-radius:4px;border:1px solid #e2e8f0}.edit-notes{margin-top:8px}.edit-notes textarea{width:100%;padding:8px;border:1px solid #d1d5db;border-radius:4px;font-size:.9rem;margin-bottom:8px}.edit-actions{display:flex;gap:8px}.user-actions{display:flex;gap:8px;margin-left:16px}.btn-small{padding:6px 12px;font-size:.8rem;border-radius:4px}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-success svg{color:#fff}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger svg{color:#fff}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px}.metric-icon{font-size:2rem;color:#1a1a1a}.metric-value{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.metric-label{font-size:.9rem;color:#666;font-weight:500}.analytics-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.detail-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.stats-list{display:flex;flex-direction:column;gap:12px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.stat-item:last-child{border-bottom:none}.stat-label{font-weight:500;color:#374151}.stat-value{font-weight:600;color:#1a1a1a}.config-sections{display:flex;flex-direction:column;gap:24px}.config-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.config-section h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.config-options{display:flex;flex-direction:column;gap:16px}.config-option{display:flex;align-items:center;gap:12px}.config-option label{font-weight:500;color:#374151;min-width:150px}.config-option input[type=checkbox]{width:16px;height:16px}.config-option input[type=number]{width:80px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px}.config-description{font-size:.85rem;color:#666;flex:1}.data-actions{display:flex;flex-direction:column;gap:24px}.action-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.action-group h3{font-size:1.2rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.action-buttons .btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.btn-warning svg{color:#fff}.audit-logs{max-height:600px;overflow-y:auto}.no-logs{text-align:center;padding:40px 20px;color:#666;background:#f8fafc;border-radius:8px}.logs-list{display:flex;flex-direction:column;gap:12px}.log-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.log-action{font-weight:600;color:#1a1a1a}.log-timestamp{font-size:.85rem;color:#666}.log-details{display:flex;flex-direction:column;gap:4px;font-size:.9rem}.log-user{color:#374151;font-weight:500}.log-description{color:#475569}.log-ip{color:#666;font-size:.8rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.95rem;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary svg{color:#fff}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-secondary svg{color:#374151}.btn:disabled{opacity:.5;cursor:not-allowed}.loading{text-align:center;padding:20px;color:#666}.no-users{text-align:center;padding:40px 20px;color:#666;background:#f8fafc;border-radius:8px;margin-bottom:16px}.refresh-btn{width:auto;margin-left:auto}@media (max-width: 768px){.admin-panel{padding:16px}.admin-tabs{flex-direction:column}.admin-tab{border-right:none;border-bottom:1px solid #e2e8f0}.admin-tab:last-child{border-bottom:none}.admin-section{padding:16px}.user-item{flex-direction:column;gap:12px}.user-actions{margin-left:0;justify-content:flex-end}.analytics-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto}.config-option{flex-direction:column;align-items:flex-start;gap:8px}.config-option label{min-width:auto}.log-header{flex-direction:column;align-items:flex-start;gap:4px}}.analytics-dashboard{padding:20px 0}.analytics-controls{margin-bottom:24px;padding:24px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000a}.analytics-controls>*{margin-bottom:0}.no-analytics{text-align:center;padding:40px;color:#666;font-style:italic}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:40px}.analytics-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;transition:box-shadow .2s ease}.analytics-card:hover{box-shadow:0 4px 12px #0000001a}.card-header{display:flex;align-items:center;gap:12px;padding:20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.card-header svg{font-size:24px;color:#3b82f6}.card-header h3{margin:0;font-size:1.2rem;font-weight:600;color:#1a1a1a}.card-content{padding:20px}.card-content p{color:#666;margin:0 0 16px;font-size:.9rem}.metric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.metric:last-child{border-bottom:none}.metric .label{font-weight:500;color:#374151}.metric .value{font-weight:600;color:#1a1a1a}.analytics-details{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:24px}.analytics-details h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.data-structure{background:#f8fafc;border-radius:8px;padding:20px}.structure-section h4{margin:0 0 12px;font-size:1.1rem;font-weight:600;color:#1a1a1a}.structure-section ul{margin:0;padding-left:20px}.structure-section li{margin-bottom:8px;color:#374151;line-height:1.4}.structure-section strong{color:#1a1a1a}@media (max-width: 768px){.analytics-grid{grid-template-columns:1fr}.analytics-card{margin:0 -10px}.card-header,.card-content{padding:16px}}.comprehensive-analytics{padding:20px 0}.analytics-controls{margin-bottom:30px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.analytics-tabs{display:flex;background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.analytics-tab{padding:12px 20px;background:none;border:none;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;color:#6b7280;border-right:1px solid #e5e7eb;display:flex;align-items:center;gap:8px;position:relative}.analytics-tab svg{font-size:18px;transition:transform .2s ease}.analytics-tab:last-child{border-right:none}.analytics-tab:hover{background:#f9fafb;color:#374151}.analytics-tab:hover svg{transform:scale(1.1)}.analytics-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.analytics-tab.active svg{color:#fff}.analytics-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.analytics-actions .btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.analytics-actions .btn svg{font-size:18px}.analytics-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 6px #3b82f640}.analytics-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #3b82f659;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.analytics-actions .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #3b82f640}.analytics-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.analytics-actions .btn-secondary{background:#fff;color:#374151;border:2px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.analytics-actions .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 8px #00000014}.analytics-actions .btn-secondary:active:not(:disabled){transform:translateY(0);background:#f3f4f6}.analytics-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.cache-status{font-size:13px;color:#4b5563;background:#fff;padding:16px 20px;border-radius:10px;border:2px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 4px #0000000d;flex:1;min-width:300px}.cache-status-header{display:flex;align-items:center;gap:8px}.cache-status-header strong{color:#374151;font-size:.9rem}.cache-status-details{line-height:1.5}.cache-status-error{margin-top:4px}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.current{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.status-badge.stale{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.status-badge.processing{background:#dbeafe;color:#1e40af;border:1px solid #60a5fa;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cache-status small{color:#666}.analytics-filters{display:flex;align-items:center;gap:16px}.time-filter-tabs{display:flex;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.time-filter-tab{padding:8px 16px;background:none;border:none;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500;color:#666;border-right:1px solid #e2e8f0}.time-filter-tab:last-child{border-right:none}.time-filter-tab:hover{background:#e2e8f0;color:#374151}.time-filter-tab.active{background:#3b82f6;color:#fff}.analytics-overview{display:flex;flex-direction:column;gap:40px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;transition:box-shadow .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a}.metric-card.primary{border-left:4px solid #3b82f6}.metric-card.success{border-left:4px solid #10b981}.metric-card.info{border-left:4px solid #06b6d4}.metric-card.warning{border-left:4px solid #f59e0b}.metric-icon{font-size:2.5rem;color:#1a1a1a;opacity:.8}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.metric-label{font-size:1rem;color:#666;font-weight:500;margin-bottom:4px}.status-filter-indicator{color:#3b82f6;font-weight:600;margin-left:8px}.metric-subtext{font-size:.85rem;color:#888}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.chart-container h3{margin:0 0 20px;font-size:1.2rem;font-weight:600;color:#1a1a1a;text-align:center}.recent-activity-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.recent-activity-section h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.activity-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center;transition:transform .2s ease}.activity-card:hover{transform:translateY(-2px)}.activity-icon{font-size:2rem;color:#3b82f6;margin-bottom:8px}.activity-value{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:4px}.activity-label{font-size:.9rem;color:#666;font-weight:500}.data-quality-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.data-quality-section h3{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.quality-metric{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.quality-label{font-weight:500;color:#374151;margin-bottom:8px;font-size:.9rem}.quality-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.quality-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:4px;transition:width .3s ease}.quality-value{font-size:.85rem;color:#666;text-align:center}.analytics-users{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.users-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-filter{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;flex:1;max-width:400px}.search-filter svg{color:#666}.search-filter input{border:none;background:none;outline:none;flex:1;font-size:.9rem}.sort-controls{display:flex;align-items:center;gap:12px}.sort-controls select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.9rem}.sort-order-btn{padding:8px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.sort-order-btn:hover{background:#f8fafc}.users-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-header{display:grid;grid-template-columns:200px 150px 100px 80px 100px 100px 80px 80px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.table-header>div{padding:12px 16px;border-right:1px solid #e2e8f0;font-weight:600;color:#374151;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:space-between}.table-header>div:last-child{border-right:none}.table-header>div.sorted{background:#f0f9ff;color:#1e40af;border-color:#3b82f6}.sort-indicator{display:flex;align-items:center;margin-left:4px;color:#3b82f6;font-size:.9rem}.table-row{display:grid;grid-template-columns:200px 150px 100px 80px 100px 100px 80px 80px;border-bottom:1px solid #f1f5f9;transition:background-color .2s ease}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.table-row>div{padding:16px;border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:center}.table-row>div:last-child{border-right:none}.col-user{flex-direction:row;align-items:center;gap:12px}.user-avatar{width:32px;height:32px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#666;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{flex:1}.user-name{font-weight:600;color:#1a1a1a;font-size:.9rem}.user-email-inline{font-weight:400;color:#666;font-size:.8rem}.user-id{font-size:.7rem;color:#888;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin-top:2px}.user-email{font-size:.8rem;color:#666}.col-business{font-size:.85rem}.business-name{font-weight:500;color:#1a1a1a;margin-bottom:2px}.business-location{color:#666}.col-revenue,.col-quotes,.col-inventory{text-align:center;font-size:.9rem}.metric-value{font-weight:600;color:#1a1a1a;font-size:.9rem}.metric-sub{font-size:.75rem;color:#666;margin-top:2px}.col-activity{font-size:.8rem;text-align:center}.activity-date{font-weight:500;color:#1a1a1a}.activity-status{font-size:.75rem;color:#666;margin-top:2px}.col-data{text-align:center}.data-quality{display:flex;flex-direction:column;align-items:center;gap:4px}.quality-score{font-weight:600;color:#1a1a1a;font-size:.9rem}.quality-bar{width:60px;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.quality-fill{height:100%;background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:3px}.col-actions{text-align:center}.analytics-performance{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.analytics-performance h3{margin:0 0 24px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.performance-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.performance-section h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:8px}.top-performers-list{display:flex;flex-direction:column;gap:12px}.performer-item{display:flex;align-items:center;gap:16px;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:transform .2s ease}.performer-item:hover{transform:translate(4px)}.rank{font-size:1.2rem;font-weight:700;color:#3b82f6;min-width:40px;text-align:center}.performer-info{flex:1}.performer-name{font-weight:500;color:#1a1a1a;margin-bottom:2px}.performer-metric{font-size:.9rem;color:#666}.analytics-geography{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.analytics-geography h3{margin:0 0 24px;font-size:1.3rem;font-weight:600;color:#1a1a1a}.geography-content{display:grid;grid-template-columns:2fr 1fr;gap:30px}.geography-chart{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.geography-stats{display:flex;flex-direction:column;gap:20px}.stat-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.stat-label{font-size:.9rem;color:#666;margin-bottom:8px}.stat-value{font-size:1.2rem;font-weight:600;color:#1a1a1a}.user-detail-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#00000080}.modal-content{position:relative;background:#fff;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;width:100%;box-shadow:0 20px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600;color:#1a1a1a}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-modal:hover{background:#f8fafc;color:#1a1a1a}.modal-body{padding:24px}.user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.detail-section h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1a1a1a}.detail-items{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.detail-item:last-child{border-bottom:none}.detail-item .label{font-weight:500;color:#374151;font-size:.9rem}.detail-item .value{font-weight:600;color:#1a1a1a;font-size:.9rem;text-align:right}.metrics-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.metric-item svg{font-size:1.5rem;color:#3b82f6}.metric-item div:last-child{flex:1}.collections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.collection-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;text-align:center}.collection-name{font-weight:500;color:#1a1a1a;font-size:.8rem;margin-bottom:4px;text-transform:capitalize}.collection-count{font-size:1.2rem;font-weight:600;color:#3b82f6}@media (max-width: 1024px){.charts-row,.geography-content,.user-detail-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header>div,.table-row>div{border-right:none;border-bottom:1px solid #f1f5f9;padding:8px 16px}.table-header>div:last-child,.table-row>div:last-child{border-bottom:none}}@media (max-width: 768px){.analytics-controls{flex-direction:column;align-items:stretch;gap:16px}.analytics-tabs{order:1;flex-direction:column}.analytics-tab{border-right:none;border-bottom:1px solid #e5e7eb}.analytics-tab:last-child{border-bottom:none}.analytics-actions{order:2;flex-direction:column}.analytics-actions .btn{width:100%;justify-content:center}.cache-status{min-width:unset}.metrics-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(2,1fr)}.quality-grid,.performance-sections{grid-template-columns:1fr}.users-controls{flex-direction:column;align-items:stretch}.search-filter{max-width:none}.modal-content{margin:10px;max-height:calc(100vh - 20px)}.modal-header,.modal-body{padding:16px}}.invoice-status-filter{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:30px}.invoice-status-filter h4{margin:0 0 16px;font-size:1.1rem;font-weight:600;color:#1a1a1a}.status-filter-tabs{display:flex;flex-wrap:wrap;gap:8px}.status-filter-tab{padding:8px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500;color:#666}.status-filter-tab:hover{background:#e2e8f0;color:#374151}.status-filter-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.control-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.9rem;cursor:pointer;transition:border-color .2s}.filter-select:focus{outline:none;border-color:#3b82f6}.export-btn{background:#10b981!important;color:#fff!important}.export-btn:hover:not(:disabled){background:#059669!important}.stats-row{margin-bottom:16px;padding:12px 0;border-bottom:1px solid #e2e8f0}.stats-info{font-size:.9rem;color:#666;font-weight:500}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable:hover{background:#e2e8f0!important}.plan-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize}.plan-badge.standard{background:#dbeafe;color:#1e40af}.plan-badge.pro{background:#fef3c7;color:#92400e}.plan-badge.sponsor{background:#ecfdf5;color:#065f46}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef3c7;color:#92400e}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.status-badge.expired{background:#f3f4f6;color:#374151}.overdue{color:#dc2626;font-weight:600}.action-btn{padding:6px 8px;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn.cancel{background:#fee2e2;color:#dc2626}.action-btn.cancel:hover{background:#fecaca}.action-btn.reactivate{background:#dcfce7;color:#166534}.action-btn.reactivate:hover{background:#bbf7d0}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:1.2rem;color:#374151}.empty-state p{margin:0;font-size:.9rem}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px 0}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;color:#374151}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#3b82f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:#666;font-weight:500}.events-list{display:flex;flex-direction:column;gap:16px}.event-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:box-shadow .2s}.event-item:hover{box-shadow:0 2px 8px #0000001a}.event-item.created{border-left:4px solid #10b981}.event-item.renewed{border-left:4px solid #3b82f6}.event-item.cancelled{border-left:4px solid #f59e0b}.event-item.expired{border-left:4px solid #6b7280}.event-item.payment_failed{border-left:4px solid #ef4444}.event-item.payment_succeeded{border-left:4px solid #10b981}.event-item.initial_purchase{border-left:4px solid #8b5cf6}.event-item.cancellation{border-left:4px solid #f59e0b}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.event-type{font-weight:600;font-size:.9rem}.event-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.event-badge.created{background:#dcfce7;color:#166534}.event-badge.renewed{background:#dbeafe;color:#1e40af}.event-badge.cancelled{background:#fef3c7;color:#92400e}.event-badge.expired{background:#f3f4f6;color:#374151}.event-badge.payment_failed{background:#fee2e2;color:#dc2626}.event-badge.payment_succeeded{background:#dcfce7;color:#166534}.event-badge.initial_purchase{background:#ede9fe;color:#5b21b6}.event-badge.cancellation{background:#fef3c7;color:#92400e}.event-timestamp{font-size:.8rem;color:#666}.event-details{display:flex;flex-direction:column;gap:8px}.event-email{font-weight:500;color:#1a1a1a;font-size:.9rem}.event-description{color:#374151;font-size:.9rem;line-height:1.4}.event-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.meta-item{font-size:.8rem;color:#666}.meta-item strong{color:#374151}.subscriptions-table .table-header,.subscriptions-table .table-row{grid-template-columns:300px 120px 100px 100px 120px 120px 80px}@media (max-width: 1024px){.subscriptions-table .table-header,.subscriptions-table .table-row{grid-template-columns:1fr;gap:8px}.subscriptions-table .table-header>div,.subscriptions-table .table-row>div{border-right:none;border-bottom:1px solid #f1f5f9;padding:8px 16px}.subscriptions-table .table-header>div:last-child,.subscriptions-table .table-row>div:last-child{border-bottom:none}.control-row{flex-direction:column;align-items:stretch}.filter-group{justify-content:center}.event-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 768px){.pagination{flex-direction:column;gap:12px}.pagination-info{order:-1}.event-meta{flex-direction:column;gap:4px}.meta-item{font-size:.75rem}}.email-marketing-tab{display:flex;flex-direction:column;gap:24px}.email-marketing-tab .tab-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.email-marketing-tab .header-content{display:flex;align-items:center;gap:16px}.email-marketing-tab .header-icon{font-size:32px;color:#667eea}.email-marketing-tab .header-content h2{margin:0;font-size:24px;font-weight:700;color:#1a202c}.email-marketing-tab .header-description{margin:4px 0 0;font-size:14px;color:#6b7280}.email-marketing-tab .header-actions{display:flex;align-items:center;gap:12px}.email-marketing-tab .export-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-marketing-tab .export-btn:hover{background-color:#059669}.email-marketing-tab .export-btn:disabled{opacity:.6;cursor:not-allowed}.email-marketing-tab .export-btn svg.spinning{animation:spin 1s linear infinite}.email-marketing-tab .refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.email-marketing-tab .refresh-btn:hover{background-color:#5568d3}.email-marketing-tab .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.email-marketing-tab .refresh-btn svg.spinning{animation:spin 1s linear infinite}.email-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-card.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.stat-card.processed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.stat-card svg{font-size:40px;color:#374151}.stat-card h3{margin:0;font-size:32px;font-weight:700;color:#1a202c}.stat-card p{margin:0;font-size:14px;color:#4b5563;font-weight:500}.section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.section-header h3{margin:0;font-size:18px;font-weight:600;color:#1a202c}.bulk-actions{display:flex;gap:12px}.select-all-btn,.process-selected-btn{padding:8px 16px;font-size:14px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.select-all-btn{background-color:#f3f4f6;color:#374151}.select-all-btn:hover{background-color:#e5e7eb}.process-selected-btn{display:flex;align-items:center;gap:6px;background-color:#10b981;color:#fff}.process-selected-btn:hover{background-color:#059669}.process-selected-btn:disabled{opacity:.6;cursor:not-allowed}.count-badge{padding:4px 12px;background-color:#e5e7eb;color:#374151;border-radius:12px;font-size:13px;font-weight:600}.loading-state{text-align:center;padding:40px;color:#6b7280;font-size:14px}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-state .empty-icon{font-size:48px;color:#d1d5db;margin-bottom:12px}.empty-state p{margin:0;font-size:14px}.email-list{display:flex;flex-direction:column;gap:12px}.email-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.email-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.email-item.blacklisted{background-color:#fef2f2;border-color:#fecaca}.email-checkbox{width:18px;height:18px;cursor:pointer}.email-info{display:flex;align-items:center;gap:12px;flex:1}.email-icon{font-size:20px;color:#6b7280}.email-address{font-size:14px;font-weight:500;color:#1a202c;word-break:break-all}.process-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.process-btn:hover:not(:disabled){background-color:#059669}.process-btn:disabled{opacity:.6;cursor:not-allowed}.status-badge{padding:4px 12px;background-color:#fee2e2;color:#991b1b;border-radius:12px;font-size:12px;font-weight:600}.more-indicator{text-align:center;padding:12px;color:#6b7280;font-size:13px;font-style:italic}.no-analytics{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:2px dashed #cbd5e1;margin:20px 0}.no-analytics-icon{font-size:64px;color:#94a3b8;margin-bottom:20px;animation:float 3s ease-in-out infinite}.no-analytics h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.no-analytics p{color:#64748b;font-size:16px;line-height:1.6;max-width:500px;margin:8px auto}.analytics-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px auto;max-width:500px;color:#dc2626;font-size:14px;text-align:left}.analytics-error strong{display:block;margin-bottom:4px;color:#991b1b}.cache-status{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d}.cache-status-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.cache-status-header strong{color:#374151;font-size:14px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.current{background-color:#d1fae5;color:#065f46}.status-badge.stale{background-color:#fef3c7;color:#92400e}.status-badge.processing{background-color:#dbeafe;color:#1e40af;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.cache-status-details{font-size:13px;color:#6b7280;line-height:1.5}.cache-status-details strong{color:#374151;font-weight:600}.cache-status-error{margin-top:8px;padding:8px 12px;background:#fef2f2;border-radius:6px}.admin-message{padding:14px 18px;border-radius:10px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000000d;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-message.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#166534}.admin-message.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#dc2626}@media (max-width: 768px){.email-marketing-tab .tab-header{flex-direction:column;align-items:flex-start;gap:16px}.email-stats{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.bulk-actions{width:100%;flex-direction:column}.select-all-btn,.process-selected-btn{width:100%;justify-content:center}.email-item{flex-wrap:wrap}.process-btn{width:100%;justify-content:center;margin-top:8px}.no-analytics{padding:40px 20px}.no-analytics-icon{font-size:48px}}.ticket-stats-bar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.stat-chip{display:flex;flex-direction:column;align-items:center;padding:12px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:80px}.stat-chip.open{border-left:3px solid #3b82f6}.stat-chip.in-progress{border-left:3px solid #f59e0b}.stat-chip.waiting{border-left:3px solid #8b5cf6}.stat-chip.resolved{border-left:3px solid #10b981}.stat-chip.closed{border-left:3px solid #6b7280}.stat-number{font-size:22px;font-weight:700;color:#1a1a1a}.stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ticket-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filter-search{flex:1 1 200px;padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff}.filter-search:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ticket-filters select{padding:9px 30px 9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ticket-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.status-open{background:#dbeafe;color:#1d4ed8}.status-in-progress{background:#fef3c7;color:#92400e}.status-waiting{background:#ede9fe;color:#6d28d9}.status-resolved{background:#d1fae5;color:#065f46}.status-closed{background:#f3f4f6;color:#4b5563}.priority-low{background:#f0fdf4;color:#166534}.priority-medium{background:#fefce8;color:#854d0e}.priority-high{background:#fff7ed;color:#c2410c}.priority-critical{background:#fef2f2;color:#dc2626}.tickets-table-wrapper{overflow-x:auto;border:1px solid #e2e8f0;border-radius:12px}.tickets-table{width:100%;border-collapse:collapse;font-size:14px}.tickets-table th{text-align:left;padding:12px 14px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tickets-table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#334155}.ticket-row{cursor:pointer;transition:background .12s}.ticket-row:hover{background:#f8fafc}.ticket-num-cell{font-family:SF Mono,Fira Code,monospace;font-weight:600;color:#6366f1;white-space:nowrap}.ticket-subject-cell .subject-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;max-width:260px}.ticket-submitter-cell{display:flex;flex-direction:column;gap:2px}.submitter-name{font-weight:600;font-size:13px}.submitter-email{font-size:11px;color:#94a3b8}.ticket-time-cell{white-space:nowrap;color:#94a3b8;font-size:12px}.tickets-loading,.no-tickets{padding:48px 24px;text-align:center;color:#64748b;font-size:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.ticket-detail-header{margin-bottom:24px}.back-btn{background:none;border:none;color:#6366f1;font-size:14px;font-weight:600;cursor:pointer;padding:0;margin-bottom:12px}.back-btn:hover{text-decoration:underline}.ticket-detail-title{display:flex;flex-direction:column;gap:6px}.ticket-number{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:#6366f1;font-weight:600}.ticket-detail-title h2{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.ticket-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-meta-text{font-size:13px;color:#64748b}.ticket-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:16px}.info-card h3{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 14px}.info-field{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.info-field:last-child{margin-bottom:0}.info-field .label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#94a3b8}.info-field .value{font-size:14px;color:#334155;word-break:break-word}.info-field .value a{color:#6366f1;text-decoration:none}.info-field .value a:hover{text-decoration:underline}.uid-value{font-family:SF Mono,Fira Code,monospace;font-size:12px}.description-value{white-space:pre-wrap;line-height:1.6}.admin-controls .control-group{margin-bottom:14px}.admin-controls .control-group label{display:block;font-size:12px;font-weight:600;color:#64748b;margin-bottom:4px}.admin-controls .control-group select,.admin-controls .control-group input,.admin-controls .control-group textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;background:#f8fafc;box-sizing:border-box}.admin-controls .control-group select:focus,.admin-controls .control-group input:focus,.admin-controls .control-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.admin-controls textarea{resize:vertical;min-height:60px}.save-changes-btn{width:100%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.save-changes-btn:hover:not(:disabled){background:#4f46e5}.save-changes-btn:disabled{opacity:.6;cursor:not-allowed}.notes-list{max-height:320px;overflow-y:auto;margin-bottom:14px}.notes-loading,.no-notes{font-size:13px;color:#94a3b8;padding:12px 0}.note-item{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;background:#fff}.note-item.internal{background:#fffbeb;border-color:#fcd34d}.note-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.note-author{font-size:12px;font-weight:600;color:#334155}.note-internal-badge{font-size:10px;padding:1px 6px;background:#fef3c7;color:#92400e;border-radius:8px;font-weight:600}.note-time{font-size:11px;color:#94a3b8;margin-left:auto}.note-content{font-size:13px;color:#334155;line-height:1.5;white-space:pre-wrap}.add-note-form textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;min-height:50px;box-sizing:border-box;background:#f8fafc}.add-note-form textarea:focus{outline:none;border-color:#6366f1;background:#fff}.add-note-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.internal-check{font-size:12px;color:#64748b;display:flex;align-items:center;gap:4px;cursor:pointer}.add-note-btn{padding:6px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.add-note-btn:hover:not(:disabled){background:#4f46e5}.add-note-btn:disabled{opacity:.5;cursor:not-allowed}.danger-zone{border-color:#fecaca;background:#fefefe}.danger-zone h3{color:#dc2626}.delete-ticket-btn{padding:8px 16px;background:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.delete-ticket-btn:hover{background:#fef2f2}.delete-confirm p{font-size:13px;color:#dc2626;margin:0 0 10px}.delete-actions{display:flex;gap:8px}.confirm-delete-btn{padding:7px 14px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}.confirm-delete-btn:hover{background:#b91c1c}.cancel-delete-btn{padding:7px 14px;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;cursor:pointer}@media (max-width: 900px){.ticket-detail-body{grid-template-columns:1fr}}@media (max-width: 640px){.ticket-stats-bar{gap:8px}.stat-chip{min-width:60px;padding:8px 12px}.ticket-filters{flex-direction:column}.filter-search{flex:1}}.crm-save-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000}.crm-save-modal{background:linear-gradient(135deg,#fffffff2,#ffffffe6);border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:600px;width:90%;max-height:80vh;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.crm-save-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#6c5ce71a,#5f3dc41a)}.crm-save-modal-header h2{margin:0;color:#2c3e50;font-size:24px;font-weight:600}.close-button{background:none;border:none;color:#666;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:#0000001a;color:#333}.close-button:disabled{opacity:.5;cursor:not-allowed}.crm-save-modal-body{padding:30px;max-height:60vh;overflow-y:auto}.save-options{text-align:center}.save-description{color:#555;font-size:16px;margin-bottom:30px;line-height:1.5}.save-option-cards{display:flex;flex-direction:column;gap:20px}.save-option-card{display:flex;align-items:center;padding:24px;border-radius:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;background:linear-gradient(135deg,#fffc,#fff9);box-shadow:0 4px 12px #0000001a}.save-option-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.save-option-card.customer-card{border-color:#6c5ce74d}.save-option-card.customer-card:hover{border-color:#6c5ce780;background:linear-gradient(135deg,#6c5ce71a,#5f3dc41a)}.save-option-card.files-card{border-color:#34a8534d}.save-option-card.files-card:hover{border-color:#34a85380;background:linear-gradient(135deg,#34a8531a,#2d8f471a)}.save-option-card.download-card{border-color:#4285f44d}.save-option-card.download-card:hover{border-color:#4285f480;background:linear-gradient(135deg,#4285f41a,#3472ce1a)}.save-option-card.disabled{opacity:.6;cursor:not-allowed;transform:none}.save-option-card.disabled:hover{transform:none;box-shadow:0 4px 12px #0000001a}.option-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin-right:20px;flex-shrink:0}.customer-card .option-icon{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff}.files-card .option-icon{background:linear-gradient(135deg,#34a853,#2d8f47);color:#fff}.download-card .option-icon{background:linear-gradient(135deg,#4285f4,#3474e0);color:#fff}.option-content h3{margin:0 0 8px;color:#2c3e50;font-size:18px;font-weight:600}.option-content p{margin:0;color:#666;font-size:14px;line-height:1.4}.option-arrow,.option-status{font-size:18px;font-weight:600;color:#666}.customer-selection{max-height:400px}.search-container{margin-bottom:20px}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#666;font-size:16px}.search-input{width:100%;padding:12px 15px 12px 45px;border:2px solid rgba(0,0,0,.1);border-radius:12px;font-size:16px;transition:all .2s ease;background:#fffc;color:#000}.search-input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.customers-list{max-height:300px;overflow-y:auto;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffff80}.customer-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.customer-item:last-child{border-bottom:none}.customer-item:hover{background:#6c5ce70d}.customer-item.selected{background:linear-gradient(135deg,#6c5ce71a,#5f3dc41a);border-left:4px solid #6C5CE7}.customer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:15px;flex-shrink:0}.customer-info{flex:1}.customer-name{font-weight:600;color:#2c3e50;margin-bottom:4px;font-size:16px}.customer-details{display:flex;flex-direction:column;gap:2px}.business-name{color:#666;font-size:14px;font-weight:500}.customer-email{color:#888;font-size:13px}.selection-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.selected-dot{width:12px;height:12px;border-radius:50%;background:#6c5ce7}.loading-customers{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.loading-spinner{width:32px;height:32px;border:3px solid rgba(108,92,231,.2);border-radius:50%;border-top-color:#6c5ce7;animation:crm-save-spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes crm-save-spin{to{transform:rotate(360deg)}}.no-customers{text-align:center;padding:40px 20px;color:#666;font-style:italic}.crm-save-modal-footer{padding:24px 30px;border-top:1px solid rgba(0,0,0,.1);background:#ffffff80}.customer-footer{display:flex;justify-content:space-between;align-items:center}.right-buttons{display:flex;gap:12px}.cancel-button,.back-button,.confirm-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancel-button{background:#fffc;color:#666;border:1px solid rgba(0,0,0,.1)}.cancel-button:hover{background:#ffffffe6;color:#333}.back-button{background:#fffc;color:#666;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.back-button:hover{background:#ffffffe6;color:#333}.confirm-button{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;box-shadow:0 4px 12px #6c5ce74d}.confirm-button:hover{background:linear-gradient(135deg,#5f3dc4,#4c2a85);transform:translateY(-1px);box-shadow:0 6px 16px #6c5ce766}.confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.crm-save-modal{width:95%;max-height:90vh}.crm-save-modal-header,.crm-save-modal-body,.crm-save-modal-footer{padding:20px}.save-option-cards{gap:16px}.save-option-card{padding:20px;flex-direction:column;text-align:center}.option-icon{margin-right:0;margin-bottom:16px}.option-content{text-align:center}.option-arrow,.option-status{margin-top:16px}.customer-footer{flex-direction:column;gap:16px}.right-buttons{width:100%;justify-content:space-between}.cancel-button,.back-button,.confirm-button{flex:1;text-align:center}}@media (max-width: 480px){.crm-save-modal-header h2{font-size:20px}.save-description{font-size:14px}.option-content h3{font-size:16px}.customer-item{padding:12px 16px}.customer-name{font-size:14px}}.mockup-tool-palette{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;padding:28px;width:100%;max-width:none;min-width:200px;min-height:500px;max-height:100%;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;position:relative;overflow-y:auto;overflow-x:hidden}.mockup-tool-palette::-webkit-scrollbar{width:0px;background:transparent}.mockup-tool-palette::-webkit-scrollbar-track{background:transparent}.mockup-tool-palette::-webkit-scrollbar-thumb{background:transparent}.mockup-tool-palette::-webkit-scrollbar-thumb:hover{background:transparent}.mockup-tool-palette{scrollbar-width:none}.mockup-tool-palette{-ms-overflow-style:none}.tool-palette:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.tool-palette-header{margin-bottom:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.tool-palette-header h3{color:#e74c3c;margin:0;font-size:16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:0 4px}.mockup-tool-button{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 10px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:70px;justify-content:space-between}.mockup-tool-button:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.mockup-tool-button.selected{background:linear-gradient(145deg,#e74c3c,#c0392b);border-color:#a93226;color:#fff;box-shadow:0 6px 20px #e74c3c66;transform:translateY(-1px)}.mockup-tool-button.selected:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.mockup-tool-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.mockup-tool-button:hover:before{left:100%}.tool-icon{font-size:22px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:16px;line-height:1}.tool-name{font-size:11px;font-weight:500;text-align:center;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;margin-top:auto}.mockup-tool-button.selected .tool-name{color:#fff;font-weight:600}.tool-info{background:linear-gradient(145deg,#0003,#0000001a);border-radius:10px;padding:18px;border:1px solid rgba(255,255,255,.05);margin-top:8px}.current-tool{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;color:#ffffffe6;font-size:14px}.current-tool strong{color:#e74c3c;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tool-display{color:#fff;font-weight:500;background:linear-gradient(135deg,#e74c3c33,#c0392b33);padding:10px 14px;border-radius:8px;border:1px solid rgba(231,76,60,.3);font-size:15px;text-align:center}.tool-description{color:#ffffffb3;font-size:13px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5);font-style:italic}.tool-palette-section{margin-top:24px;padding:16px;background:linear-gradient(145deg,#0000001a,#0000000d);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.tool-palette-section h4{color:#e74c3c;margin:0 0 12px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.mockup-tool-palette .mockup-color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(32px,1fr));gap:8px}.mockup-tool-palette .mockup-color-option{width:32px;height:32px;border-radius:8px;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mockup-tool-palette .mockup-color-option:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.mockup-tool-palette .mockup-color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #e74c3c,0 6px 20px #e74c3c66;transform:scale(1.1)}.mockup-tool-palette .mockup-color-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.mockup-tool-palette .mockup-color-option:hover:before{left:100%}.mockup-tool-palette .bulb-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mockup-tool-palette .bulb-type-option{width:48px;height:48px;border-radius:8px;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(145deg,#ffffff14,#ffffff05);display:flex;align-items:center;justify-content:center;font-size:16px;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2px}.tool-palette .bulb-type-option:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d;background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c4d}.tool-palette .bulb-type-option.selected{border-color:#fff;box-shadow:0 0 0 2px #e74c3c,0 6px 20px #e74c3c66;transform:scale(1.1);background:linear-gradient(145deg,#e74c3c33,#c0392b33);color:#fff}.tool-palette .bulb-type-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tool-palette .bulb-type-option:hover:before{left:100%}.bulb-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.tool-palette .bulb-type-option:hover .bulb-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.tool-palette .bulb-type-option.selected .bulb-svg{filter:drop-shadow(0 2px 6px rgba(231,76,60,.3))}.preset-mode-toggle{margin-bottom:16px;padding:0}.radio-label{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);padding:12px 16px;border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a}.radio-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,76,60,.1),rgba(241,196,15,.1),transparent);transition:left .6s ease}.radio-label:hover{color:#fff;background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c66;transform:translateY(-2px);box-shadow:0 8px 25px #0003,0 0 0 1px #e74c3c33}.radio-label:hover:before{left:100%}.radio-label input[type=checkbox]{display:none}.radio-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-radius:6px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#0003,#0000001a);box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000001a;flex-shrink:0}.radio-custom:before{content:"";position:absolute;inset:2px;border-radius:4px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.radio-label input[type=checkbox]:checked+.radio-custom{border-color:#e74c3c;background:linear-gradient(145deg,#e74c3c,#c0392b);box-shadow:0 0 0 3px #e74c3c33,0 6px 20px #e74c3c66,inset 0 1px #fff3;animation:checkboxCheckPulse .6s cubic-bezier(.34,1.56,.64,1)}.radio-label input[type=checkbox]:checked+.radio-custom:before{opacity:1;transform:scale(1)}.radio-label input[type=checkbox]:checked+.radio-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:checkmarkAppear .4s ease-out .2s both}.radio-label:hover input[type=checkbox]:checked+.radio-custom{background:linear-gradient(145deg,#c0392b,#a93226);box-shadow:0 0 0 4px #e74c3c4d,0 8px 25px #e74c3c80,inset 0 1px #ffffff4d}.radio-label input[type=radio]:checked~span{color:#fff;text-shadow:0 2px 8px rgba(231,76,60,.4)}.radio-label:after{content:"🎨";font-size:16px;opacity:.7;transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.radio-label:hover:after,.radio-label input[type=radio]:checked~*:after{opacity:1;transform:scale(1.1)}.current-preset-section{margin-top:16px;padding:12px;background:linear-gradient(145deg,#00000026,#00000014);border-radius:10px;border:1px solid rgba(255,255,255,.1)}.current-preset-section h5{color:#e74c3c;margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.current-preset-colors{display:flex;gap:6px;margin-bottom:8px;justify-content:center}.current-preset-color{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.3);transition:transform .2s ease;box-shadow:0 2px 6px #0003}.current-preset-color:hover{transform:scale(1.1)}.current-preset-name{color:#ffffffe6;font-size:11px;font-weight:600;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px}.preset-colors-panel{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(145deg,var(--glass-dark),var(--glass-medium));-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);border-radius:24px 24px 0 0;padding:24px;border:var(--border-glass);border-bottom:none;box-shadow:0 -20px 60px #0009,0 -8px 25px #e74c3c26,inset 0 1px #ffffff1a;z-index:1000;max-height:70vh;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.preset-colors-panel.open{transform:translateY(0)}.preset-colors-panel:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px;transition:all .3s ease}.preset-colors-panel:hover:before{background:#e74c3c99;width:60px}.preset-sheet-content{margin-top:16px;height:100%;display:flex;flex-direction:column}.preset-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.preset-sheet-title{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.5px;margin:0}.preset-close-btn{background:linear-gradient(135deg,#dc1414cc,#b81010cc);border:1px solid rgba(220,20,20,.6);color:#fff;width:32px;height:32px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.preset-close-btn:hover{background:linear-gradient(135deg,#dc1414,#b81010);transform:scale(1.1);box-shadow:0 4px 15px #dc141466}.preset-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;opacity:0;animation:overlayFadeIn .3s ease-out forwards}@keyframes overlayFadeIn{to{opacity:1}}.preset-info{margin-bottom:16px}.preset-info p{color:#fffc;font-size:13px;margin:0 0 12px;line-height:1.4}.preset-action-btn{display:block;width:100%;background:linear-gradient(135deg,#e74c3ccc,#c0392bcc);border:1px solid rgba(231,76,60,.5);color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:8px;text-align:center}.preset-action-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.preset-action-btn:last-child{margin-bottom:0}.preset-preview{background:linear-gradient(145deg,#0003,#0000001a);border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.05)}.preset-colors-row{display:flex;gap:4px;margin-bottom:8px;justify-content:center}.preset-color{width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.2);transition:transform .2s ease}.preset-color:hover{transform:scale(1.1)}.preset-label{color:#ffffffb3;font-size:11px;text-align:center;font-style:italic}.preset-strands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px;max-height:50vh;overflow-y:auto;padding:8px}.preset-strand-item{background:linear-gradient(145deg,#0003,#0000001a);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.preset-strand-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,76,60,.1),transparent);transition:left .5s ease}.preset-strand-item:hover{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-color:#e74c3c66;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.preset-strand-item:hover:before{left:100%}.preset-strand-item.selected{background:linear-gradient(145deg,#e74c3c33,#c0392b33);border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c4d,0 8px 25px #e74c3c66;animation:presetSelected .4s cubic-bezier(.34,1.56,.64,1)}@keyframes presetSelected{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.preset-strand-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.preset-icon{font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.preset-name{color:#ffffffe6;font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);flex:1;text-transform:uppercase;letter-spacing:.5px}.preset-strand-item.selected .preset-name{color:#fff;text-shadow:0 2px 4px rgba(231,76,60,.4)}.preset-colors-row{display:flex;gap:4px;justify-content:flex-start}.preset-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.2);transition:transform .2s ease;flex-shrink:0;box-shadow:0 2px 4px #0003}.preset-strand-item:hover .preset-color{transform:scale(1.1)}.preset-strand-item.selected .preset-color{border-color:#fff6;box-shadow:0 3px 8px #0000004d}.selected-preset-info{background:linear-gradient(145deg,#e74c3c26,#c0392b1a);border:1px solid rgba(231,76,60,.3);border-radius:12px;padding:16px;margin-top:16px}.preset-apply-section h5{color:#fff;font-size:14px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px}.preset-apply-section p{color:#fffc;font-size:12px;margin:0 0 12px;line-height:1.4;font-style:italic}.preset-apply-btn{display:block;width:100%;background:linear-gradient(135deg,#e74c3ce6,#c0392be6);border:1px solid rgba(231,76,60,.7);color:#fff;padding:12px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:8px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.preset-apply-btn:hover{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.preset-apply-btn.secondary{background:linear-gradient(135deg,#27ae60e6,#2e7d32e6);border-color:#27ae60b3}.preset-apply-btn.secondary:hover{background:linear-gradient(135deg,#27ae60,#2e7d32);box-shadow:0 6px 20px #27ae6066}.preset-apply-btn:last-child{margin-bottom:0}.preset-strands-grid::-webkit-scrollbar{width:0px;background:transparent}.preset-strands-grid::-webkit-scrollbar-track{background:transparent}.preset-strands-grid::-webkit-scrollbar-thumb{background:transparent}.preset-strands-grid::-webkit-scrollbar-thumb:hover{background:transparent}.preset-strands-grid{scrollbar-width:none}.preset-strands-grid{-ms-overflow-style:none}@media (max-width: 768px){.mockup-tool-palette{width:100%;max-width:none;min-width:auto;padding:15px;min-height:auto;max-height:250px;border-radius:16px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:8px}.mockup-tool-button{padding:10px 6px;min-height:60px}.tool-icon{font-size:18px;margin-bottom:8px}.tool-name{font-size:9px;letter-spacing:.3px}.tool-info{padding:12px;margin-top:4px}.current-tool{gap:6px;margin-bottom:8px;font-size:12px}.tool-display{padding:6px 8px;font-size:12px}.tool-description{font-size:11px;line-height:1.3}.preset-colors-panel{padding:12px}.preset-action-btn{padding:8px 10px;font-size:12px}.preset-colors-row{gap:3px}.preset-color{width:20px;height:20px}.radio-label{padding:10px 12px;font-size:11px;letter-spacing:.3px}.radio-label:after{font-size:12px}.radio-custom{width:16px;height:16px}.preset-strands-grid{max-height:200px;gap:8px;grid-template-columns:1fr}.preset-strand-item{padding:8px}.preset-name{font-size:10px}.preset-icon{font-size:12px}.preset-color{width:16px;height:16px}.selected-preset-info{padding:10px}.preset-apply-section h5{font-size:11px}.preset-apply-section p{font-size:10px}.preset-apply-btn{padding:8px 10px;font-size:10px}}.tool-palette-actions{margin-top:20px;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:16px}.action-button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:12px 10px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:70px;text-decoration:none;color:#ffffffe6;font-family:inherit;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.action-button:hover:before{left:100%}.action-button:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.action-button.undo-button:hover{border-color:#27ae6066;background:linear-gradient(145deg,#27ae601a,#27ae600d);box-shadow:0 8px 25px #27ae6026}.action-button.clear-button:hover{border-color:#dc354566;background:linear-gradient(145deg,#dc35451a,#dc35450d);box-shadow:0 8px 25px #dc354526}.action-icon{font-size:22px;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin-bottom:6px;line-height:1}.action-text{font-size:11px;font-weight:500;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-align:center;margin-top:auto}.action-button:hover .action-text{color:#fff;font-weight:600}.flipped-toggle{margin-bottom:16px;padding:0}.checkbox-label{display:flex;align-items:center;gap:12px;color:#ffffffe6;font-size:12px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);padding:12px 16px;border-radius:16px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0000001a}.checkbox-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,76,60,.1),rgba(241,196,15,.1),transparent);transition:left .6s ease}.checkbox-label:hover{color:#fff;background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c66;transform:translateY(-2px);box-shadow:0 8px 25px #0003,0 0 0 1px #e74c3c33}.checkbox-label:hover:before{left:100%}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-radius:6px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(145deg,#0003,#0000001a);box-shadow:inset 0 2px 4px #0003,0 2px 8px #0000001a;flex-shrink:0}.checkbox-custom:before{content:"";position:absolute;inset:2px;border-radius:4px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{border-color:#e74c3c;background:linear-gradient(145deg,#e74c3c,#c0392b);box-shadow:0 0 0 3px #e74c3c33,0 6px 20px #e74c3c66,inset 0 1px #fff3;animation:checkboxCheckPulse .6s cubic-bezier(.34,1.56,.64,1)}@keyframes checkboxCheckPulse{0%{transform:scale(1);box-shadow:0 0 #e74c3c66,0 6px 20px #e74c3c66,inset 0 1px #fff3}50%{transform:scale(1.15);box-shadow:0 0 0 8px #e74c3c33,0 8px 25px #e74c3c99,inset 0 1px #ffffff4d}to{transform:scale(1);box-shadow:0 0 0 3px #e74c3c33,0 6px 20px #e74c3c66,inset 0 1px #fff3}}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:before{opacity:1;transform:scale(1)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5);animation:checkmarkAppear .4s ease-out .2s both}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(-45deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.checkbox-label:hover input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(145deg,#c0392b,#a93226);box-shadow:0 0 0 4px #e74c3c4d,0 8px 25px #e74c3c80,inset 0 1px #ffffff4d}.checkbox-text{flex:1;color:#ffffffe6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.checkbox-label:hover .checkbox-text{color:#fff;text-shadow:0 2px 8px rgba(231,76,60,.4)}.checkbox-label input[type=checkbox]:checked~.checkbox-text{color:#fff;text-shadow:0 2px 8px rgba(231,76,60,.4)}.color-picker-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:linear-gradient(145deg,#0000001a,#0000000d);border-radius:12px;border:1px solid rgba(255,255,255,.05)}.color-picker-section label{color:#ffffffe6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5);margin:0}.custom-color-picker{width:200px!important;height:200px!important;border-radius:8px!important;box-shadow:0 8px 32px #0006,inset 0 2px 4px #ffffff1a;border:3px solid rgba(255,255,255,.2)!important;background:linear-gradient(145deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.custom-color-picker:hover{box-shadow:0 12px 40px #00000080,inset 0 2px 4px #ffffff26;border-color:#e74c3c66!important;transform:scale(1.05)}.rgb-color-button{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;background:conic-gradient(from 0deg,#f009,#ff800099,#ff09,#80ff0099,#0f09,#00ff8099,#0ff9 360deg);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.rgb-color-button:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d;border-color:#fff6}.rgb-color-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.rgb-color-button:hover:before{left:100%}.rgb-icon{color:#fff;font-size:8px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:1;position:relative;background:#0000004d;padding:2px 4px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.current-color-display{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px;padding:12px;background:linear-gradient(145deg,#0000001a,#0000000d);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.current-color-preview{width:40px;height:40px;border-radius:8px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003;transition:all .3s ease}.current-color-preview:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.current-color-label{color:#fffc;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-picker-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn .3s ease-out}.color-picker-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.color-picker-content{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080;min-width:300px;text-align:center}.color-picker-title{color:#e74c3c;margin:0 0 20px;font-size:18px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.color-picker-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.color-picker-submit,.color-picker-cancel{padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.color-picker-submit{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.color-picker-submit:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.color-picker-cancel{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#ffffffe6;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.color-picker-cancel:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-2px);box-shadow:0 4px 15px #0003}.decoration-buttons{display:flex;flex-direction:column;gap:12px}.decoration-button{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.decoration-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.decoration-button:hover:before{left:100%}.decoration-button:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026;color:#fff}.decoration-button.selected{background:linear-gradient(145deg,#e74c3c,#c0392b);border-color:#a93226;color:#fff;box-shadow:0 6px 20px #e74c3c66;transform:translateY(-1px)}.decoration-button.selected:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.decoration-icon{font-size:20px;margin-right:12px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.decoration-text{flex:1;text-align:center}.decoration-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-top:12px}.decoration-asset-button{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 6px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:80px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.decoration-asset-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.decoration-asset-button:hover:before{left:100%}.decoration-asset-button:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#e74c3c4d;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.decoration-asset-button.selected{background:linear-gradient(145deg,#e74c3c,#c0392b);border-color:#a93226;color:#fff;box-shadow:0 6px 20px #e74c3c66;transform:translateY(-1px)}.decoration-asset-button.selected:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.asset-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border-radius:4px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.asset-icon img{width:100%;height:100%;object-fit:cover;border-radius:3px;transition:transform .2s ease}.decoration-asset-button:hover .asset-icon img{transform:scale(1.05)}.asset-name{font-size:9px;font-weight:500;text-align:center;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);text-transform:uppercase;letter-spacing:.5px;line-height:1.1;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.decoration-asset-button.selected .asset-name{color:#fff;font-weight:600}@media (max-width: 1024px){.mockup-tool-palette{padding:18px;min-height:400px;border-radius:16px}.tool-section{margin-bottom:16px}.tool-section h3{font-size:12px;margin-bottom:8px}.tool-buttons-grid{gap:8px}.mockup-tool-button{min-height:60px;padding:8px;border-radius:8px}.tool-icon{font-size:18px;margin-bottom:4px}.tool-label{font-size:10px}}@media (max-width: 768px){.mockup-tool-palette{padding:12px;min-height:300px;border-radius:12px}.tool-section{margin-bottom:12px}.mockup-tool-button{min-height:50px;padding:6px}.tool-icon{font-size:16px}.tool-label{font-size:9px}}.sequencing-toggle-compact{margin-top:12px}.sequencing-toggle-btn-compact{width:100%;background:linear-gradient(135deg,#8b45ff26,#ff6bff26);border:1px solid rgba(139,69,255,.3);border-radius:12px;padding:10px 12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffffe6}.sequencing-toggle-btn-compact:hover{background:linear-gradient(135deg,#8b45ff40,#ff6bff40);border-color:#8b45ff80}.sequencing-toggle-btn-compact.active{background:linear-gradient(135deg,#8b45ff59,#ff6bff59);border-color:#8b45ff99;box-shadow:0 2px 8px #8b45ff4d}.sequencing-icon-compact{font-size:16px}.sequencing-label-compact{flex:1;font-weight:600}.sequence-editor-compact{margin-top:12px;background:linear-gradient(145deg,#1e1e2d99,#14142399);border-radius:12px;border:1px solid rgba(139,69,255,.3);padding:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sequence-editor-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(139,69,255,.2)}.sequence-title-compact{color:#ffffffe6;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sequence-close-compact{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#fffc;font-size:16px;cursor:pointer;transition:all .3s ease}.sequence-close-compact:hover{background:#ff64644d;border-color:#ff646480}.sequence-slots-compact{display:flex;gap:8px;margin-bottom:12px}.sequence-slot-compact-wrapper{flex:1;display:flex;flex-direction:column;gap:8px}.sequence-slot-compact{width:100%;height:60px;border-radius:10px;border:2px solid rgba(139,69,255,.3);background:linear-gradient(145deg,#ffffff0d,#ffffff05);cursor:pointer;transition:all .3s ease;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}.sequence-slot-compact:hover{border-color:#8b45ff80;background:linear-gradient(145deg,#ffffff14,#ffffff0a)}.sequence-slot-compact.editing{border-color:#8b45ffb3;box-shadow:0 0 12px #8b45ff66}.sequence-slot-compact.filled{padding:0}.sequence-color-swatch{width:100%;height:100%;border-radius:8px}.sequence-slot-number-compact{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.sequence-remove-compact{position:absolute;top:4px;left:4px;background:#ff3232e6;border:none;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;opacity:0}.sequence-slot-compact:hover .sequence-remove-compact{opacity:1}.sequence-remove-compact:hover{background:#ff1414}.sequence-slot-empty-compact{font-size:24px;color:#fff6}.sequence-slot-label-compact{font-size:10px;color:#ffffff80;font-weight:600}.sequence-picker-compact{background:#141423f2;border-radius:8px;padding:8px;border:1px solid rgba(139,69,255,.3)}.sequence-picker-compact .react-colorful{width:100%!important;height:100px!important}.sequence-quick-compact{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-bottom:12px}.sequence-quick-color-compact{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.sequence-quick-color-compact:hover{transform:scale(1.1);border-color:#ffffff80;box-shadow:0 2px 8px #0000004d}.sequence-pattern-compact{display:flex;gap:4px;flex-wrap:wrap;padding:8px;background:#0000004d;border-radius:8px;justify-content:center}.sequence-pattern-dot-compact{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000004d}:root{--christmas-red: #e74c3c;--christmas-red-dark: #c0392b;--christmas-green: #27ae60;--christmas-gold: #f1c40f;--christmas-white: #ffffff;--glass-white: rgba(255, 255, 255, .15);--glass-dark: rgba(15, 25, 40, .95);--glass-medium: rgba(25, 35, 50, .9);--shadow-primary: 0 25px 80px rgba(0, 0, 0, .5);--shadow-secondary: 0 8px 25px rgba(231, 76, 60, .15);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .1);--border-glass: 1px solid rgba(255, 255, 255, .15);--blur-strong: blur(30px) saturate(1.4);--transition-smooth: all .4s cubic-bezier(.25, .8, .25, 1);--transition-quick: all .2s cubic-bezier(.34, 1.56, .64, 1)}.mockup-properties-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(145deg,var(--glass-dark),var(--glass-medium));-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);border-radius:24px;padding:28px;width:100%;max-width:none;min-width:200px;height:100%!important;min-height:100vh;border:var(--border-glass);box-shadow:var(--shadow-primary),var(--shadow-secondary),var(--shadow-inset);position:relative;overflow:hidden;overflow-y:auto;transition:var(--transition-smooth);flex:1;box-sizing:border-box}.mockup-properties-panel:after{content:"";position:absolute;top:20%;left:-30%;width:160%;height:120%;background:radial-gradient(ellipse at center,rgba(231,76,60,.06) 0%,rgba(39,174,96,.04) 40%,transparent 70%);animation:ambientGlow 6s ease-in-out infinite alternate;pointer-events:none;border-radius:50%}@keyframes ambientGlow{0%{transform:scale(.9) rotate(0);opacity:.4}to{transform:scale(1.1) rotate(5deg);opacity:.7}}.panel-header{margin-bottom:32px;text-align:center;border-bottom:2px solid transparent;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent) bottom/100% 1px no-repeat;padding-bottom:24px;position:relative;z-index:2}.panel-header:before{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--christmas-red),var(--christmas-gold),var(--christmas-green));border-radius:3px;box-shadow:0 4px 12px #e74c3c66}.panel-header h3{color:var(--christmas-white);margin:0 0 16px;font-size:28px;font-weight:800;text-shadow:0 4px 12px rgba(0,0,0,.6),0 2px 4px rgba(231,76,60,.3);letter-spacing:1.2px;position:relative}.selection-count{color:var(--christmas-white);font-size:14px;font-weight:600;background:linear-gradient(135deg,#e74c3c4d,#27ae604d);padding:8px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 20px #0000004d,inset 0 1px #fff3;display:inline-block;position:relative;overflow:hidden}.selection-count:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.selection-count:hover:before{left:100%}.view-control-group{margin-bottom:24px;position:relative;z-index:2}.view-control-label{color:var(--christmas-white);font-size:15px;font-weight:600;margin-bottom:12px;display:block;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.5px;text-transform:uppercase}.radio-group{display:flex;flex-direction:column;gap:12px;background:linear-gradient(145deg,#00000026,#0000000d);padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.radio-option{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px;border-radius:12px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);transition:var(--transition-quick);position:relative;overflow:hidden}.radio-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(231,76,60,.1),transparent);transition:left .5s ease}.radio-option:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#e74c3c66;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.radio-option:hover:before{left:100%}.radio-option input[type=radio]{appearance:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;cursor:pointer;position:relative;margin:0;transition:var(--transition-quick)}.radio-option input[type=radio]:checked{border-color:var(--christmas-red);background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));box-shadow:0 0 0 3px #e74c3c33,0 6px 15px #e74c3c4d;animation:radioSelect .3s cubic-bezier(.34,1.56,.64,1)}@keyframes radioSelect{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.radio-option input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000004d}.radio-text{color:var(--christmas-white);font-size:14px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.3px}.night-view-checkbox{appearance:none;width:22px;height:22px;border:2px solid rgba(255,255,255,.5);border-radius:6px;background:transparent;cursor:pointer;position:relative;margin:0 12px 0 0;transition:var(--transition-quick)}.night-view-checkbox:checked{border-color:var(--christmas-red);background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));box-shadow:0 0 0 3px #e74c3c33,0 6px 15px #e74c3c4d;animation:checkboxSelect .3s cubic-bezier(.34,1.56,.64,1)}@keyframes checkboxSelect{0%{transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0)}}.night-view-checkbox:checked:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.5)}.checkbox-text{color:var(--christmas-white);font-size:15px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.3px}.view-control-label{display:flex;align-items:center;cursor:pointer;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.12);transition:var(--transition-quick);margin-bottom:0;position:relative;overflow:hidden}.view-control-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(39,174,96,.1),transparent);transition:left .5s ease}.view-control-label:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);border-color:#27ae6066;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.view-control-label:hover:before{left:100%}.animation-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;padding:16px;background:linear-gradient(145deg,#00000026,#0000000d);border-radius:16px;border:1px solid rgba(255,255,255,.08)}.animation-btn{padding:14px 16px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);font-size:13px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;letter-spacing:.3px;text-transform:uppercase}.animation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(241,196,15,.2),transparent);transition:left .4s ease}.animation-btn:hover{background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#f1c40f80;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px #0000004d}.animation-btn:hover:before{left:100%}.animation-btn.selected{background:linear-gradient(145deg,var(--christmas-red),var(--christmas-red-dark));border-color:#a93226cc;color:#fff;box-shadow:0 0 0 3px #e74c3c4d,0 15px 40px #e74c3c66;animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 0 3px #e74c3c4d,0 15px 40px #e74c3c66}50%{box-shadow:0 0 0 6px #e74c3c33,0 20px 50px #e74c3c99}}.animation-btn.selected:hover{background:linear-gradient(145deg,var(--christmas-red-dark),rgba(169,50,38,1));transform:translateY(-3px) scale(1.05)}.no-selection{text-align:center;padding:50px 24px;color:#ffffffb3;background:linear-gradient(145deg,#0000001a,#00000008);border-radius:20px;border:1px solid rgba(255,255,255,.08);margin:20px 0}.no-selection-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.no-selection p{margin:0;font-size:16px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.3px}.property-section,.properties-section{margin-bottom:16px;padding:12px;background:linear-gradient(145deg,#00000026,#0000000d);border-radius:18px;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.property-section:before,.properties-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--christmas-red),var(--christmas-gold),var(--christmas-green));opacity:.6}.property-section h4,.properties-section h4{color:var(--christmas-white);margin:0 0 16px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.7);background:linear-gradient(135deg,var(--christmas-red),var(--christmas-white));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mockup-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;background:linear-gradient(145deg,#0000001a,#00000008);border-radius:14px;border:1px solid rgba(255,255,255,.05)}.mockup-color-option{width:48px;height:48px;border-radius:12px;border:2px solid rgba(255,255,255,.3);cursor:pointer;transition:var(--transition-quick);position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.mockup-color-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.mockup-color-option:hover{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 25px #0006,0 0 0 3px #ffffff4d;border-color:#fff9}.mockup-color-option:hover:before{left:100%}.mockup-color-option.selected{border-color:var(--christmas-white);box-shadow:0 0 0 3px var(--christmas-red),0 0 0 6px #e74c3c4d,0 12px 30px #e74c3c80;transform:scale(1.2);animation:colorSelect .5s cubic-bezier(.34,1.56,.64,1)}@keyframes colorSelect{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1.2) rotate(0)}}.size-control{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(145deg,#0000001a,#00000008);border-radius:14px;border:1px solid rgba(255,255,255,.05)}.size-slider{flex:1;height:8px;border-radius:4px;background:linear-gradient(135deg,#ffffff26,#ffffff0d);outline:none;cursor:pointer;border:1px solid rgba(255,255,255,.1)}.size-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));cursor:pointer;box-shadow:0 0 0 3px #e74c3c33,0 6px 15px #e74c3c66;border:2px solid rgba(255,255,255,.3);transition:var(--transition-quick)}.size-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 5px #e74c3c4d,0 8px 20px #e74c3c99}.size-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));cursor:pointer;box-shadow:0 0 0 3px #e74c3c33,0 6px 15px #e74c3c66;border:2px solid rgba(255,255,255,.3)}.size-value{color:#fff;font-weight:700;font-size:16px;min-width:50px;text-align:center;background:linear-gradient(135deg,#e74c3c4d,#c0392b4d);padding:10px 14px;border-radius:12px;border:1px solid rgba(231,76,60,.4);text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px #0003}.animation-select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#ffffff1f,#ffffff0d);color:#fff;font-size:15px;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--transition-quick)}.animation-select:hover{border-color:#e74c3c66;box-shadow:0 6px 20px #0003}.animation-select option{background:var(--glass-dark);color:#fff;font-weight:500;padding:10px}.direction-buttons{display:flex;gap:8px}.direction-btn{flex:1;padding:6px 4px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);font-size:9px;font-weight:600;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:.3px}.direction-btn:hover{background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#27ae6066;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.direction-btn.selected{background:linear-gradient(145deg,var(--christmas-green),rgba(39,174,96,.8));border-color:#2e7d32cc;color:#fff;box-shadow:0 0 0 3px #27ae604d,0 8px 25px #27ae6066}@media (max-width: 1400px){.direction-btn{padding:5px 3px;font-size:8px}}@media (max-width: 1200px){.direction-btn{padding:4px 2px;font-size:8px}}@media (max-width: 1024px){.direction-btn{padding:4px 2px;font-size:7px}}@media (max-width: 900px){.direction-btn{padding:3px 1px;font-size:7px}}@media (max-width: 768px){.direction-btn{padding:4px 2px;font-size:8px;letter-spacing:.2px}}@media (max-width: 640px){.direction-btn{padding:3px 1px;font-size:7px}}@media (max-width: 480px){.direction-btn{padding:2px 1px;font-size:6px}}@media (max-width: 360px){.direction-btn{padding:1px;font-size:5px}}@media (min-width: 1440px){.direction-btn{padding:7px 5px;font-size:10px}}@media (min-width: 1920px){.direction-btn{padding:8px 6px;font-size:11px}}@media (max-width: 768px){.direction-buttons,.time-mode-controls{gap:6px}}@media (max-width: 480px){.direction-buttons,.time-mode-controls{gap:4px}}@media (max-width: 360px){.direction-buttons,.time-mode-controls{gap:2px}}.glass-card{max-width:400px;max-height:50px;display:flex;align-items:center;gap:4px;padding:1px 2px;background:linear-gradient(145deg,#ffffff14,#ffffff05);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-radius:10px;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff1a;transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.glass-card:hover:before{left:100%}.glass-card:hover{background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border-color:#ffffff2e;box-shadow:0 8px 30px #0006,inset 0 1px #ffffff26}.glass-card-icon{font-size:16px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}.glass-card-content{flex:1;display:flex;flex-direction:column;gap:4px}.glass-card-title{color:var(--christmas-white);font-size:11px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.3px}.glass-card-subtitle{color:#ffffffb3;font-size:9px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.3)}.glass-card-trailing{display:flex;align-items:center}.modern-switch-container{position:relative}.modern-switch{background:none;border:none;padding:0;cursor:pointer;transition:var(--transition-smooth);width:40px;height:20px;position:relative}.modern-switch:disabled{opacity:.5;cursor:not-allowed}.modern-switch-track{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#7bff00,#65e000,#4fc200);border-radius:18px;box-shadow:0 3px 10px #7bff004d,inset 0 1px #fff3;display:flex;align-items:center;padding:2px;overflow:hidden;transition:var(--transition-smooth)}.modern-switch.switched .modern-switch-track{background:linear-gradient(135deg,#c137f8,#a82de8,#8e23d8);box-shadow:0 3px 10px #c137f84d,inset 0 1px #fff3}.modern-switch.time-mode-switch .modern-switch-track{background:linear-gradient(135deg,gold,#ffc107,#ff9800);box-shadow:0 3px 10px #ffd7004d,inset 0 1px #fff3}.modern-switch.time-mode-switch.switched .modern-switch-track{background:linear-gradient(135deg,#4a90e2,#357abd,#1e5a96);box-shadow:0 3px 10px #4a90e24d,inset 0 1px #fff3}.modern-switch.lighting-type-switch .modern-switch-track{background:linear-gradient(135deg,#4caf50,#66bb6a,#81c784);box-shadow:0 3px 10px #4caf504d,inset 0 1px #fff3}.modern-switch.lighting-type-switch.switched .modern-switch-track{background:linear-gradient(135deg,#f44336,#e53935,#d32f2f);box-shadow:0 3px 10px #f443364d,inset 0 1px #fff3}.modern-switch-thumb{position:absolute;left:2px;top:2px;width:16px;height:16px;background:linear-gradient(135deg,#fffffff2,#ffffffd9);border-radius:10px;box-shadow:0 2px 8px #0003,0 1px 4px #0000001a;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:3;border:1px solid rgba(255,255,255,.3)}.modern-switch.switched .modern-switch-thumb{transform:translate(18px)}.modern-switch-icon{font-size:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:var(--transition-quick)}.modern-switch-labels{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:2;pointer-events:none;opacity:0}.switch-label-left,.switch-label-right{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:var(--transition-smooth);opacity:0!important}.modern-switch:hover .modern-switch-thumb{transform:scale(1.05);box-shadow:0 6px 16px #00000040,0 3px 8px #00000026}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(18px) scale(1.05)}.modern-switch:hover .modern-switch-track{box-shadow:0 6px 20px #7bff0066,inset 0 1px #ffffff40}.modern-switch.switched:hover .modern-switch-track{box-shadow:0 6px 20px #c137f866,inset 0 1px #ffffff40}.modern-switch:active .modern-switch-thumb{transform:scale(.95)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(18px) scale(.95)}@media (max-width: 1400px){.glass-card{padding:6px 10px;gap:6px}.glass-card-icon{width:28px;height:28px;font-size:16px}.glass-card-title{font-size:12px}.glass-card-subtitle{font-size:10px}.modern-switch{width:40px;height:20px}.modern-switch-thumb{width:18px;height:18px;border-radius:9px}.modern-switch.switched .modern-switch-thumb{transform:translate(18px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(18px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(18px) scale(.95)}.modern-switch-icon{font-size:11px}.switch-label-left,.switch-label-right{font-size:9px;padding:0 8px}}@media (max-width: 1200px){.modern-switch{width:38px;height:19px}.modern-switch-thumb{width:17px;height:17px;border-radius:8.5px}.modern-switch.switched .modern-switch-thumb{transform:translate(17px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(17px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(17px) scale(.95)}.modern-switch-icon{font-size:10px}}@media (max-width: 1024px){.modern-switch{width:36px;height:18px}.modern-switch-thumb{width:16px;height:16px;border-radius:8px}.modern-switch.switched .modern-switch-thumb{transform:translate(16px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(16px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(16px) scale(.95)}.modern-switch-icon{font-size:10px}}@media (max-width: 900px){.modern-switch{width:34px;height:17px}.modern-switch-thumb{width:15px;height:15px;border-radius:7.5px}.modern-switch.switched .modern-switch-thumb{transform:translate(15px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(15px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(15px) scale(.95)}.modern-switch-icon{font-size:9px}}@media (max-width: 768px){.glass-card{padding:10px 12px;gap:8px}.glass-card-icon{width:28px;height:28px;font-size:16px}.glass-card-title{font-size:12px}.glass-card-subtitle{font-size:10px}.modern-switch{width:50px;height:25px}.modern-switch-thumb{width:22px;height:22px;border-radius:11px}.modern-switch.switched .modern-switch-thumb{transform:translate(22px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(22px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(22px) scale(.95)}.modern-switch-icon{font-size:11px}.switch-label-left,.switch-label-right{font-size:9px;padding:0 8px}}@media (max-width: 640px){.modern-switch{width:45px;height:23px}.modern-switch-thumb{width:20px;height:20px;border-radius:10px}.modern-switch.switched .modern-switch-thumb{transform:translate(20px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(20px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(20px) scale(.95)}.modern-switch-icon{font-size:10px}}@media (max-width: 480px){.modern-switch{width:42px;height:21px}.modern-switch-thumb{width:18px;height:18px;border-radius:9px}.modern-switch.switched .modern-switch-thumb{transform:translate(18px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(18px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(18px) scale(.95)}.modern-switch-icon{font-size:9px}}@media (max-width: 360px){.modern-switch{width:40px;height:20px}.modern-switch-thumb{width:17px;height:17px;border-radius:8.5px}.modern-switch.switched .modern-switch-thumb{transform:translate(17px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(17px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(17px) scale(.95)}.modern-switch-icon{font-size:8px}}@media (min-width: 1440px){.modern-switch{width:42px;height:21px}.modern-switch-thumb{width:19px;height:19px;border-radius:9.5px}.modern-switch.switched .modern-switch-thumb{transform:translate(19px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(19px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(19px) scale(.95)}.modern-switch-icon{font-size:11px}}@media (min-width: 1920px){.modern-switch{width:45px;height:23px}.modern-switch-thumb{width:20px;height:20px;border-radius:10px}.modern-switch.switched .modern-switch-thumb{transform:translate(21px)}.modern-switch.switched:hover .modern-switch-thumb{transform:translate(21px) scale(1.05)}.modern-switch.switched:active .modern-switch-thumb{transform:translate(21px) scale(.95)}.modern-switch-icon{font-size:12px}}.time-mode-controls{display:flex;flex-direction:column;gap:8px}.time-mode-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:8px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.15);transition:var(--transition-quick)}.time-mode-option:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff40}.time-mode-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:var(--christmas-gold)}.time-mode-label{color:var(--christmas-white);font-size:14px;font-weight:500}@media (max-width: 1400px){.time-mode-option{padding:5px 6px}.time-mode-label{font-size:11px}}@media (max-width: 1200px){.time-mode-option{padding:4px 5px}.time-mode-label{font-size:11px}}@media (max-width: 1024px){.time-mode-option{padding:4px}.time-mode-label{font-size:10px}}@media (max-width: 900px){.time-mode-option{padding:3px}.time-mode-label{font-size:10px}}@media (max-width: 768px){.time-mode-option{padding:4px}.time-mode-label{font-size:11px}}@media (max-width: 640px){.time-mode-option{padding:3px}.time-mode-label{font-size:10px}}@media (max-width: 480px){.time-mode-option{padding:2px}.time-mode-label{font-size:9px}}@media (max-width: 360px){.time-mode-option{padding:1px}.time-mode-label{font-size:8px}}@media (min-width: 1440px){.time-mode-option{padding:7px 9px}.time-mode-label{font-size:13px}}@media (min-width: 1920px){.time-mode-option{padding:8px 10px}.time-mode-label{font-size:14px}}.control-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.15);transition:var(--transition-quick)}.control-option:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff40}.control-option input[type=radio]:disabled+.control-label{opacity:.5;cursor:not-allowed}.control-option:has(input[type=radio]:disabled){opacity:.6;cursor:not-allowed}.control-option:has(input[type=radio]:disabled):hover{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-color:#ffffff26}.control-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:var(--christmas-green)}.control-label{color:var(--christmas-white);font-size:14px;font-weight:500}.mode-buttons{display:flex;gap:12px}.mode-btn{flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);font-size:9px;font-weight:500}.mode-btn:hover{background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#fff6}.mode-btn.selected{background:linear-gradient(145deg,var(--christmas-green),rgba(39,174,96,.8));border-color:#2e7d32cc;color:#fff;box-shadow:0 0 0 3px #27ae604d,0 8px 25px #27ae6066}@media (max-width: 1400px){.mode-btn{padding:6px 10px;font-size:9px}}@media (max-width: 1200px){.mode-btn{padding:5px 9px;font-size:9px}}@media (max-width: 1024px){.mode-btn{padding:5px 8px;font-size:8px}}@media (max-width: 900px){.mode-btn{padding:4px 7px;font-size:8px}}@media (max-width: 768px){.mode-btn{padding:5px 8px;font-size:9px}}@media (max-width: 640px){.mode-btn{padding:4px 6px;font-size:8px}}@media (max-width: 480px){.mode-btn{padding:3px 5px;font-size:7px}}@media (max-width: 360px){.mode-btn{padding:2px 4px;font-size:6px}}@media (min-width: 1440px){.mode-btn{padding:8px 14px;font-size:11px}}@media (min-width: 1920px){.mode-btn{padding:9px 16px;font-size:12px}}.animation-panel-btn{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500}.animation-panel-btn:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff4d;transform:translateY(-1px)}.animation-panel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.animation-panel-btn:disabled:hover{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-color:#fff3;transform:none}.current-animation-icon{font-size:16px}.current-animation-name{flex:1;text-align:left}.panel-arrow{font-size:12px;opacity:.7}.mockup-properties-panel.animation-selector{background:linear-gradient(145deg,var(--glass-dark),var(--glass-medium));height:auto!important;min-height:auto!important;max-height:100%!important;overflow:hidden;display:flex;flex-direction:column}.mockup-properties-panel .panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.mockup-properties-panel .panel-header h3{color:var(--christmas-white);font-size:18px;font-weight:700;margin:0}.mockup-properties-panel .close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:32px;height:32px;color:var(--christmas-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:var(--transition-quick)}.mockup-properties-panel .close-btn:hover{background:#fff3;border-color:#ffffff4d}.mockup-properties-panel .animation-grid{display:grid;grid-template-columns:1fr;gap:12px;max-height:calc(100vh - 350px);overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px}.mockup-properties-panel .animation-grid::-webkit-scrollbar{width:0px;background:transparent}.mockup-properties-panel .animation-option{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:linear-gradient(145deg,#ffffff14,#ffffff05);cursor:pointer;transition:var(--transition-quick);text-align:center}.mockup-properties-panel .animation-option:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff40;transform:translateY(-2px)}.mockup-properties-panel .animation-option.selected{background:linear-gradient(145deg,var(--christmas-red),rgba(231,76,60,.8));border-color:#c0392bcc;color:#fff;box-shadow:0 0 0 3px #e74c3c4d,0 8px 25px #e74c3c66}.mockup-properties-panel .animation-icon{font-size:20px;margin-bottom:8px}.mockup-properties-panel .animation-name{color:var(--christmas-white);font-size:12px;font-weight:600;margin-bottom:4px}.mockup-properties-panel .animation-option.selected .animation-name{color:#fff}.mockup-properties-panel .animation-description{color:#ffffffb3;font-size:10px;font-weight:400;line-height:1.3}.mockup-properties-panel .animation-option.selected .animation-description{color:#ffffffe6}.selection-count{background:linear-gradient(145deg,#27ae6033,#27ae601a);border:1px solid rgba(39,174,96,.3);border-radius:8px;padding:12px;color:var(--christmas-white);font-size:12px;font-weight:500;text-align:center;margin:16px 0}.danger-zone{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.delete-btn{width:100%;padding:12px 16px;border:1px solid rgba(231,76,60,.5);border-radius:8px;background:linear-gradient(145deg,#e74c3c33,#e74c3c1a);color:var(--christmas-red);cursor:pointer;transition:var(--transition-quick);font-size:14px;font-weight:500}.delete-btn:hover{background:linear-gradient(145deg,#e74c3c4d,#e74c3c33);border-color:#e74c3cb3;color:#ff4757}.delete-btn svg{color:var(--christmas-red);fill:var(--christmas-red)}.position-info{display:flex;gap:12px;justify-content:space-between}.position-info span{color:var(--christmas-white);font-size:14px;font-weight:600;background:linear-gradient(135deg,#00000040,#0000001a);padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.15);flex:1;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-btn{width:100%;padding:16px;border:1px solid rgba(220,20,20,.4);border-radius:14px;background:linear-gradient(145deg,#dc141440,#b8101033);color:#ff6b6b;cursor:pointer;transition:var(--transition-quick);font-size:15px;font-weight:700;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.delete-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.delete-btn:hover{background:linear-gradient(145deg,#dc141466,#b8101059);border-color:#dc1414b3;color:#ff4757;transform:translateY(-2px);box-shadow:0 8px 25px #dc14144d,0 0 0 2px #dc141433}.delete-btn:hover:before{left:100%}.delete-btn svg{color:#ff6b6b;fill:#ff6b6b}.mockup-properties-panel::-webkit-scrollbar{width:0px;background:transparent}.mockup-properties-panel::-webkit-scrollbar-track{background:transparent}.mockup-properties-panel::-webkit-scrollbar-thumb{background:transparent}.mockup-properties-panel::-webkit-scrollbar-thumb:hover{background:transparent}.mockup-properties-panel{scrollbar-width:none}.mockup-properties-panel{-ms-overflow-style:none}.mockup-properties-panel .animation-controls{margin-bottom:16px;padding:16px;background:linear-gradient(145deg,#0f192899,#19233266);border-radius:16px;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.mockup-properties-panel .animation-control-group{margin-bottom:16px}.mockup-properties-panel .animation-control-group:last-child{margin-bottom:0}.mockup-properties-panel .animation-control-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--christmas-white);font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.7)}.mockup-properties-panel .control-icon{font-size:16px;margin-right:8px}.mockup-properties-panel .control-title{flex:1;text-align:left}.mockup-properties-panel .control-value{background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));padding:4px 12px;border-radius:12px;border:1px solid rgba(231,76,60,.4);text-shadow:0 2px 4px rgba(0,0,0,.5);box-shadow:0 4px 12px #0003;font-weight:700;min-width:60px;text-align:center}.mockup-properties-panel .animation-speed-slider{width:100%;height:8px;border-radius:4px;background:linear-gradient(135deg,#0f1928cc,#19233299);outline:none;cursor:pointer;border:1px solid rgba(255,255,255,.1);margin-bottom:8px}.mockup-properties-panel .animation-speed-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));cursor:pointer;box-shadow:0 4px 12px #0003,0 6px 15px #e74c3c66;border:2px solid rgba(255,255,255,.3);transition:var(--transition-quick)}.mockup-properties-panel .animation-speed-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #0000004d,0 8px 20px #e74c3c99}.mockup-properties-panel .animation-speed-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-red),var(--christmas-red-dark));cursor:pointer;box-shadow:0 4px 12px #0003,0 6px 15px #e74c3c66;border:2px solid rgba(255,255,255,.3)}.mockup-properties-panel .slider-range{display:flex;justify-content:space-between;color:#fff9;font-size:12px;font-weight:500}.mockup-properties-panel .reverse-control{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(145deg,#0f192866,#19233233);border-radius:12px;border:1px solid rgba(255,255,255,.08)}.mockup-properties-panel .reverse-control-content{flex:1}.mockup-properties-panel .reverse-control-title{display:flex;align-items:center;color:var(--christmas-white);font-size:14px;font-weight:600;margin-bottom:4px;text-shadow:0 2px 4px rgba(0,0,0,.7)}.mockup-properties-panel .reverse-control-subtitle{color:#ffffffb3;font-size:12px;font-weight:400}.mockup-properties-panel .reverse-control-trailing{display:flex;align-items:center}.mockup-properties-panel .modern-switch.reverse-switch .modern-switch-track{background:linear-gradient(135deg,#27ae604d,#2e7d3233)}.mockup-properties-panel .modern-switch.reverse-switch.switched .modern-switch-track{background:linear-gradient(135deg,#9c27b04d,#7b1fa233)}.mockup-properties-panel.animation-selector .animation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;max-height:calc(100vh - 350px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-right:4px}.mockup-properties-panel.animation-selector .animation-grid::-webkit-scrollbar{width:0px;background:transparent}.mockup-properties-panel.animation-selector .animation-option{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);font-size:11px;font-weight:500;text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;min-height:65px}.mockup-properties-panel.animation-selector .animation-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(241,196,15,.2),transparent);transition:left .4s ease}.mockup-properties-panel.animation-selector .animation-option:hover{background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#f1c40f80;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #0000004d}.mockup-properties-panel.animation-selector .animation-option:hover:before{left:100%}.mockup-properties-panel.animation-selector .animation-option.selected{background:linear-gradient(145deg,var(--christmas-red),var(--christmas-red-dark));border-color:#a93226cc;color:#fff;box-shadow:0 0 0 3px #e74c3c4d,0 8px 25px #e74c3c66;animation:selectedGlow 2s ease-in-out infinite}@keyframes selectedGlow{0%,to{box-shadow:0 0 0 3px #e74c3c4d,0 8px 25px #e74c3c66}50%{box-shadow:0 0 0 6px #e74c3c33,0 20px 50px #e74c3c99}}.mockup-properties-panel.animation-selector .animation-option.selected:hover{background:linear-gradient(145deg,var(--christmas-red-dark),rgba(169,50,38,1));transform:translateY(-2px) scale(1.05)}.mockup-properties-panel.animation-selector .animation-option .animation-icon{font-size:20px;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));line-height:1}.mockup-properties-panel.animation-selector .animation-option .animation-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}.mockup-properties-panel.animation-selector .animation-option:hover .animation-icon{animation:bounce .6s ease-in-out}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.mockup-properties-panel .animation-option:focus{outline:2px solid rgba(231,76,60,.5);outline-offset:2px}.mockup-properties-panel .animation-selector-btn{width:100%;padding:16px 20px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.25);border-radius:14px;color:var(--christmas-white);cursor:pointer;transition:var(--transition-quick);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.mockup-properties-panel .animation-selector-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(241,196,15,.2),transparent);transition:left .4s ease}.mockup-properties-panel .animation-selector-btn:hover{background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#f1c40f80;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.mockup-properties-panel .animation-selector-btn:hover:before{left:100%}.mockup-properties-panel .current-animation-icon{font-size:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mockup-properties-panel .current-animation-name{flex:1;text-align:left;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.mockup-properties-panel .expand-icon{font-size:16px;opacity:.7;transition:transform .3s ease}.mockup-properties-panel .animation-selector-btn:hover .expand-icon{transform:scale(1.2);opacity:1}.mockup-properties-panel .animation-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001;opacity:0;animation:overlayFadeIn .3s ease-out forwards}.mockup-properties-panel .animation-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(145deg,var(--glass-dark),var(--glass-medium));-webkit-backdrop-filter:var(--blur-strong);backdrop-filter:var(--blur-strong);border-radius:24px 24px 0 0;padding:24px;border:var(--border-glass);border-bottom:none;box-shadow:0 -20px 60px #0009,0 -8px 25px #f1c40f26,inset 0 1px #ffffff1a;z-index:1002;max-height:70vh;overflow:hidden;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.mockup-properties-panel .animation-bottom-sheet.open{transform:translateY(0)}.mockup-properties-panel .animation-bottom-sheet:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#ffffff4d;border-radius:2px;transition:all .3s ease}.mockup-properties-panel .animation-bottom-sheet:hover:before{background:#f1c40f99;width:60px}.mockup-properties-panel .animation-sheet-content{margin-top:16px;height:100%;display:flex;flex-direction:column}.mockup-properties-panel .animation-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mockup-properties-panel .animation-sheet-title{color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.7);letter-spacing:.5px;margin:0}.mockup-properties-panel .animation-close-btn{background:linear-gradient(135deg,#dc1414cc,#b81010cc);border:1px solid rgba(220,20,20,.6);color:#fff;width:32px;height:32px;border-radius:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.mockup-properties-panel .animation-close-btn:hover{background:linear-gradient(135deg,#dc1414,#b81010);transform:scale(1.1);box-shadow:0 4px 15px #dc141466}.mockup-properties-panel .animation-bottom-sheet .animation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;max-height:50vh;overflow-y:auto;padding:8px}.mockup-properties-panel .animation-bottom-sheet .animation-option{padding:16px 12px;border-radius:16px;min-height:80px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#ffffff26,#ffffff14);border:1px solid rgba(255,255,255,.2)}.mockup-properties-panel .animation-bottom-sheet .animation-option:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #0000004d}.mockup-properties-panel .animation-bottom-sheet .animation-option.selected{background:linear-gradient(145deg,var(--christmas-gold),rgba(241,196,15,.8));border-color:#f1c40fcc;color:#000;box-shadow:0 0 0 2px #f1c40f66,0 15px 40px #f1c40f4d}.mockup-properties-panel .animation-bottom-sheet .animation-option .animation-icon{font-size:28px;margin-bottom:8px}.mockup-properties-panel .animation-bottom-sheet .animation-option .animation-name{font-size:12px;font-weight:700}@media (max-width: 768px){.mockup-properties-panel.animation-selector .animation-grid{grid-template-columns:repeat(2,1fr);gap:8px}.mockup-properties-panel .animation-option{padding:10px 6px;min-height:55px}.mockup-properties-panel .animation-option .animation-icon{font-size:16px;margin-bottom:4px}.mockup-properties-panel .animation-option .animation-name{font-size:9px}}@media (max-width: 768px){.mockup-properties-panel{width:300px;padding:20px;height:100%}.color-grid{grid-template-columns:repeat(3,1fr);gap:10px}.color-option{width:42px;height:42px}.property-section,.properties-section{padding:16px;margin-bottom:20px}.animation-buttons{grid-template-columns:1fr;gap:10px}.direction-btn{padding:6px 4px;font-size:10px;letter-spacing:.2px}}.placement-mode-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.placement-mode-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.placement-mode-option:hover{background:#ffffff1a;border-color:#dc26264d}.placement-mode-option input[type=radio]{width:16px;height:16px;accent-color:#dc2626}.placement-mode-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#495057}.placement-mode-icon{font-size:16px}.placement-mode-option input[type=radio]:checked+.placement-mode-label{color:#dc2626}.mockup-properties-panel.sliders-selector{max-height:100%;overflow-y:auto}.mockup-properties-panel .sliders-panel-btn{width:100%;padding:12px 16px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid rgba(255,255,255,.25);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500;color:var(--christmas-white)}.mockup-properties-panel .sliders-panel-btn:hover:not(:disabled){background:linear-gradient(145deg,#fff3,#ffffff1a);border-color:#fff6;transform:translateY(-1px)}.mockup-properties-panel .sliders-panel-btn:disabled{opacity:.6;cursor:not-allowed;color:#6c757d}.mockup-properties-panel .current-sliders-icon{font-size:16px;margin-right:8px}.mockup-properties-panel .current-sliders-name{flex:1;text-align:left}.mockup-properties-panel .sliders-controls{padding:16px 0;display:flex;flex-direction:column;gap:24px}.mockup-properties-panel .sliders-group{display:flex;flex-direction:column;gap:8px}.mockup-properties-panel .sliders-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--christmas-white)}.mockup-properties-panel .sliders-icon{font-size:16px;margin-right:8px}.mockup-properties-panel .sliders-title{flex:1;text-align:left}.mockup-properties-panel .sliders-value{font-weight:600;color:var(--christmas-gold);background:#f1c40f33;padding:2px 8px;border-radius:12px;font-size:12px;border:1px solid rgba(241,196,15,.3)}.mockup-properties-panel .sliders-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:background .2s ease}.mockup-properties-panel .sliders-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-gold),rgba(241,196,15,.8));cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.mockup-properties-panel .sliders-slider::-webkit-slider-thumb:hover{background:linear-gradient(135deg,#f1c40fe6,#f1c40fb3);transform:scale(1.1);box-shadow:0 4px 8px #f1c40f4d}.mockup-properties-panel .sliders-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--christmas-gold),rgba(241,196,15,.8));cursor:pointer;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.mockup-properties-panel .sliders-slider::-moz-range-thumb:hover{background:linear-gradient(135deg,#f1c40fe6,#f1c40fb3);transform:scale(1.1);box-shadow:0 4px 8px #f1c40f4d}.mockup-properties-panel .sliders-slider:focus{background:#f1c40f26}.mockup-properties-panel .sliders-range{display:flex;justify-content:space-between;font-size:12px;color:#fff9;margin-top:4px}.mockup-properties-panel .sliders-actions{padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:12px}.mockup-properties-panel .apply-sliders-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--christmas-gold),rgba(241,196,15,.8));color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.mockup-properties-panel .apply-sliders-btn:hover{background:linear-gradient(135deg,#f1c40fe6,#f1c40fb3);transform:translateY(-1px);box-shadow:0 4px 8px #f1c40f4d}.mockup-properties-panel .reset-sliders-btn{width:100%;padding:10px 16px;background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:13px}.mockup-properties-panel .reset-sliders-btn:hover{background:#ffffff26;color:#ffffffe6;border-color:#ffffff4d}@media (max-height: 600px){.mockup-properties-panel .sliders-controls{gap:16px}.mockup-properties-panel .sliders-group{gap:6px}.mockup-properties-panel .sliders-actions{padding-top:16px}}@media (prefers-color-scheme: dark){.spacing-panel-btn{background:#343a40;border-color:#495057;color:#f8f9fa}.spacing-panel-btn:hover:not(:disabled){background:#495057;border-color:#6c757d}.spacing-label{color:#f8f9fa}.spacing-value{background:#1a365d;color:#63b3ed}.spacing-slider{background:#495057}.spacing-range{color:#adb5bd}.spacing-actions{border-top-color:#495057}.reset-spacing-btn{background:#343a40;color:#adb5bd;border-color:#495057}.reset-spacing-btn:hover{background:#495057;color:#f8f9fa}}.position-controls{display:flex;flex-direction:column;gap:12px}.position-input-group{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border-radius:8px;border:1px solid rgba(255,255,255,.12)}.position-label{display:flex;align-items:center;gap:4px;min-width:24px;color:var(--christmas-white);font-size:12px;font-weight:600}.position-icon{font-size:14px}.position-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px}.position-input{flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:#0000004d;color:var(--christmas-white);font-size:12px;font-weight:500;text-align:center;min-width:60px}.position-input:focus{outline:none;border-color:var(--christmas-gold);box-shadow:0 0 0 2px #f1c40f33}.position-buttons{display:flex;gap:2px}.position-btn{width:24px;height:24px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);color:var(--christmas-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition-quick)}.position-btn:hover{background:linear-gradient(145deg,#ffffff26,#ffffff14);border-color:#ffffff4d;transform:scale(1.05)}.position-btn:active{transform:scale(.95)}@media (max-width: 900px){.mockup-properties-panel{width:100%;max-width:none;min-width:auto;padding:15px;min-height:auto;height:100%;max-height:none;border-radius:16px}.mockup-properties-panel.animation-selector{height:auto!important;min-height:auto!important;max-height:85vh!important;padding:12px}.mockup-properties-panel .animation-controls{margin-bottom:12px;padding:12px}.mockup-properties-panel .animation-grid{max-height:calc(85vh - 280px);gap:8px}.mockup-properties-panel.animation-selector .animation-grid{grid-template-columns:repeat(2,1fr)}.mockup-properties-panel .animation-option{padding:8px;min-height:55px}.mockup-properties-panel .panel-header{margin-bottom:12px;padding-bottom:10px}.mockup-properties-panel .panel-header h3{font-size:16px;margin-bottom:6px}.mockup-properties-panel .selection-count{font-size:12px;padding:6px 12px}.mockup-properties-panel .control-section{padding:8px 12px;margin-bottom:8px}.mockup-properties-panel .control-section-header{font-size:12px;margin-bottom:8px}.mockup-properties-panel .control-row{gap:6px;margin-bottom:6px}.mockup-properties-panel .control-label{font-size:11px;min-width:40px}.mockup-properties-panel .control-input,.mockup-properties-panel .control-button{padding:4px 8px;font-size:11px}.mockup-properties-panel .sliders-group{gap:4px}.mockup-properties-panel .sliders-label{font-size:10px}.mockup-properties-panel .sliders-value{font-size:10px;padding:2px 6px}}@media (max-width: 1024px){.mockup-properties-panel{padding:18px;height:100%;min-height:400px;border-radius:16px}.mockup-properties-panel.animation-selector{height:auto!important;min-height:auto!important;max-height:90vh!important;padding:18px}.mockup-properties-panel .animation-grid{max-height:calc(90vh - 300px)}.mockup-properties-panel.animation-selector .animation-grid{grid-template-columns:repeat(2,1fr)}.mockup-properties-panel .property-section{margin-bottom:16px}.mockup-properties-panel .property-section h3{font-size:12px;margin-bottom:8px}.mockup-properties-panel .property-group{gap:8px}.mockup-properties-panel .property-label{font-size:11px}.mockup-properties-panel .property-input,.mockup-properties-panel .property-button{padding:6px 8px;font-size:11px;min-height:32px}}@media (max-width: 768px){.mockup-properties-panel{padding:12px;height:100%;min-height:300px;border-radius:12px}.mockup-properties-panel .property-section{margin-bottom:12px}.mockup-properties-panel .property-section h3{font-size:11px}.mockup-properties-panel .property-input,.mockup-properties-panel .property-button{padding:5px 6px;font-size:10px;min-height:28px}.mockup-properties-panel .animation-grid{max-height:calc(85vh - 280px)}}.compact-tools-panel{display:flex;flex-direction:column;width:100%;background:linear-gradient(145deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000001a,inset 0 1px #fffc;overflow:hidden;margin:16px;height:120px}.compact-tab-navigation{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(145deg,#0000000d,#00000005);border-bottom:1px solid rgba(0,0,0,.1);padding:0 8px 0 0}.compact-tab-buttons-left{display:flex;flex:0 1 auto}.compact-tab-button{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:none;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;min-width:100px}.compact-switch-view-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d,inset 0 1px #fff3;margin:4px 0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.compact-switch-view-button:hover{background:linear-gradient(135deg,#7b92f5,#8c5bb5);transform:translateY(-1px);box-shadow:0 6px 16px #667eea66,inset 0 1px #ffffff4d}.compact-switch-view-button:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d,inset 0 1px 3px #0003}.compact-switch-icon{font-size:16px;line-height:1}.compact-switch-label{line-height:1;white-space:nowrap}.compact-tab-button:hover{background:linear-gradient(145deg,#0000000d,#00000005);color:#333}.compact-tab-button.active{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;box-shadow:inset 0 2px 4px #0003}.compact-tab-button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fffc,#fff6);border-radius:2px 2px 0 0}.compact-tab-label{font-weight:600}.compact-panel-content{flex:1;padding:8px;overflow:visible;height:84px;display:flex;flex-direction:column;position:relative}.compact-tools-content,.compact-properties-content,.compact-animations-content{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;padding-bottom:16px}.compact-tools-content::-webkit-scrollbar,.compact-properties-content::-webkit-scrollbar,.compact-animations-content::-webkit-scrollbar{width:6px}.compact-tools-content::-webkit-scrollbar-track,.compact-properties-content::-webkit-scrollbar-track,.compact-animations-content::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.compact-tools-content::-webkit-scrollbar-thumb,.compact-properties-content::-webkit-scrollbar-thumb,.compact-animations-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.compact-tools-content::-webkit-scrollbar-thumb:hover,.compact-properties-content::-webkit-scrollbar-thumb:hover,.compact-animations-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a4195)}.compact-tools-row,.compact-properties-row,.compact-animations-row{display:flex;gap:2px;align-items:flex-start;flex-wrap:nowrap;min-height:100%;overflow-x:visible;overflow-y:visible;position:relative;width:100%;justify-content:flex-start}.compact-section-title{font-size:10px;font-weight:600;color:#555;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}.compact-tools-section{min-width:300px;flex:0 0 240px;max-width:300px}.compact-tools-grid{display:flex;gap:6px;flex-wrap:nowrap;max-height:60px;overflow-x:visible;overflow-y:hidden;justify-content:flex-start}.compact-tool-button{display:flex;align-items:center;justify-content:center;padding:4px 2px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:62px;box-shadow:0 2px 8px #0000000d;height:28px;flex-shrink:0;font-size:10px;font-weight:600}.compact-tool-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.compact-tool-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d;box-shadow:0 4px 16px #667eea4d}.compact-tool-name{font-size:10px;font-weight:600;text-align:center;line-height:1.1;white-space:nowrap;padding:0}.compact-colors-section{min-width:90px;flex:0 0 90px;max-width:90px}.compact-colors-grid{display:flex;gap:3px;flex-wrap:nowrap;align-items:center;max-height:60px;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}.compact-color-option{width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;flex-shrink:0}.compact-color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.compact-color-option.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.compact-wheel-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(145deg,#f0f0f0,#e0e0e0);color:#666;border:2px solid rgba(255,255,255,.8);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:10px;flex-shrink:0;box-shadow:0 2px 8px #0000001a;font-weight:700}.compact-wheel-button:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.compact-bulb-types-section{min-width:130px;flex:0 0 100px;max-width:130px}.compact-bulb-types-grid{display:flex;gap:3px;flex-wrap:nowrap;max-height:60px;overflow-x:auto;overflow-y:hidden}.compact-bulb-type-option{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:28px;height:36px;flex-shrink:0}.compact-bulb-type-option:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-bulb-type-option.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-bulb-label{font-size:6px;font-weight:600;text-align:center}.compact-presets-section{min-width:200px;flex:0 0 200px;max-width:200px}.compact-presets-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;max-height:60px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.compact-presets-grid::-webkit-scrollbar{display:none}.compact-preset-item{display:flex;flex-direction:column;gap:3px;padding:4px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:55px;max-width:65px;height:35px;flex-shrink:0}.compact-preset-item:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-preset-item.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-preset-colors{display:flex;gap:1px;justify-content:center;flex:1}.compact-preset-color{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.8);flex-shrink:0}.compact-preset-name{font-size:7px;font-weight:600;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-animations-section{min-width:80px;flex:0 0 80px;max-width:80px}.compact-animations-toggle-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:9px;min-width:80px;height:28px;font-weight:600;text-align:center}.compact-animations-toggle-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.compact-animations-toggle-button:active{transform:translateY(0);background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-animations-inline-override{position:absolute;inset:0;display:flex;flex-direction:column;gap:4px;width:100%;height:100%;background:inherit;z-index:100;padding:4px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.compact-animations-inline-override::-webkit-scrollbar{display:none}.compact-animations-inline-section{display:flex;flex-direction:column;gap:8px;flex:1;height:100%}.compact-animations-inline-grid{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;width:100%;height:auto;max-height:none}.compact-animation-inline-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 6px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:60px;max-width:75px;height:35px;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.compact-animation-inline-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.compact-animation-inline-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-animation-inline-name{font-size:8px;font-weight:600;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-animation-inline-controls{display:flex;flex-direction:row;gap:2px;margin-top:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);align-items:flex-start;width:100%}.compact-animation-inline-speed-control{display:flex;flex-direction:column;gap:4px;min-width:80px}.compact-animation-inline-speed-control label{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.compact-animation-inline-reverse-section{display:flex;flex-direction:column;gap:4px;min-width:60px}.compact-animation-inline-reverse-section label{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.compact-animation-inline-buttons{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.compact-animation-inline-close-button{padding:6px 12px;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;height:28px;flex-shrink:0;background:linear-gradient(145deg,#fffc,#fff9)}.compact-animation-inline-close-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-animation-inline-reverse-button,.compact-animation-inline-stop-button{padding:6px 12px;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;height:28px;flex-shrink:0}.compact-animation-inline-reverse-button{background:linear-gradient(145deg,#fffc,#fff9)}.compact-animation-inline-reverse-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-animation-inline-reverse-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-animation-inline-stop-button{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border-color:#ffffff4d}.compact-animation-inline-stop-button:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.compact-decorations-override{display:flex;flex-direction:column;gap:0px;width:100%;height:100%;overflow-y:auto;overflow-x:visible;scrollbar-width:none;-ms-overflow-style:none}.compact-decorations-override::-webkit-scrollbar{display:none}.compact-decoration-category{display:flex;flex-direction:column;gap:0px}.compact-decoration-assets-inline{display:flex;gap:3px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start}.compact-decoration-asset-inline{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:40px;max-width:45px;height:45px;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.compact-decoration-asset-inline:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.compact-decoration-asset-inline:active{transform:translateY(0);background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-asset-image-inline{width:28px;height:28px;object-fit:contain;border-radius:2px}.compact-asset-name-inline{font-size:8px;font-weight:600;text-align:center;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-action-buttons{display:flex;flex-direction:row;gap:8px;margin-left:auto;flex-shrink:0;padding-left:16px;align-items:flex-start}.compact-placement-mode-vertical{display:flex;flex-direction:column;gap:2px}.compact-placement-mode-button{display:flex;align-items:center;justify-content:center;width:50px;height:18px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:3px;cursor:pointer;transition:all .3s ease;font-size:7px;font-weight:600;flex-shrink:0}.compact-placement-mode-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-placement-mode-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-action-button{display:flex;align-items:center;justify-content:center;width:48px;height:24px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:9px;font-weight:600;flex-shrink:0}.compact-action-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-clear-button:hover{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff}.compact-placement-mode-section,.compact-direction-section,.compact-time-mode-section,.compact-adjustments-section,.compact-header-actions-section{min-width:10px;flex:1;max-width:140px}.compact-header-actions-section{min-width:250px;max-width:350px;flex:1.5}.compact-header-actions-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.compact-header-action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:linear-gradient(145deg,#667eea26,#764ba226);border:1px solid rgba(102,126,234,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:13px;font-weight:600;height:36px;flex-shrink:0;min-width:110px;box-shadow:0 4px 12px #00000014,inset 0 1px #ffffff4d;color:#667eea;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;overflow:hidden}.compact-header-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.compact-header-action-button:hover:before{left:100%}.compact-header-action-button:hover{background:linear-gradient(145deg,#667eea40,#764ba240);transform:translateY(-2px);box-shadow:0 6px 16px #667eea33,inset 0 1px #fff6;border-color:#667eea80}.compact-header-action-button:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a,inset 0 1px 3px #0000001a}.compact-save-button{background:linear-gradient(145deg,#27ae60,#2ecc71);color:#fff;border-color:#ffffff4d;text-shadow:0 1px 2px rgba(0,0,0,.2)}.compact-save-button:hover{background:linear-gradient(145deg,#2ecc71,#27ae60);box-shadow:0 6px 16px #27ae604d,inset 0 1px #ffffff4d}.compact-action-icon{font-size:16px;line-height:1}.compact-action-label{font-size:13px;line-height:1;text-align:center;white-space:nowrap;font-weight:600}.compact-project-info{margin-top:4px;padding:2px 4px;background:linear-gradient(145deg,#667eea1a,#667eea0d);border:1px solid rgba(102,126,234,.2);border-radius:3px}.compact-project-label{font-size:7px;font-weight:600;color:#667eea;text-align:center;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-mode-buttons,.compact-direction-buttons,.compact-time-mode-buttons{display:flex;gap:3px;flex-wrap:wrap;max-height:60px;overflow:hidden}.compact-mode-button,.compact-direction-button,.compact-time-mode-button{padding:4px 8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:10px;font-weight:500;height:28px;flex-shrink:0}.compact-mode-button:hover,.compact-direction-button:hover,.compact-time-mode-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-mode-button.selected,.compact-direction-button.selected,.compact-time-mode-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-adjustments-section{min-width:120px;flex:0 0 120px;max-width:120px}.compact-adjustments-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:100px;height:36px;font-weight:600;text-align:center;font-size:10px}.compact-adjustments-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.compact-adjustments-icon{font-size:12px}.compact-adjustments-label{font-size:9px;line-height:1.1}.compact-adjustments-modal{background:#fff;border-radius:12px;box-shadow:0 16px 64px #0003;max-width:95vw;max-height:300px;overflow-y:auto;z-index:10001;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:700px;width:85vw}.compact-adjustments-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px 12px;margin:12px;padding:0 4px}.compact-modal-color-section{grid-column:span 2;display:flex;flex-direction:column;gap:6px;padding:8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px}.compact-modal-color-section label{font-size:10px;font-weight:600;color:#666;margin-bottom:4px}.compact-modal-colors-grid{display:flex;gap:4px;flex-wrap:wrap}.compact-modal-color-option{width:20px;height:20px;border:2px solid rgba(255,255,255,.8);border-radius:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;position:relative;flex-shrink:0}.compact-modal-color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.compact-modal-color-option.selected{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.compact-slider-range{display:flex;justify-content:space-between;font-size:10px;color:#666;margin-top:4px}.compact-dot-properties{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.compact-flip-toggle{display:flex;align-items:center;gap:8px}.compact-flip-bulb-button{padding:4px 8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;height:24px}.compact-flip-bulb-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-flip-bulb-button.flipped{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-slider-item{display:flex;flex-direction:column;gap:2px;min-height:40px;padding:4px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px}.compact-slider-item label{font-size:9px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;line-height:1;margin-bottom:3px;text-align:center}.compact-slider{width:100%;height:3px;background:linear-gradient(145deg,#0000001a,#0000000d);border-radius:2px;outline:none;appearance:none;cursor:pointer;margin:2px 0}.compact-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;box-shadow:0 1px 4px #667eea4d;transition:all .2s ease;border:1px solid white}.compact-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 8px #667eea80}.compact-slider::-moz-range-thumb{width:12px;height:12px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:1px solid white;box-shadow:0 1px 4px #667eea4d}.compact-slider-range{display:flex;justify-content:space-between;font-size:7px;color:#888;margin-top:1px;font-weight:500}.compact-selection-mini-section{min-width:200px;flex:1;max-width:280px}.compact-selection-inline{display:flex;flex-direction:column;gap:4px;font-size:11px}.compact-selected-bulbs-inline,.compact-selected-decorations-inline{display:flex;align-items:center;gap:6px;padding:4px 6px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px;flex-wrap:wrap;min-height:24px;max-height:32px;overflow:visible}.compact-selection-count{font-size:9px;font-weight:600;color:#333;min-width:50px;flex-shrink:0}.compact-quick-control{display:flex;align-items:center;gap:3px;flex-shrink:0}.compact-control-label{font-size:8px;font-weight:600;color:#666;min-width:24px}.compact-mini-slider{width:40px;height:3px;background:linear-gradient(145deg,#0000001a,#0000000d);border-radius:2px;outline:none;appearance:none;cursor:pointer;flex-shrink:0}.compact-mini-slider::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;box-shadow:0 1px 3px #667eea4d;transition:all .2s ease;border:1px solid white}.compact-mini-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 2px 6px #667eea80}.compact-mini-slider::-moz-range-thumb{width:10px;height:10px;background:linear-gradient(145deg,#667eea,#764ba2);border-radius:50%;cursor:pointer;border:1px solid white;box-shadow:0 1px 3px #667eea4d}.compact-value-display{font-size:8px;font-weight:600;color:#667eea;background:#667eea1a;padding:1px 3px;border-radius:6px;border:1px solid rgba(102,126,234,.2);min-width:18px;text-align:center;flex-shrink:0}.compact-quick-colors{display:flex;gap:2px;flex-shrink:0;align-items:center}.compact-mini-color{width:12px;height:12px;border:1px solid rgba(255,255,255,.8);border-radius:3px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.compact-mini-color:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.compact-mini-color.selected{border-color:#667eea;border-width:2px;box-shadow:0 0 0 1px #667eea4d}.compact-mini-wheel-button{display:flex;align-items:center;justify-content:center;width:12px;height:12px;background:linear-gradient(145deg,#f0f0f0,#e0e0e0);color:#666;border:1px solid rgba(255,255,255,.8);border-radius:3px;cursor:pointer;transition:all .2s ease;font-size:7px;flex-shrink:0;box-shadow:0 1px 2px #0000001a;font-weight:700}.compact-mini-wheel-button:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.compact-mini-flip-button,.compact-mini-delete-button{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:9px;transition:all .2s ease;flex-shrink:0;background:linear-gradient(145deg,#fffc,#fff9)}.compact-mini-flip-button:hover,.compact-mini-delete-button:hover{transform:scale(1.05);box-shadow:0 2px 4px #0000001a}.compact-mini-flip-button.flipped{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-mini-delete-button{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border-color:#ffffff4d}.compact-mini-delete-button:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.compact-advanced-settings-button{margin-top:4px;padding:2px 6px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:8px;font-weight:600;transition:all .2s ease;height:20px;display:flex;align-items:center;gap:3px;justify-content:center}.compact-advanced-settings-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.compact-decoration-controls{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.compact-decoration-size-control{display:flex;flex-direction:column;gap:4px}.compact-decoration-size-control label{font-size:10px;font-weight:600;color:#666}.compact-flip-button,.compact-delete-button{padding:4px 8px;border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;font-size:10px;transition:all .3s ease}.compact-flip-button{background:linear-gradient(145deg,#fffc,#fff9)}.compact-flip-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-delete-button{background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border-color:#ffffff4d}.compact-delete-button:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.compact-animations-section{min-width:200px;flex:0 0 200px;max-width:200px}.compact-animations-grid{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.compact-animation-button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:all .3s ease;min-width:60px;height:56px;flex-shrink:0}.compact-animation-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-animation-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-animation-icon{font-size:14px}.compact-animation-name{font-size:9px;font-weight:600;text-align:center;line-height:1.1}.compact-animation-controls-section{min-width:180px;flex:1;max-width:250px}.compact-animation-controls{display:flex;flex-direction:column;gap:8px;max-height:80px;overflow:hidden}.compact-speed-control{display:flex;flex-direction:column;gap:2px}.compact-speed-control label{font-size:9px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.compact-reverse-button{padding:4px 8px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:10px;font-weight:500;height:24px}.compact-reverse-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3)}.compact-reverse-button.selected{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.compact-stop-button{padding:4px 8px;background:linear-gradient(145deg,#e74c3c,#c0392b);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:10px;font-weight:500;height:24px}.compact-stop-button:hover{background:linear-gradient(145deg,#c0392b,#a93226)}.compact-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center}.compact-color-picker-modal,.compact-presets-modal,.compact-decoration-assets-modal{background:#fff;border-radius:12px;box-shadow:0 16px 64px #0003;max-width:90vw;max-height:80vh;overflow:hidden;z-index:10001;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.compact-color-picker-modal{min-width:280px;max-width:320px;width:auto;max-height:90vh}.compact-color-picker-horizontal{display:flex;align-items:flex-start;gap:8px;justify-content:center;margin:4px 0}.compact-color-picker-container{display:flex;justify-content:center;align-items:center}.compact-color-picker-container .react-colorful{width:120px!important;height:50px!important}.compact-color-picker-container .react-colorful__saturation{border-radius:4px!important;height:40px!important;margin-bottom:4px!important;box-shadow:0 1px 3px #0000001a!important}.compact-color-picker-container .react-colorful__hue{height:6px!important;border-radius:3px!important;box-shadow:0 1px 2px #0000001a!important}.compact-color-picker-container .react-colorful__pointer{width:10px!important;height:10px!important;border:1px solid #fff!important;box-shadow:0 1px 3px #0003!important}.compact-color-preview-horizontal{display:flex;flex-direction:column;gap:3px;align-items:center}.compact-color-preview-horizontal .compact-color-swatch{display:flex;flex-direction:column;align-items:center;gap:2px}.compact-color-current,.compact-color-new{width:24px;height:24px;border:1px solid rgba(255,255,255,.9);border-radius:4px;box-shadow:0 1px 4px #00000026;transition:transform .2s ease}.compact-color-current:hover,.compact-color-new:hover{transform:scale(1.05)}.compact-color-swatch span{font-size:7px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px}.compact-hex-input-horizontal{display:flex;flex-direction:column;align-items:center;gap:3px}.compact-hex-input-horizontal label{font-size:7px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px}.compact-hex-field{width:50px;padding:3px 4px;border:1px solid rgba(0,0,0,.15);border-radius:3px;font-size:8px;font-family:Courier New,monospace;text-align:center;background:#fafafa;transition:all .2s ease}.compact-hex-field:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 2px #667eea1a}.compact-hex-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.compact-modal-content{padding:8px 12px;overflow-y:auto;max-height:80vh}.compact-modal-content h3{margin:0 0 6px;font-size:14px;font-weight:600;color:#333;text-align:center}.compact-color-picker-modal .compact-modal-content{padding:6px 8px;background:linear-gradient(145deg,#fafafa,#f5f5f5)}.compact-color-picker-modal .compact-modal-content h3{margin:0 0 4px;font-size:10px;font-weight:600;color:#333;text-align:center;text-transform:uppercase;letter-spacing:.5px}.compact-modal-actions{display:flex;gap:6px;margin:4px 8px 6px;justify-content:space-between;align-items:center}.compact-color-picker-modal .compact-modal-actions{gap:6px;margin:4px 8px 6px;justify-content:center}.compact-color-picker-modal .compact-apply-button,.compact-color-picker-modal .compact-cancel-button{padding:4px 12px;font-size:9px;font-weight:600;min-width:50px;height:22px;border-radius:4px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.compact-color-picker-modal .compact-apply-button{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 1px 4px #667eea4d}.compact-color-picker-modal .compact-apply-button:hover{background:linear-gradient(145deg,#5a6fd8,#6941a0);transform:translateY(-1px);box-shadow:0 2px 6px #667eea66}.compact-color-picker-modal .compact-cancel-button{background:linear-gradient(145deg,#f8f9fa,#e9ecef);color:#495057;border:1px solid #dee2e6}.compact-color-picker-modal .compact-cancel-button:hover{background:linear-gradient(145deg,#e9ecef,#dee2e6);transform:translateY(-1px)}.compact-apply-button,.compact-cancel-button,.compact-reset-button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .3s ease;flex:1;max-width:100px}.compact-apply-button{background:linear-gradient(145deg,#667eea,#764ba2);color:#fff}.compact-apply-button:hover{background:linear-gradient(145deg,#764ba2,#667eea)}.compact-cancel-button{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);color:#666}.compact-cancel-button:hover{background:linear-gradient(145deg,#e0e0e0,#d0d0d0)}.compact-reset-button{background:linear-gradient(145deg,#f39c12,#e67e22);color:#fff}.compact-reset-button:hover{background:linear-gradient(145deg,#e67e22,#d35400)}.compact-decoration-assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;max-height:400px;overflow-y:auto}.compact-decoration-asset-button{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(145deg,#fffc,#fff9);border:1px solid rgba(0,0,0,.1);border-radius:8px;cursor:pointer;transition:all .3s ease;align-items:center}.compact-decoration-asset-button:hover{background:linear-gradient(145deg,#ffffffe6,#ffffffb3);transform:translateY(-1px)}.compact-asset-image{width:60px;height:60px;object-fit:contain;border-radius:4px}.compact-asset-name{font-size:11px;font-weight:600;text-align:center;color:#333}@media (max-width: 1200px){.compact-tools-panel{height:110px;margin:10px;left:10px;right:10px;width:calc(100vw - 20px)}.compact-panel-content{height:74px;padding:6px 8px}.compact-tools-row,.compact-properties-row,.compact-animations-row{gap:14px}.compact-tool-button{min-width:55px;padding:3px 2px;height:26px;font-size:9px}}@media (max-width: 900px){.compact-tools-panel{height:100px;margin:8px}.compact-panel-content{height:64px;padding:6px}.compact-tools-row,.compact-properties-row,.compact-animations-row{gap:10px}.compact-tools-section{min-width:120px;max-width:120px}.compact-tool-button{min-width:50px;padding:2px 1px;height:24px;font-size:8px}.compact-colors-section{min-width:100px;max-width:100px}.compact-color-option{width:16px;height:16px}.compact-wheel-button{width:16px;height:16px;font-size:8px}}@media (max-width: 640px){.compact-tools-panel{height:90px;margin:6px}.compact-panel-content{height:58px;padding:4px}.compact-tab-button{padding:6px 8px;font-size:10px}.compact-section-title{font-size:8px;margin:0 0 4px}.compact-tools-section{min-width:100px;max-width:100px}.compact-tool-button{min-width:45px;padding:2px 1px;height:22px;font-size:7px}.compact-colors-section{min-width:80px;max-width:80px}.compact-color-option{width:14px;height:14px}.compact-wheel-button{width:14px;height:14px;font-size:7px}.compact-action-buttons{gap:2px;padding-left:8px}.compact-action-button{width:40px;height:20px;font-size:7px}}@media (prefers-color-scheme: dark){.compact-tools-panel{background:linear-gradient(145deg,#1e1e1ef2,#141414d9);border-color:#ffffff1a}.compact-tab-button{color:#ccc}.compact-tab-button:hover{color:#fff;background:linear-gradient(145deg,#ffffff1a,#ffffff0d)}.compact-section-title{color:#aaa}.compact-tool-button,.compact-animation-button,.compact-color-option,.compact-bulb-type-option{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border-color:#fff3;color:#ccc}.compact-tool-button:hover,.compact-animation-button:hover{background:linear-gradient(145deg,#ffffff26,#ffffff1a)}.compact-modal-content{background:#2a2a2a;color:#fff}}.compact-sequence-section{margin-top:12px}.compact-sequence-toggle{margin-bottom:8px}.compact-sequence-toggle-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 12px;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:2px solid rgba(147,51,234,.3);border-radius:6px;color:#6b21a8;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #9333ea1a}.compact-sequence-toggle-btn:hover{background:linear-gradient(145deg,#9333ea1a,#9333ea0d);border-color:#9333ea80;transform:translateY(-1px);box-shadow:0 4px 12px #9333ea33}.compact-sequence-toggle-btn.active{background:linear-gradient(145deg,#9333ea,#7e22ce);border-color:#9333ea;color:#fff;box-shadow:0 4px 16px #9333ea66}.compact-sequence-icon{font-size:14px;line-height:1}.compact-sequence-label{line-height:1;font-size:11px}.compact-sequence-editor{background:linear-gradient(145deg,#fffffff2,#ffffffd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.2);border-radius:8px;padding:8px;box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;max-width:100%}.compact-sequence-editor::-webkit-scrollbar{height:6px}.compact-sequence-editor::-webkit-scrollbar-track{background:#9333ea1a;border-radius:3px}.compact-sequence-editor::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9333ea,#7e22ce);border-radius:3px}.compact-sequence-editor::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7e22ce,#6b21a8)}.compact-sequence-header{display:flex;align-items:center;gap:6px;padding-right:8px;border-right:1px solid rgba(147,51,234,.2)}.compact-sequence-title{font-size:10px;font-weight:600;color:#6b21a8;white-space:nowrap}.compact-sequence-close{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#0000000d;border:none;border-radius:4px;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.compact-sequence-close:hover{background:#0000001a;color:#333}.compact-sequence-slots{display:flex;gap:6px;flex:0 0 auto}.compact-sequence-slot-wrapper{position:relative;width:40px}.compact-sequence-slot{position:relative;width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(145deg,#ffffffe6,#ffffffb3);border:2px solid rgba(147,51,234,.2);border-radius:6px;cursor:pointer;transition:all .3s ease}.compact-sequence-slot:hover{border-color:#9333ea66;transform:scale(1.05);box-shadow:0 4px 12px #9333ea33}.compact-sequence-slot.editing{border-color:#9333ea;box-shadow:0 0 0 2px #9333ea33}.compact-sequence-slot.filled{background:linear-gradient(145deg,#9333ea1a,#9333ea0d)}.compact-sequence-color-swatch{width:24px;height:24px;border-radius:4px;box-shadow:0 2px 6px #00000026;border:2px solid rgba(255,255,255,.8)}.compact-sequence-slot-number{font-size:9px;font-weight:600;color:#9333ea}.compact-sequence-remove{position:absolute;top:2px;right:2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;border:none;border-radius:3px;color:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.compact-sequence-remove:hover{background:#dc2626;transform:scale(1.1)}.compact-sequence-slot-empty{font-size:20px;color:#9333ea66;font-weight:300}.compact-sequence-color-palette{margin-top:12px;padding-top:12px;border-top:1px solid rgba(147,51,234,.2)}.compact-sequence-palette-title{font-size:11px;font-weight:600;color:#6b21a8;margin-bottom:8px}.compact-sequence-palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.compact-sequence-palette-btn{width:100%;height:36px;border:2px solid rgba(255,255,255,.8);border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a;position:relative}.compact-sequence-palette-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;border-color:#9333ea80}.compact-sequence-palette-btn.selected{border-color:#9333ea;border-width:3px;box-shadow:0 0 0 2px #9333ea4d,0 4px 12px #0003}.compact-sequence-palette-btn.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0009;font-size:16px;font-weight:700;text-shadow:0 0 3px rgba(255,255,255,.8)}.compact-sequence-quick-btn{width:28px;height:28px;border:2px solid rgba(255,255,255,.8);border-radius:4px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.compact-sequence-quick-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003;border-color:#fff}.compact-sequence-preview{display:flex;align-items:center;gap:6px;padding-left:8px;border-left:1px solid rgba(147,51,234,.2);flex:1;min-width:0}.compact-sequence-preview-label{font-size:9px;font-weight:600;color:#6b21a8;white-space:nowrap}.compact-sequence-preview-dots{display:flex;gap:3px;flex-wrap:wrap}.compact-sequence-preview-dot{width:14px;height:14px;border-radius:50%;box-shadow:0 2px 4px #00000026;border:1px solid rgba(255,255,255,.8)}.export-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.export-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.export-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e1e5e9}.export-modal-header h2{margin:0;font-size:24px;font-weight:600;color:#1a202c}.export-modal-body{padding:24px}.form-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#2d3748;border-bottom:2px solid #e1e5e9;padding-bottom:8px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-group{flex:1;display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#4a5568;margin-bottom:6px}.form-group input,.form-group select{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:all .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.form-group input:disabled,.form-group select:disabled{background:#f7fafc;cursor:not-allowed;opacity:.7}.format-options{display:flex;gap:12px;margin-bottom:16px}.format-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 16px;border:2px solid #e1e5e9;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;text-align:center}.format-option:hover:not(:disabled){border-color:#6c5ce7;background:#f8f9ff}.format-option.active{border-color:#6c5ce7;background:#f0f0ff;color:#6c5ce7}.format-option svg{font-size:32px;margin-bottom:8px;color:#a0aec0}.format-option.active svg{color:#6c5ce7}.format-option span{font-size:16px;font-weight:600;margin-bottom:4px}.format-option small{font-size:12px;color:#718096}.format-option:disabled{cursor:not-allowed;opacity:.5}.quality-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#e1e5e9;outline:none;margin:8px 0}.quality-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6c5ce7;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.quality-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6c5ce7;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003}.quality-slider:disabled{opacity:.5;cursor:not-allowed}.quality-slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.quality-slider:disabled::-moz-range-thumb{cursor:not-allowed}.quality-labels{display:flex;justify-content:space-between;font-size:12px;color:#718096;margin-top:4px}.progress-container{display:flex;align-items:center;gap:12px}.progress-bar{flex:1;height:8px;background:#e1e5e9;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#8e7cf8);border-radius:4px;transition:width .3s ease}.progress-text{font-size:14px;font-weight:500;color:#4a5568;min-width:40px;text-align:right}.export-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e1e5e9}.cancel-button,.export-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.export-button{background:#6c5ce7;border:2px solid #6c5ce7;color:#fff}.export-button:hover:not(:disabled){background:#5a4fcf;border-color:#5a4fcf}.export-button:disabled{cursor:not-allowed;opacity:.5;background:#a0aec0;border-color:#a0aec0}.export-button:active:not(:disabled){transform:translateY(1px)}@media (max-width: 640px){.export-modal-overlay{padding:10px}.export-modal{max-height:95vh}.export-modal-header,.export-modal-body,.export-modal-footer{padding-left:16px;padding-right:16px}.form-row{flex-direction:column;gap:12px}.format-options,.export-modal-footer{flex-direction:column}.cancel-button,.export-button{width:100%}}.compact-editor{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;padding-top:var(--lumi-nav-height)}.compact-editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:linear-gradient(145deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000001a;min-height:72px;position:relative;z-index:10}.header-center{display:flex;align-items:center;justify-content:center;flex:1}.title-section{display:flex;align-items:center;gap:20px}.compact-editor-header h1{color:#fff;margin:0;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.project-id{color:#fffc;font-size:14px;background:linear-gradient(135deg,#0003,#0000001a);padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.header-right{display:flex;align-items:center;gap:12px}.compact-btn{padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.compact-btn-secondary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff}.compact-btn-secondary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-1px)}.compact-btn-primary{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c4d}.compact-btn-primary:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-1px);box-shadow:0 6px 20px #e74c3c66}.compact-btn-success{background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;box-shadow:0 4px 15px #27ae604d}.compact-btn-success:hover{background:linear-gradient(135deg,#219a52,#1e8449);transform:translateY(-1px);box-shadow:0 6px 20px #27ae6066}.compact-editor-content{display:flex;flex-direction:column;flex:1;overflow:hidden;position:relative}.compact-canvas-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(145deg,#ffffff0d,#ffffff05);overflow:hidden;padding:16px;margin:0 16px 16px;border-radius:12px;box-shadow:inset 0 4px 20px #0000001a;height:calc(100vh - var(--lumi-nav-height) - 72px - 180px - 48px)}.compact-canvas-area .mockup-canvas-engine{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000026;background:linear-gradient(145deg,#ffffff0d,#ffffff05);display:flex;align-items:center;justify-content:center;position:relative}.compact-canvas-area .mockup-design-canvas{border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 4px 24px #0000001a;object-fit:contain}@media (max-width: 1600px){.compact-canvas-area{padding:12px;margin:0 12px 12px;height:calc(100vh - var(--lumi-nav-height) - 72px - 180px - 36px)}}@media (max-width: 1200px){.compact-editor-header{padding:10px 20px}.compact-editor-header h1{font-size:22px}.compact-canvas-area{padding:10px;margin:0 10px 10px;height:calc(100vh - var(--lumi-nav-height) - 72px - 160px - 30px)}}@media (max-width: 1024px){.compact-editor-header{padding:8px 16px;min-height:64px}.compact-editor-header h1{font-size:20px}.header-right{gap:8px}.compact-btn{padding:8px 12px;font-size:12px}.compact-canvas-area{padding:8px;margin:0 8px 8px;height:calc(100vh - var(--lumi-nav-height) - 64px - 160px - 24px)}}@media (max-width: 900px){.compact-editor-header{flex-direction:column;gap:12px;padding:12px 16px;min-height:auto}.header-center{width:100%}.header-right{gap:8px;flex-wrap:wrap;justify-content:center}.compact-canvas-area{height:calc(100vh - var(--lumi-nav-height) - 100px - 140px - 20px);margin:0 8px 8px}}@media (max-width: 768px){.compact-editor{padding-top:calc(var(--lumi-nav-height) + 10px)}.compact-editor-header{padding:10px 12px;gap:10px}.compact-editor-header h1{font-size:18px}.project-id{font-size:12px;padding:4px 8px}.title-section{gap:12px;flex-direction:column;align-items:center}.header-right{gap:6px}.compact-btn{padding:6px 10px;font-size:11px}.compact-canvas-area{height:calc(100vh - var(--lumi-nav-height) - 120px - 120px - 16px);padding:6px;margin:0 6px 6px}}@media (max-width: 640px){.compact-editor{padding-top:calc(var(--lumi-nav-height) + 5px)}.compact-editor-header{padding:8px 10px}.compact-editor-header h1{font-size:16px}.compact-canvas-area{height:calc(100vh - var(--lumi-nav-height) - 100px - 120px - 12px);margin:0 4px 4px}}@media (max-width: 480px){.compact-editor-header h1{font-size:14px}.project-id{font-size:10px;padding:3px 6px}.compact-btn{padding:5px 8px;font-size:10px}.compact-canvas-area{min-height:140px;padding:4px}}@media (max-width: 360px){.compact-editor-header h1{font-size:12px}.compact-canvas-area{min-height:120px}}@media (min-width: 1440px){.compact-editor-header h1{font-size:26px}.compact-canvas-area{padding:20px;margin:0 20px 20px}}@media (min-width: 1920px){.compact-editor-header h1{font-size:28px}.compact-canvas-area{padding:24px;margin:0 24px 24px}}@media (max-width: 768px) and (orientation: portrait){.compact-canvas-area{min-height:300px}}@media (max-width: 1024px) and (orientation: landscape){.compact-canvas-area{min-height:200px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.compact-canvas-area .mockup-design-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (hover: none) and (pointer: coarse){.compact-btn{min-height:44px;padding:12px 16px}}@media (prefers-reduced-motion: reduce){.compact-btn{transition:none}}@media (prefers-color-scheme: dark){.compact-editor{background:linear-gradient(135deg,#2c3e50,#34495e)}.compact-editor-header{background:linear-gradient(145deg,#0000004d,#0000001a);border-bottom-color:#ffffff0d}.compact-canvas-area{background:linear-gradient(145deg,#0000004d,#0000001a)}.compact-btn-secondary{background:linear-gradient(135deg,#ffffff0d,#ffffff05)}.compact-btn-secondary:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}}.measurement-tracker.fade-in{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.measurement-tracker.fade-in.dialog-mode{background:transparent;min-height:auto;overflow:visible}.measurement-tracker:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#667eea1a,#764ba21a);z-index:0}.measurement-content{display:flex;flex-direction:column;flex:1;padding:64px 24px 0;position:relative;z-index:1;max-width:800px;margin:0 auto;width:100%}.measurement-tracker.dialog-mode .measurement-content{padding:0;max-width:none;margin:0}.measurement-tracker.dialog-mode .measurement-header{margin:8px 0;padding:8px 12px;gap:8px}.measurement-tracker.dialog-mode .header-icon{padding:8px;border-radius:8px}.header-icon{padding:10px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #667eea40;position:relative;overflow:hidden}.header-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.header-title{font-size:20px;font-weight:700;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.measurement-tracker.dialog-mode .header-title{font-size:16px}.header-subtitle{font-size:13px;color:#64748b;margin:2px 0 0;font-weight:500}.measurement-tracker.dialog-mode .header-subtitle{font-size:11px}.reset-button{padding:10px;background:#ef44441a;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ef444426;transition:all .4s cubic-bezier(.4,0,.2,1);color:#ef4444;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.2)}.reset-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 16px 40px #ef44444d;background:#ef444433}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:64px 48px;text-align:center;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;margin:20px 0;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(102,126,234,.1),transparent);animation:rotate 10s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state>*{position:relative;z-index:1}.empty-state-icon{padding:32px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:28px;margin-bottom:32px;color:#667eea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 32px #667eea33;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state-title{font-size:32px;font-weight:900;background:linear-gradient(135deg,#1e293b,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px}.empty-state-subtitle{font-size:18px;color:#64748b;line-height:1.6;margin-bottom:40px;font-weight:500;max-width:400px}.section-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;padding:16px 20px;margin-bottom:12px;box-shadow:0 4px 16px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.measurement-tracker.dialog-mode .section-card{padding:6px 8px;margin-bottom:4px;border-radius:6px}.section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#10b981,#f59e0b,#ef4444);background-size:200% 100%;animation:colorShift 3s ease-in-out infinite}@keyframes colorShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 32px #0000001f;background:#fff}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.measurement-tracker.dialog-mode .section-header{gap:6px;margin-bottom:3px}.section-number{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 2px 8px #00000014;position:relative;overflow:hidden}.measurement-tracker.dialog-mode .section-number{width:24px;height:24px;font-size:11px}.section-number:before{content:"";position:absolute;inset:0;background:inherit;opacity:.8;z-index:-1}.section-name{flex:1;display:flex;align-items:center;min-height:36px}.measurement-tracker.dialog-mode .section-name{min-height:24px}.section-name-display{font-size:16px;font-weight:700;color:#1e293b;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;flex:1;background:linear-gradient(135deg,#667eea0d,#764ba20d)}.measurement-tracker.dialog-mode .section-name-display{font-size:13px;padding:4px 8px}.section-name-display:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translate(4px)}.section-name-input{flex:1;padding:10px 14px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);font-size:16px;font-weight:700;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 4px #00000014}.section-name-input:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a,inset 0 2px 8px #0000001a;transform:translateY(-2px)}.name-edit-buttons{display:flex;gap:4px;margin-left:8px}.name-edit-button{padding:8px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;min-height:32px}.name-edit-button.confirm{background-color:#dcfce7;color:#10b981}.name-edit-button.cancel{background-color:#fef2f2;color:#ef4444}.section-actions-row{display:flex;justify-content:flex-end;margin-bottom:8px}.measurement-tracker.dialog-mode .section-actions-row{margin-bottom:3px}.measurement-tracker.dialog-mode .action-buttons{flex-direction:row;gap:8px;justify-content:center;margin-top:8px;align-items:flex-start}.action-button{padding:4px 8px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014}.measurement-tracker.dialog-mode .action-button{padding:0 4px!important;font-size:9px!important;min-width:auto!important;width:auto!important;height:0px!important;line-height:1!important;border-radius:4px!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;align-items:center;justify-content:center}.action-button.duplicate{background:linear-gradient(135deg,#0ea5e91a,#0ea5e933);color:#0ea5e9;border:1px solid rgba(14,165,233,.2)}.action-button.delete{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#ef4444;border:1px solid rgba(239,68,68,.2)}.action-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000001f}.type-indicator{padding:8px 12px;border-radius:16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.measurement-tracker.dialog-mode .type-indicator{padding:4px 8px;font-size:11px;margin-bottom:3px}.measurement-inputs{margin-bottom:12px}.measurement-tracker.dialog-mode .measurement-inputs{margin-bottom:3px}.measurement-row{display:flex;gap:10px;margin-bottom:10px}.measurement-row:last-child{margin-bottom:0}.measurement-tracker.dialog-mode .measurement-row{gap:6px;margin-bottom:3px}.measurement-input-container{flex:1;position:relative}.measurement-input{width:100%;padding:12px 14px 12px 44px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:16px;font-weight:700;color:#1e293b;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 4px #0000000a}.measurement-tracker.dialog-mode .measurement-input{padding:6px 8px 6px 28px;font-size:12px}.measurement-input:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a,inset 0 2px 8px #0000000d;transform:translateY(-2px)}.measurement-input:hover{background:linear-gradient(135deg,#fff,#f8fafc)}.measurement-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 4px #00000014}.measurement-tracker.dialog-mode .measurement-input-icon{left:8px;padding:3px}.measurement-suffix{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:#64748b;background:linear-gradient(135deg,#64748b1a,#64748b33);padding:3px 6px;border-radius:6px}.measurement-tracker.dialog-mode .measurement-suffix{right:10px;font-size:11px;padding:1px 3px}.horizontal-base-checkbox{padding:12px;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:12px}.measurement-tracker.dialog-mode .horizontal-base-checkbox{padding:6px;margin-bottom:3px}.checkbox-container{display:flex;align-items:center;gap:8px;flex:1}.checkbox-input{width:18px;height:18px;cursor:pointer}.checkbox-label{font-size:14px;font-weight:500;cursor:pointer;flex:1}.measurement-tracker.dialog-mode .checkbox-label{font-size:12px}.info-tooltip{color:#64748b;cursor:help}.calculation-result{padding:12px;border-radius:12px;margin-bottom:12px}.measurement-tracker.dialog-mode .calculation-result{padding:8px;margin-bottom:3px}.calculation-formula{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-style:italic;opacity:.7}.measurement-tracker.dialog-mode .calculation-formula{font-size:9px;margin-bottom:3px}.calculation-display{display:flex;align-items:center;gap:8px}.calculation-text{flex:1;font-size:13px;font-weight:600}.measurement-tracker.dialog-mode .calculation-text{font-size:11px}.calculation-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;opacity:.8}.measurement-tracker.dialog-mode .calculation-badge{padding:2px 5px;font-size:10px}.measurement-tracker .modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .4s ease;padding:20px}.measurement-tracker .modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:32px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;animation:slideUpScale .4s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.3)}@keyframes slideUpScale{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.measurement-tracker .modal-handle{width:48px;height:6px;background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:3px;margin:0 auto 32px;opacity:.6}.measurement-tracker .modal-title{font-size:24px;font-weight:800;color:#1e293b;text-align:center;margin-bottom:12px;background:linear-gradient(135deg,#1e293b,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.measurement-tracker .modal-subtitle{font-size:16px;color:#64748b;text-align:center;margin-bottom:32px;font-weight:500}.measurement-tracker .type-option{display:flex;align-items:center;padding:20px;border:2px solid transparent;border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-bottom:16px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.measurement-tracker .type-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.measurement-tracker .type-option:hover{background:#fffc;border-color:#667eea4d;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #00000026}.measurement-tracker .type-option:hover:before{left:100%}.measurement-tracker .type-option-icon{padding:16px;border-radius:16px;margin-right:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001a;position:relative;z-index:1}.measurement-tracker .type-option-content{flex:1}.measurement-tracker .type-option-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:6px;position:relative;z-index:1}.measurement-tracker .type-option-description{font-size:14px;color:#64748b;font-weight:500;position:relative;z-index:1}.measurement-tracker .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.measurement-tracker .modal-button{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;min-width:100px}.measurement-tracker .modal-button.secondary{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2)}.measurement-tracker .modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(102,126,234,.2)}.measurement-tracker .modal-button.primary:disabled{background:#64748b4d;cursor:not-allowed;transform:none}.measurement-tracker .modal-button:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000026}.measurement-footer{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;box-shadow:0 4px 16px #0000000f,0 1px 8px #00000008;border-bottom:1px solid rgba(255,255,255,.3);position:sticky;top:0;z-index:10;border-radius:0 0 8px 8px;max-width:800px;margin-left:auto;margin-right:auto;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.measurement-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#667eea,#764ba2,#10b981,#f59e0b,#ef4444);background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite}.footer-button{flex:1;min-width:120px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 1px 4px #0000000a;position:relative;overflow:hidden;text-transform:none;letter-spacing:0;border:1px solid transparent}.measurement-tracker.dialog-mode .footer-button{padding:6px 10px;font-size:11px;min-width:80px}.footer-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .4s ease}.footer-button:hover:before{left:100%}.footer-button:active{transform:translateY(1px) scale(.99)}.footer-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea33,0 1px 4px #764ba21f}.footer-button.primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#667eea33;box-shadow:0 3px 12px #667eea40,0 2px 6px #764ba226}.footer-button.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133,0 1px 4px #0596691f;position:relative}.footer-button.success:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);opacity:0;transition:opacity .3s ease}.footer-button.success:hover{background:linear-gradient(135deg,#0d9488,#047857);border-color:#10b98133;box-shadow:0 3px 12px #10b98140,0 2px 6px #05966926}.footer-button.success:hover:after{opacity:1}.footer-button:hover{transform:translateY(-2px) scale(1.005)}.total-display{padding:10px 14px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#fff!important;box-shadow:0 4px 16px #667eea40,0 2px 8px #764ba226;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);flex-shrink:0;min-width:160px}.measurement-tracker.dialog-mode .total-display{padding:6px 10px;min-width:120px}.total-display:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:totalShine 3s ease-in-out infinite;z-index:0}@keyframes totalShine{0%,to{transform:translate(-100%) rotate(45deg)}50%{transform:translate(100%) rotate(45deg)}}.total-label{font-size:14px;font-weight:600;position:relative;z-index:1;text-transform:none;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff!important;opacity:.9}.measurement-tracker.dialog-mode .total-label{font-size:12px}.measure-total-value{font-size:16px;font-weight:800;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.1);color:#fff!important}.measurement-tracker.dialog-mode .total-value{font-size:14px}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.measurement-tracker .fade-in{animation:fadeIn .8s ease}.measurement-tracker .slide-up{animation:slideUp .6s ease}@media (max-width: 768px){.measurement-header{margin:12px 0;padding:12px 16px;gap:12px}.measurement-content{padding:0 16px;max-width:100%}.section-card{padding:14px 16px;margin-bottom:10px}.measurement-footer{padding:8px 12px;border-radius:0 0 12px 12px;flex-direction:column;gap:8px}.footer-button{flex:none;width:100%;padding:10px 16px;font-size:14px;margin-bottom:6px}.footer-button:last-child{margin-bottom:0}.total-display{padding:10px 14px;margin-bottom:6px;min-width:auto;width:100%}.total-label{font-size:14px}.total-value{font-size:16px}.measurement-row{flex-direction:column;gap:12px}.header-title{font-size:18px}.empty-state{padding:32px 20px}.empty-state-title{font-size:24px}.measurement-tracker .modal-content{margin:20px;padding:24px}}@media (min-width: 1200px){.measurement-content{max-width:1000px}.measurement-footer{max-width:1000px;padding:16px 20px;gap:16px}.footer-button{padding:12px 24px;font-size:14px;min-width:140px}.total-display{padding:16px 20px}.measurement-row{gap:16px}.section-card{padding:20px 24px}.header-title{font-size:24px}}.measurement-content::-webkit-scrollbar{width:8px}.measurement-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.measurement-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.measurement-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}.measurement-tracker .alert-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease}.measurement-tracker .alert-content{background:#fff;border-radius:20px;padding:24px;max-width:400px;width:90%;animation:slideUp .3s ease}.measurement-tracker .alert-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.measurement-tracker .alert-icon{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.measurement-tracker .alert-icon.warning{background-color:#fef2f2;color:#ef4444}.measurement-tracker .alert-title{font-size:18px;font-weight:700;color:#1e293b}.measurement-tracker .alert-message{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:24px}.measurement-tracker .alert-actions{display:flex;gap:12px;justify-content:flex-end}.measurement-tracker .alert-button{padding:12px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.measurement-tracker .alert-button.secondary{background-color:transparent;color:#64748b}.measurement-tracker .alert-button.danger{background-color:#ef4444;color:#fff}.measurement-tracker .alert-button:hover{transform:translateY(-1px)}.save-job-modal{max-width:520px}.modal-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.modal-icon{flex-shrink:0;padding:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #667eea33;animation:float 3s ease-in-out infinite}.modal-title-section{flex:1}.modal-title{font-size:24px;font-weight:800;color:#1e293b;margin-bottom:8px;background:linear-gradient(135deg,#1e293b,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{font-size:16px;color:#64748b;font-weight:500;line-height:1.5}.modal-body{margin-bottom:32px}.measurement-summary{display:flex;gap:20px;margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#667eeacc,#764ba2cc);border-radius:12px;border:1px solid rgba(102,126,234,.3)}.measure-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.summary-label{font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.summary-value{font-size:20px;font-weight:800;color:#fff}.input-group{margin-bottom:20px}.input-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.required{color:#ef4444;margin-left:4px}.input-wrapper{position:relative;margin-bottom:12px}.premium-input{width:100%;padding:14px 16px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-size:16px;font-weight:500;color:#1e293b!important;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 4px #0000000a}.premium-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,inset 0 2px 8px #0000000d;transform:translateY(-2px);color:#1e293b!important}.premium-input:hover{background:linear-gradient(135deg,#fff,#f8fafc);color:#1e293b!important}.input-hint{font-size:12px;color:#64748b;text-align:right;margin-top:4px;font-weight:500}.input-examples{margin-top:12px}.examples-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.examples-list{display:flex;flex-wrap:wrap;gap:8px}.example-tag{padding:6px 12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2);border-radius:20px;font-size:12px;font-weight:500;color:#667eea;cursor:pointer;transition:all .2s ease}.example-tag:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translateY(-1px);box-shadow:0 2px 8px #667eea33}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid rgba(0,0,0,.08)}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:measurement-spin 1s linear infinite;margin-right:8px}@keyframes measurement-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-button.secondary{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.2);position:relative;overflow:hidden}.modal-button.secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.modal-button.secondary:hover:before{left:100%}.modal-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(102,126,234,.2);position:relative;overflow:hidden}.modal-button.primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s ease}.modal-button.primary:hover:not(:disabled):before{left:100%}.modal-button:disabled{background:#64748b4d;cursor:not-allowed;transform:none}@media (max-width: 768px){.save-job-modal{margin:16px;padding:24px}.modal-header{flex-direction:column;align-items:center;text-align:center;gap:12px}.modal-icon{order:-1}.measurement-summary{flex-direction:column;gap:12px}.summary-item{flex-direction:row;justify-content:space-between;align-items:center}.examples-list{justify-content:center}.modal-footer{flex-direction:column-reverse}.modal-button{width:100%;margin-bottom:8px}.modal-button:last-child{margin-bottom:0}}.rating-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.rating-dialog-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideInUp .3s ease-out}.rating-dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;z-index:10}.rating-dialog-close:hover{background:#f3f4f6;color:#374151}.rating-dialog-header{padding:24px 24px 16px;text-align:center;border-bottom:1px solid #e5e7eb}.rating-dialog-title{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.025em}.rating-dialog-subtitle{font-size:16px;color:#6b7280;margin:0;line-height:1.5}.rating-dialog-body{padding:24px;display:flex;flex-direction:column;gap:16px}.rating-option{display:flex;align-items:center;gap:16px;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.rating-option:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.rating-option.google-play:hover{border-color:#4285f4;background:#4285f40d}.rating-option.app-store:hover{border-color:#007aff;background:#007aff0d}.rating-option-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.rating-option.google-play .rating-option-icon{background:linear-gradient(135deg,#4285f4,#34a853);color:#fff}.rating-option.app-store .rating-option-icon{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff}.rating-option-content{flex:1}.rating-option-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px;letter-spacing:-.025em}.rating-option-description{font-size:14px;color:#6b7280;margin:0;line-height:1.4}.rating-dialog-footer{padding:16px 24px 24px;text-align:center;border-top:1px solid #e5e7eb}.rating-dialog-footer-text{font-size:14px;color:#6b7280;margin:0;line-height:1.5}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.rating-dialog-content{width:95%;margin:16px}.rating-dialog-header{padding:20px 20px 12px}.rating-dialog-body{padding:20px}.rating-dialog-footer{padding:12px 20px 20px}.rating-option{padding:16px;gap:12px}.rating-option-icon{width:40px;height:40px;font-size:20px}.rating-option-title{font-size:16px}.rating-option-description{font-size:13px}}.rating-dialog-close:focus-visible,.rating-option:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion: reduce){.rating-dialog-overlay,.rating-dialog-content,.rating-option{animation:none}}.subscription-source-dialog-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.subscription-source-dialog-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.subscription-source-dialog-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:18px;transition:all .2s ease;z-index:1}.subscription-source-dialog-close:hover{background:#fff3;transform:scale(1.1)}.subscription-source-dialog-header{padding:30px 30px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.subscription-source-dialog-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 10px}.subscription-source-dialog-subtitle{font-size:14px;color:#ffffffb3;margin:0;line-height:1.5}.subscription-source-dialog-body{padding:25px;display:flex;flex-direction:column;gap:15px}.subscription-source-option{display:flex;align-items:center;gap:15px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%;position:relative;overflow:hidden}.subscription-source-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .3s ease}.subscription-source-option:hover:before{opacity:1}.subscription-source-option:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.subscription-source-option.apple{border-color:#007aff4d}.subscription-source-option.apple:hover{border-color:#007aff99;background:#007aff1a}.subscription-source-option.google{border-color:#4285f44d}.subscription-source-option.google:hover{border-color:#4285f499;background:#4285f41a}.subscription-source-option.stripe{border-color:#635bff4d}.subscription-source-option.stripe:hover{border-color:#635bff99;background:#635bff1a}.subscription-source-option-icon{flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:28px;position:relative;z-index:1}.subscription-source-option.apple .subscription-source-option-icon{color:#007aff;background:#007aff26}.subscription-source-option.google .subscription-source-option-icon{color:#4285f4;background:#4285f426}.subscription-source-option.stripe .subscription-source-option-icon{color:#635bff;background:#635bff26}.subscription-source-option-content{flex:1;position:relative;z-index:1}.subscription-source-option-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 5px}.subscription-source-option-description{font-size:13px;color:#fff9;margin:0;line-height:1.4}.subscription-source-dialog-footer{padding:15px 30px 25px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.subscription-source-dialog-note{font-size:12px;color:#ffffff80;margin:0;line-height:1.5}@media (max-width: 600px){.subscription-source-dialog-content{max-width:100%;border-radius:20px 20px 0 0;max-height:85vh}.subscription-source-dialog-header{padding:25px 20px 15px}.subscription-source-dialog-title{font-size:20px}.subscription-source-dialog-subtitle{font-size:13px}.subscription-source-dialog-body{padding:20px}.subscription-source-option{padding:15px}.subscription-source-option-icon{width:45px;height:45px;font-size:24px}.subscription-source-option-title{font-size:15px}.subscription-source-option-description{font-size:12px}}.subscription-source-dialog-content::-webkit-scrollbar{width:8px}.subscription-source-dialog-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.subscription-source-dialog-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.subscription-source-dialog-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.whats-new-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}.whats-new-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:24px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1);animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.whats-new-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.whats-new-header-content{display:flex;align-items:center;gap:16px}.whats-new-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.whats-new-title{font-size:24px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.whats-new-version{font-size:14px;color:#ffffffe6;margin:4px 0 0;font-weight:500}.whats-new-close{width:40px;height:40px;border:none;background:#fff3;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.whats-new-close:hover{background:#ffffff4d;transform:scale(1.05)}.whats-new-close:active{transform:scale(.95)}.whats-new-content{padding:28px;overflow-y:auto;flex:1}.whats-new-content::-webkit-scrollbar{width:8px}.whats-new-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.whats-new-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.whats-new-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.whats-new-intro{font-size:16px;color:#ffffffe6;margin:0 0 24px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;display:flex;gap:16px;transition:all .3s ease}.feature-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.feature-icon{width:44px;height:44px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.feature-content{flex:1;min-width:0}.feature-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.feature-title{font-size:16px;font-weight:600;color:#fff;margin:0;line-height:1.3}.category-badge{font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.category-badge.new{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.category-badge.improved{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.category-badge.fixed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.feature-description{font-size:14px;color:#ffffffbf;margin:0;line-height:1.5}.whats-new-footer{background:#ffffff0d;border-radius:16px;padding:20px;text-align:center}.whats-new-thanks{font-size:14px;color:#fffc;margin:0 0 16px;line-height:1.6}.whats-new-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea66}.whats-new-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.whats-new-cta:active{transform:translateY(0)}@media (max-width: 768px){.whats-new-overlay{padding:0}.whats-new-modal{max-height:100vh;border-radius:0;max-width:100%}.whats-new-header{padding:20px}.whats-new-icon{width:40px;height:40px;font-size:20px}.whats-new-title{font-size:20px}.whats-new-content{padding:20px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:16px}.feature-icon{width:40px;height:40px;font-size:18px}.feature-title{font-size:15px}.feature-description{font-size:13px}}@media (max-width: 480px){.whats-new-header-content{gap:12px}.whats-new-icon{width:36px;height:36px;font-size:18px}.whats-new-title{font-size:18px}.whats-new-version{font-size:12px}.whats-new-close{width:36px;height:36px;font-size:16px}.feature-card{flex-direction:column;gap:12px}.feature-header{flex-direction:column;align-items:flex-start}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.add-edit-modal{background:#1e1e2e;border-radius:16px;width:100%;max-width:550px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.add-edit-modal .modal-header{padding:8px 20px 12px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.add-edit-modal .modal-handle{width:32px;height:3px;background:#ffffff4d;border-radius:2px;margin:0 auto 4px}.add-edit-modal .header-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.add-edit-modal .header-icon{padding:6px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-radius:8px;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}.add-edit-modal .header-text{flex:1;text-align:center;width:100%}.add-edit-modal .modal-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px;text-align:center;width:100%;line-height:1.2}.add-edit-modal .modal-subtitle{color:#fffc;margin:0;font-size:13px;text-align:center;width:100%;line-height:1.3;font-weight:400}.add-edit-modal .close-button{position:absolute;top:8px;right:16px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;padding:8px;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;justify-content:center}.add-edit-modal .close-button:hover{background:#ffffff4d;color:#fff;transform:scale(1.05)}.item-form{flex:1;overflow-y:auto;padding:24px}.form-section{margin-bottom:32px}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 20px;padding-bottom:8px;border-bottom:2px solid rgba(108,92,231,.3)}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;color:#ffffffe6;font-weight:500;margin-bottom:8px;font-size:14px}.form-group select{width:100%;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 40px 12px 16px;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box;cursor:pointer;appearance:none;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='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-group input,.form-group textarea{width:100%;background:#0003;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s ease;box-sizing:border-box}.form-group select:focus{outline:none;border-color:#6c5ce7;background:#ffffff1f;box-shadow:0 0 0 3px #6c5ce733}.form-group select option{background:#1e1e2e;color:#fff;padding:8px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6c5ce7;background:#0000004d;box-shadow:0 0 0 3px #6c5ce733;color:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff6b6b}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group{display:flex;align-items:center;gap:12px}.checkbox-group input[type=checkbox]{width:auto;margin:0;accent-color:#6c5ce7}.checkbox-group label{margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.error-text{color:#ff6b6b;font-size:12px;margin-top:4px;display:block}.calculated-values{margin-top:20px;padding:20px;background:linear-gradient(135deg,#6c5ce71a,#667eea0d);border:1px solid rgba(108,92,231,.3);border-radius:16px;position:relative;overflow:hidden}.calculated-values:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:16px 16px 0 0}.calculated-values h4{color:#fff;font-size:16px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.calculated-values h4:before{content:"📊";font-size:18px}.calc-chips{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.calc-chip{display:flex;flex-direction:column;align-items:center;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.total-value-chip{background:linear-gradient(135deg,#6c5ce733,#667eea1a);border:2px solid rgba(108,92,231,.4);position:relative;overflow:hidden}.total-value-chip:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:12px 12px 0 0}.total-value{color:#6c5ce7!important;font-size:20px!important;font-weight:900!important;text-shadow:0 2px 4px rgba(108,92,231,.3)}.calc-chip:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce733}.calc-label{color:#ffffffb3;font-size:12px;font-weight:500;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.calc-value{color:#6c5ce7;font-weight:800;font-size:18px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.calc-breakdown{margin-top:16px;padding:16px;background:#0003;border-radius:12px;border-left:4px solid #6c5ce7}.calc-step{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;color:#ffffffe6}.calc-number{background:#6c5ce733;color:#a29bfe;padding:4px 8px;border-radius:6px;font-weight:600;border:1px solid rgba(108,92,231,.3)}.calc-operator{color:#fff9;font-weight:400;margin:0 2px}.calc-equals{color:#6c5ce7;font-weight:700;margin:0 4px}.calc-result{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:8px;font-weight:800;font-size:16px;box-shadow:0 2px 8px #667eea4d}.calc-explanation{color:#fffc;font-size:13px;line-height:1.5;text-align:center;font-style:italic}.form-actions{display:flex;gap:16px;padding:24px;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05}.btn-secondary,.btn-primary{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#fff}.btn-primary{padding:14px 24px;border:none;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .4s ease}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1,#e879f9);transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:active:not(:disabled){transform:translateY(0);transition:all .1s ease}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{padding:14px 24px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-edit-modal .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:add-edit-spin 1s linear infinite}@keyframes add-edit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.total-value-display{margin-top:16px;padding:16px;background:linear-gradient(135deg,#6c5ce71a,#667eea0d);border:1px solid rgba(108,92,231,.3);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.total-value-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.total-value-icon{font-size:18px}.total-value-label{color:#fff;font-weight:600;font-size:14px}.total-value-calculation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:16px;color:#ffffffe6}.calc-component{display:flex;align-items:baseline;gap:2px}.calc-symbol{color:#ffffffb3;font-size:14px}.calc-number{color:#a29bfe;font-weight:600}.calc-unit{color:#fff9;font-size:12px;font-weight:400}.calc-operator{color:#ffffff80;font-weight:300;margin:0 4px}.calc-equals{color:#6c5ce7;font-weight:700;margin:0 8px}.total-value-result{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:8px;font-weight:800;font-size:18px;box-shadow:0 2px 8px #667eea4d;border:2px solid rgba(255,255,255,.1)}@media (max-width: 768px){.add-edit-modal{margin:10px;max-height:95vh}.form-row{grid-template-columns:1fr}.add-edit-modal .modal-header{padding:8px 12px 6px}.add-edit-modal .modal-title{font-size:14px}.item-form{padding:20px}.form-actions{padding:20px;flex-direction:column}}@media (max-width: 480px){.modal-overlay{padding:0}.add-edit-modal{border-radius:20px 20px 0 0;margin:auto 0 0;max-height:90vh}}.toggle-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#ffffffe6;font-size:16px}.toggle-text{flex:1}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid rgba(255,255,255,.3);transition:all .4s ease;border-radius:34px;box-shadow:inset 0 2px 4px #0003}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background:linear-gradient(135deg,#fff,#f0f0f0);transition:all .4s ease;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.slider{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-color:#6c5ce7;box-shadow:0 0 0 2px #6c5ce74d}.toggle-switch input:checked+.slider:before{transform:translate(26px);background:#fff}.slider:hover{box-shadow:inset 0 2px 6px #0000004d}.toggle-switch input:checked+.slider:hover{box-shadow:0 0 0 4px #6c5ce766}.archived-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.archived-modal-content{background:linear-gradient(135deg,#2d2d44,#1e1e2e);border-radius:20px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.archived-modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.archived-modal-search{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.archived-search-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s ease}.archived-search-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff26}.archived-search-input::placeholder{color:#ffffff80}.archived-modal-items{flex:1;overflow-y:auto;padding:20px 24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.archived-modal-container .loading-spinner{width:40px;height:40px;border:2px solid rgba(108,92,231,.3);border-top:2px solid #6c5ce7;border-radius:50%;animation:archived-spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#ffffffb3;margin:0}.empty-state h3{color:#fffc;font-size:18px;margin:0 0 8px}.empty-state p{color:#fff9;font-size:14px;margin:0}.archived-items-list{display:flex;flex-direction:column;gap:16px}.archived-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;transition:all .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.archived-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.item-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.item-icon{padding:10px;background:#6c5ce733;border-radius:12px;color:#6c5ce7;font-size:20px}.item-details h4{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}.item-details p{color:#fff9;font-size:14px;margin:0}.item-stats{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;color:#fffc;font-size:14px}.stat svg{font-size:12px}.item-description{color:#ffffffb3;font-size:13px;margin:12px 0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item-metadata{display:flex;gap:16px;font-size:12px;color:#fff9;flex-wrap:wrap}.item-actions{display:flex;flex-direction:column;gap:8px}.restore-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.restore-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00b8944d}.delete-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#e17055,#d63031);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.delete-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e770554d}.archived-modal-actions{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.modal-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}@keyframes archived-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.archived-modal-overlay{padding:10px}.archived-modal-content{max-height:95vh}.archived-modal-header{padding:20px}.modal-title{font-size:20px}.archived-modal-search,.archived-modal-items{padding:16px 20px}.archived-item{padding:16px;flex-direction:column;align-items:stretch;gap:16px}.item-header{flex-direction:column;text-align:center;gap:12px}.item-stats,.item-metadata{justify-content:center}.item-actions{align-items:center}.restore-button,.delete-button{justify-content:center}.archived-modal-actions{padding:20px}}@media (max-width: 480px){.archived-modal-header{flex-direction:column;gap:16px}.modal-close-button{align-self:flex-end}.item-stats{flex-direction:column;gap:8px;align-items:center}.item-metadata{flex-direction:column;gap:4px;align-items:center}}.inventory-fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.fab-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:-1;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fab-overlay.active{opacity:1}.fab-actions{position:absolute;bottom:80px;right:0;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(30px) scale(.9);transition:all .4s cubic-bezier(.34,1.56,.64,1);pointer-events:none;transform-origin:bottom right}.fab-actions.expanded{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.fab-action-button{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,inset 0 1px #ffffff4d;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:600;white-space:nowrap;min-width:180px;justify-content:flex-start;position:relative;overflow:hidden;transform:translate(20px)}.fab-action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.fab-action-button:hover:before{left:100%}.fab-action-button:hover{transform:translateY(-3px) translate(0) scale(1.02);box-shadow:0 12px 40px #00000026,0 4px 16px #0000001a,inset 0 1px #fff6}.fab-action-button:active{transform:translateY(-1px) scale(.98);transition-duration:.1s}.fab-action-button:focus{outline:none;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 3px #6c5ce74d}.fab-action-button.add-item{color:#6366f1;background:linear-gradient(135deg,#fffffff2,#6366f114);border-left:4px solid #6366f1;position:relative}.fab-action-button.add-item:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#6366f1,#4f46e5);border-radius:2px 0 0 2px;opacity:.8}.fab-action-button.add-item:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:#6366f166;transform:translateY(-4px) translate(0) scale(1.03);box-shadow:0 16px 48px #6366f140,0 8px 24px #6366f126,inset 0 1px #fff3}.fab-action-button.add-item:hover:after{opacity:1;background:linear-gradient(180deg,#4f46e5,#3730a3)}.fab-action-button.submit-order{color:#10b981;background:linear-gradient(135deg,#fffffff2,#10b98114);border-left:4px solid #10b981;position:relative}.fab-action-button.submit-order:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#10b981,#059669);border-radius:2px 0 0 2px;opacity:.8}.fab-action-button.submit-order:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b98166;transform:translateY(-4px) translate(0) scale(1.03);box-shadow:0 16px 48px #10b98140,0 8px 24px #10b98126,inset 0 1px #fff3}.fab-action-button.submit-order:hover:after{opacity:1;background:linear-gradient(180deg,#059669,#047857)}.fab-action-button.submit-job{color:#f59e0b;background:linear-gradient(135deg,#fffffff2,#f59e0b14);border-left:4px solid #f59e0b;position:relative}.fab-action-button.submit-job:after{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:2px 0 0 2px;opacity:.8}.fab-action-button.submit-job:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#f59e0b66;transform:translateY(-4px) translate(0) scale(1.03);box-shadow:0 16px 48px #f59e0b40,0 8px 24px #f59e0b26,inset 0 1px #fff3}.fab-action-button.submit-job:hover:after{opacity:1;background:linear-gradient(180deg,#d97706,#b45309)}.fab-action-button.add-item .fab-icon{background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;padding:4px;color:#fff;transition:all .3s ease}.fab-action-button.add-item:hover .fab-icon{background:linear-gradient(135deg,#4f46e5,#3730a3);transform:scale(1.1) rotate(5deg)}.fab-action-button.submit-order .fab-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;padding:4px;color:#fff;transition:all .3s ease}.fab-action-button.submit-order:hover .fab-icon{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.1) rotate(-5deg)}.fab-action-button.submit-job .fab-icon{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;padding:4px;color:#fff;transition:all .3s ease}.fab-action-button.submit-job:hover .fab-icon{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.1) rotate(5deg)}.fab-action-button .fab-label{font-size:15px;font-weight:600;letter-spacing:-.01em;position:relative;z-index:1;transition:all .3s ease}.fab-action-button:hover .fab-label{font-weight:700;letter-spacing:.01em}.fab-action-button:active{transform:translateY(-2px) scale(.97);transition-duration:.1s}.fab-action-button:active:after{animation:pulse .2s ease}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scaleX(1.2)}to{transform:scaleX(1)}}.fab-action-button:focus{outline:none;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 3px #6c5ce74d,inset 0 1px #ffffff4d}.fab-action-button.add-item:focus{box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 3px #6366f166,inset 0 1px #ffffff4d}.fab-action-button.submit-order:focus{box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 3px #10b98166,inset 0 1px #ffffff4d}.fab-action-button.submit-job:focus{box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 3px #f59e0b66,inset 0 1px #ffffff4d}.fab-label{font-size:15px;font-weight:600;letter-spacing:-.01em;position:relative;z-index:1}.fab-icon{width:20px;height:20px;flex-shrink:0;position:relative;z-index:1}.fab-main{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5,#3730a3);border:none;border-radius:50%;color:#fff;font-size:28px;cursor:pointer;box-shadow:0 8px 32px #6366f14d,0 4px 16px #6366f133,inset 0 1px #fff3;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transform:scale(1)}.fab-main:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s ease}.fab-main:hover:before{width:120%;height:120%}.fab-main:hover{transform:scale(1.08);box-shadow:0 12px 40px #6366f166,0 6px 20px #6366f14d,inset 0 1px #ffffff4d}.fab-main:active{transform:scale(.95);transition-duration:.1s}.fab-main:focus{outline:none;box-shadow:0 8px 32px #6366f14d,0 4px 16px #6366f133,0 0 0 3px #6366f166}.fab-main.job-management{background:linear-gradient(135deg,#6366f1,#4f46e5,#3730a3)}.fab-main.job-management:hover{background:linear-gradient(135deg,#4f46e5,#3730a3,#312e81);box-shadow:0 12px 40px #6366f166,0 6px 20px #6366f14d,inset 0 1px #ffffff4d}.fab-actions.expanded .fab-action-button:nth-child(1){animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1) .1s both}.fab-actions.expanded .fab-action-button:nth-child(2){animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1) .2s both}.fab-actions.expanded .fab-action-button:nth-child(3){animation:slideInUp .4s cubic-bezier(.34,1.56,.64,1) .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) translate(20px) scale(.9)}to{opacity:1;transform:translateY(0) translate(0) scale(1)}}@media (prefers-color-scheme: dark){.fab-action-button{background:#1f2937f2;border-color:#4b55634d;color:#f9fafb}.fab-action-button.add-item{background:linear-gradient(135deg,#1f2937f2,#6366f11f);border-left-color:#6366f1}.fab-action-button.add-item:after{background:linear-gradient(180deg,#6366f1,#4f46e5)}.fab-action-button.submit-order{background:linear-gradient(135deg,#1f2937f2,#10b9811f);border-left-color:#10b981}.fab-action-button.submit-order:after{background:linear-gradient(180deg,#10b981,#059669)}.fab-action-button.submit-job{background:linear-gradient(135deg,#1f2937f2,#f59e0b1f);border-left-color:#f59e0b}.fab-action-button.submit-job:after{background:linear-gradient(180deg,#f59e0b,#d97706)}.fab-action-button:hover{box-shadow:0 12px 40px #0000004d,0 4px 16px #0003,inset 0 1px #ffffff1a}}@media (max-width: 768px){.inventory-fab-container{bottom:20px;right:20px}.fab-action-button{min-width:160px;padding:12px 16px;font-size:14px;gap:12px}.fab-main{width:56px;height:56px;font-size:24px}.fab-actions{bottom:76px;gap:12px}.fab-icon{width:18px;height:18px}}@media (max-width: 480px){.inventory-fab-container{bottom:16px;right:16px}.fab-action-button{min-width:140px;padding:10px 14px;font-size:13px;gap:10px}.fab-label{font-size:13px}.fab-main{width:52px;height:52px;font-size:22px}.fab-actions{bottom:72px;gap:10px}.fab-icon{width:16px;height:16px}}@media (prefers-reduced-motion: reduce){.fab-actions,.fab-main,.fab-action-button,.fab-overlay{transition:none}.fab-actions.expanded .fab-action-button{animation:none}.fab-main:before,.fab-action-button:before{display:none}}@media (prefers-contrast: high){.fab-action-button{border:2px solid currentColor;background:#fff;border-left-width:6px}.fab-action-button:after{display:none}.fab-action-button.add-item{border-left-color:#6366f1}.fab-action-button.submit-order{border-left-color:#10b981}.fab-action-button.submit-job{border-left-color:#f59e0b}.fab-main{border:3px solid white;background:#000}@media (prefers-color-scheme: dark){.fab-action-button{background:#000;border-color:#fff}.fab-action-button.add-item{border-left-color:#818cf8}.fab-action-button.submit-order{border-left-color:#34d399}.fab-action-button.submit-job{border-left-color:#fbbf24}}}@media print{.inventory-fab-container,.fab-overlay{display:none!important}}.inventory-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;overflow-y:auto}.inventory-modal-content{background:linear-gradient(135deg,#2d2d44,#1e1e2e);border-radius:20px;max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.inventory-modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start}.modal-header-info{flex:1}.modal-title{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.modal-subtitle{color:#ffffffb3;font-size:14px;margin:0}.modal-close-button{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-button:hover{background:#fff3;transform:scale(1.1)}.inventory-modal-filters{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:16px;align-items:center}.inventory-search-container{flex:1;position:relative}.inventory-search-input{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;transition:all .2s ease}.inventory-search-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff26}.inventory-search-input::placeholder{color:#ffffff80}.category-select{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;min-width:160px;cursor:pointer}.category-select:focus{outline:none;border-color:#6c5ce7}.category-select option{background:#2d2d44;color:#fff}.selected-items-summary{padding:20px 24px;background:#6c5ce71a;border-bottom:1px solid rgba(255,255,255,.1)}.selected-items-summary h3{color:#fff;font-size:18px;margin:0 0 12px}.summary-stats{color:#fffc;font-size:14px;margin-bottom:16px}.selected-items-list{display:flex;flex-wrap:wrap;gap:8px}.selected-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:14px}.selected-item .item-name{color:#fff;font-weight:500}.selected-item .item-quantity{color:#fffc}.remove-selected-button{background:none;border:none;color:#fff9;cursor:pointer;padding:2px;border-radius:4px;transition:all .2s ease}.remove-selected-button:hover{color:#ff6b6b;background:#ff6b6b1a}.inventory-modal-items{flex:1;overflow-y:auto;padding:20px 24px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;color:#ffffff4d;margin-bottom:16px}.empty-state p{color:#fff9;font-size:16px;margin:0}.inventory-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;margin-bottom:16px;transition:all .3s ease}.inventory-item:hover{background:#ffffff14;border-color:#fff3}.inventory-item.selected{background:#6c5ce733;border-color:#6c5ce7}.inventory-item.disabled{opacity:.5;cursor:not-allowed}.inventory-item.disabled:hover{background:#ffffff0d;border-color:#ffffff1a}.item-info{margin-bottom:16px}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.item-name{color:#fff;font-size:18px;font-weight:600;margin:0}.item-badges{display:flex;gap:8px}.badge{padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase}.badge.low-stock{background:#ff6b6b33;color:#ff6b6b}.badge.out-of-stock{background:#ff383833;color:#ff3838}.item-details{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.item-category{color:#fff9;font-size:14px}.item-quantity,.item-price{display:flex;align-items:center;gap:4px;color:#fffc;font-size:14px}.item-description{color:#ffffffb3;font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quantity-controls{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.quantity-controls label{color:#fffc;font-size:14px;font-weight:500}.quantity-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;width:80px;text-align:center}.quantity-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff26}.max-info{color:#fff9;font-size:12px}.inventory-modal-actions{padding:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:16px}.modal-button{padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.modal-button.cancel{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.modal-button.cancel:hover{background:#ffffff1a;color:#fff}.modal-button.primary{background:#6c5ce7;color:#fff}.modal-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6c5ce74d}.modal-button.disabled{opacity:.5;cursor:not-allowed}.modal-button.disabled:hover{transform:none;box-shadow:none}@media (max-width: 768px){.inventory-modal-overlay{padding:10px}.inventory-modal-content{max-height:95vh}.inventory-modal-header{padding:20px}.modal-title{font-size:20px}.inventory-modal-filters{flex-direction:column;gap:12px;padding:16px 20px}.category-select{min-width:100%}.inventory-modal-items{padding:16px 20px}.inventory-item{padding:16px}.item-details,.quantity-controls{flex-direction:column;align-items:flex-start;gap:8px}.inventory-modal-actions{padding:20px;flex-direction:column}.modal-button{justify-content:center}}@media (max-width: 480px){.inventory-modal-header{flex-direction:column;gap:16px}.modal-close-button{align-self:flex-end}.selected-items-list{flex-direction:column}.selected-item{justify-content:space-between}}.finalize-job-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.finalize-job-content{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border-radius:16px;width:100%;max-width:1000px;height:85vh;max-height:800px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;overflow:hidden}.finalize-job-header{display:flex;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0;gap:16px}.header-info{flex:1;min-width:0}.finalize-job-title{margin:0 0 4px;font-size:20px;font-weight:600;color:#fff}.finalize-job-subtitle{margin:0;font-size:13px;color:#fff9}.finalize-job-close{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-left:auto}.finalize-job-close:hover{background:#fff3;transform:scale(1.1)}.job-search-section{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.job-search-container{display:flex;align-items:center}.job-search-input-wrapper{position:relative;flex:1;max-width:400px}.job-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:14px;z-index:1}.job-search-input{width:100%;padding:12px 14px 12px 40px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.job-search-input::placeholder{color:#ffffff80}.job-search-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff1f;box-shadow:0 0 0 3px #6c5ce733;transform:translateY(-1px)}.job-search-input:hover{border-color:#ffffff40;background:#ffffff1a}.job-clear-search-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s ease;z-index:1}.job-clear-search-button:hover{background:#ff6b6b4d;color:#ff6b6b;transform:translateY(-50%) scale(1.1)}.job-search-results-info{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#fff9;margin-top:8px}.job-results-count{font-weight:500;color:#fffc}.job-no-results{color:#f59e0b;font-style:italic}.batch-actions{display:flex;align-items:center;gap:16px}.select-all-checkbox{display:flex;align-items:center;gap:8px;color:#fffc;font-size:13px;cursor:pointer}.select-all-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#6c5ce7}.batch-finalize-btn{padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.batch-finalize-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.batch-finalize-btn:disabled{opacity:.5;cursor:not-allowed}.finalize-job-body{flex:1;overflow-y:auto;padding:20px;min-height:0}.finalize-job-body::-webkit-scrollbar{width:8px}.finalize-job-body::-webkit-scrollbar-track{background:#ffffff0d}.finalize-job-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.finalize-job-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.jobs-list{display:flex;flex-direction:column;gap:12px}.job-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;transition:all .2s}.job-card:hover{background:#ffffff14;transform:translate(2px)}.job-card.selected{background:#6c5ce726;border-color:#6c5ce74d}.job-card.processing{opacity:.6;pointer-events:none}.job-header{display:flex;align-items:center;padding:14px;gap:12px}.job-checkbox{flex-shrink:0}.job-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6c5ce7}.job-info{flex:1;cursor:pointer;min-width:0}.job-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.expand-button{background:none;border:none;color:#fff9;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .2s}.expand-button.expanded{transform:rotate(90deg)}.inventory-job-name{margin:0;font-size:15px;font-weight:500;color:#fff!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-items-count{font-size:12px;color:#fff!important}.job-summary{display:flex;gap:16px}.job-meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#fff9}.job-meta-item svg{width:12px;height:12px}.job-actions{display:flex;gap:8px;flex-shrink:0}.job-action-button{width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.job-action-button.edit-button{background:#f59e0b33;color:#f59e0b}.job-action-button.edit-button:hover:not(:disabled){background:#f59e0b4d;transform:scale(1.1)}.job-action-button.delete-job-button{background:#ef444433;color:#ef4444}.job-action-button.delete-job-button:hover:not(:disabled){background:#ef44444d;transform:scale(1.1)}.job-action-button.finalize-button{background:#10b98133;color:#10b981}.job-action-button.finalize-button:hover:not(:disabled){background:#10b9814d;transform:scale(1.1)}.job-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.job-action-button.processing svg{animation:spin 1s linear infinite}.job-expanded-content{padding:0 14px 14px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.job-description{margin:0 0 12px;padding:10px;background:#0003;border-radius:6px;font-size:13px;color:#ffffffb3;line-height:1.5}.job-meta{display:flex;gap:16px;margin-bottom:12px}.job-date{font-size:12px;color:#ffffff80}.reserved-items{margin-top:12px}.reserved-items h5{margin:0 0 8px;font-size:13px;font-weight:500;color:#fffc}.reserved-items-list{display:flex;flex-direction:column;gap:6px}.reserved-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ffffff0d;border-radius:6px}.reserved-item-info{display:flex;align-items:center;gap:8px;flex:1}.reserved-item-name{color:#fff;font-size:13px}.reserved-item-quantity{display:flex;align-items:center;gap:4px;color:#fff9;font-size:12px}.delete-reserved-button{background:#ff6b6b33;color:#ff6b6b;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.delete-reserved-button:hover:not(:disabled){background:#ff6b6b4d;transform:scale(1.05)}.delete-reserved-button:disabled{opacity:.5;cursor:not-allowed}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;text-align:center;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #6c5ce7;border-radius:50%;animation:spin 1s linear infinite}.loading-state p,.error-state p{color:#ffffffb3;font-size:14px;margin:0}.error-state{color:#ff6b6b}.error-state svg{width:48px;height:48px;color:#ff6b6b}.retry-button{padding:8px 20px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border:none;border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}.empty-icon{font-size:48px;color:#fff3}.empty-state h3{margin:0;font-size:18px;color:#fff}.empty-state p{margin:0;font-size:14px;color:#fff9}.finalize-job-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid rgba(255,255,255,.1);background:#0003;flex-shrink:0}.footer-info{font-size:13px;color:#fff9}.cancel-button{padding:8px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#ffffff26}.start-job-button{padding:8px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.start-job-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.start-job-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.edit-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.edit-modal-content{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);border-radius:16px;max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080;overflow:hidden}.edit-modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.edit-modal-title{color:#fff;font-size:20px;font-weight:600;margin:0}.edit-modal-close{background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-modal-close:hover{background:#fff3;transform:scale(1.1)}.edit-modal-body{padding:20px;flex:1;overflow-y:auto}.edit-section{margin-bottom:24px}.edit-section h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.add-item-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.add-item-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.form-group{margin-bottom:14px}.form-group label{display:block;color:#fffc;font-size:13px;font-weight:500;margin-bottom:6px}.edit-input,.edit-textarea{width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:10px;color:#fff;font-size:13px;transition:all .2s;box-sizing:border-box}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#6c5ce7;background:#ffffff26}.edit-textarea{resize:vertical;min-height:60px;font-family:inherit}.add-item-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px;margin-bottom:12px}.form-row{display:flex;gap:10px;align-items:center}.edit-quantity-input{width:70px;text-align:center}.save-item-button,.cancel-item-button{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.save-item-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.save-item-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.save-item-button:disabled{opacity:.5;cursor:not-allowed}.cancel-item-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.cancel-item-button:hover{background:#ffffff26}.items-list{display:flex;flex-direction:column;gap:10px}.edit-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;gap:12px}.item-controls{display:flex;align-items:center;gap:10px}.remove-item-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.remove-item-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ef44444d}.edit-modal-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:12px}.save-button{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6c5ce74d}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.finalize-job-overlay{padding:10px}.finalize-job-content{max-width:100%;height:90vh}.finalize-job-header{padding:16px;flex-wrap:wrap;gap:12px}.finalize-job-title{font-size:18px}.job-search-section{padding:12px 16px}.job-search-container{flex-direction:column;align-items:stretch;gap:12px}.batch-actions{flex-direction:column;align-items:flex-start;gap:10px}.finalize-job-body{padding:16px}.job-header{flex-wrap:wrap}.job-info{width:100%;order:1}.job-checkbox{order:0}.job-actions{order:2;margin-left:auto}.finalize-job-footer{padding:14px 16px}.edit-modal-content{max-height:90vh}.form-row{flex-direction:column;align-items:stretch}.edit-quantity-input{width:100%}.edit-item{flex-direction:column;align-items:stretch;gap:10px}.item-controls{justify-content:space-between}.edit-modal-footer{flex-direction:column}.save-button,.cancel-button{width:100%;justify-content:center}}.selected-count{font-size:12px;color:#fff9;background:#6c5ce733;padding:4px 8px;border-radius:12px}.inventory-selection{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.inventory-item-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.inventory-item-row:hover{background:#ffffff14;border-color:#fff3}.inventory-item-info{flex:1;min-width:0}.inventory-item-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px}.item-details{display:flex;gap:12px;font-size:12px;color:#fff9}.item-category{background:#6c5ce733;color:#a78bfa;padding:2px 6px;border-radius:4px}.item-available{color:#10b981cc}.item-quantity-controls{display:flex;align-items:center;gap:8px;margin-left:16px}.quantity-label{font-size:12px;color:#fff}.inventory-quantity-input{width:60px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px 8px;color:#fff;font-size:13px;text-align:center;transition:all .2s}.inventory-quantity-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff26}.inventory-quantity-input:disabled{opacity:.5;cursor:not-allowed}.add-to-job-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:6px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;margin-left:8px}.add-to-job-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.add-to-job-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.item-reserved-note{background:#f59e0b33;color:#f59e0b;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.calculator{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:84px 20px 20px}.calculator-container{max-width:360px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.calculator-header{display:flex;align-items:center;justify-content:space-between;padding:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.history-button{width:40px;height:40px;border-radius:50%;border:none;background:#fff3;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.history-button:hover{background:#ffffff4d;transform:scale(1.05)}.header-content{flex:1;text-align:center}.header-content h1{margin:0;font-size:20px;font-weight:600;color:#333}.header-content p{margin:4px 0 0;font-size:12px;color:#333333b3}.calculator-display{padding:24px 20px;background:#ffffff0d;text-align:right;min-height:90px}.previous-display{font-size:16px;color:#3339;margin-bottom:6px;min-height:22px}.main-display{font-size:32px;font-weight:500;color:#333;word-break:break-all;min-height:40px;display:flex;align-items:center;justify-content:flex-end}.main-display.error{color:#e74c3c}.calculator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:24px;background:#ffffff0d}.calc-button{height:64px;border:none;border-radius:14px;font-size:20px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.calc-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .15s ease}.calc-button:hover:before{opacity:1}.calc-button:active{transform:scale(.95)}.calc-button.number{background:#ffffffe6;color:#333;box-shadow:0 2px 8px #0000001a}.calc-button.function{background:#8e8e931a;color:#333}.calc-button.operator{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.calc-button.equals{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 12px #4ecdc44d}.calc-button.zero{grid-column:span 2}.history-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.history-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:320px;max-height:60vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.history-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.history-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#0003;border-radius:2px}.history-title-section{display:flex;align-items:center;gap:8px;flex:1;margin-left:20px}.history-title-section h3{margin:0;font-size:18px;font-weight:600;color:#333}.clear-history{background:none;border:none;color:#e74c3c;font-size:14px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s ease}.clear-history:hover{background:#e74c3c1a}.history-content{flex:1;overflow-y:auto;padding:0 20px 20px}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-history p{margin:0;color:#3339;font-size:16px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{padding:12px 16px;background:#0000000d;border-radius:8px;font-size:14px;color:#333;text-align:right;word-break:break-all}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.calculator{padding:10px}.calculator-container{max-width:100%}.calculator-grid{padding:20px;gap:8px}.calc-button{height:56px;font-size:18px}.main-display{font-size:28px}}.invoices-screen{min-height:100vh;background:var(--background-gradient);background-attachment:fixed;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow-x:hidden;padding-top:64px}.screen-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl);animation:fadeIn .6s ease-out}.back-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:var(--shadow-md)}.header-content{flex:1}.header-content h1{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-content p{margin:0;color:#fff;font-size:14px}.manage-items-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:var(--radius-md);color:#6c5ce7;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.refresh-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:var(--radius-md);color:#00b894;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.refresh-button:hover{background:#00b89433;transform:translateY(-2px);box-shadow:var(--shadow-md)}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.refresh-button .spinning{animation:spin 1s linear infinite}.stripe-dashboard-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:var(--radius-md);color:#6c5ce7;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stripe-dashboard-button:hover{background:#6c5ce733;transform:translateY(-2px);box-shadow:var(--shadow-md)}.stripe-settings-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:var(--radius-md);color:#ffb800;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stripe-settings-button:hover{background:#ffc10733;transform:translateY(-2px);box-shadow:var(--shadow-md)}.archive-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:#ff6b6b;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.archive-button:hover{background:#ff6b6b33;transform:translateY(-2px);box-shadow:var(--shadow-md)}.archive-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.view-toggle-container{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.view-toggle-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle-button:hover{background:#ffffff1a;color:var(--text-primary);transform:scale(1.05)}.view-toggle-button.active{background:var(--primary-gradient);color:var(--text-primary);box-shadow:var(--shadow-sm)}.view-toggle-button.active:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:10px var(--spacing-xl);border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:#ffffff1a;color:var(--text-primary);font-size:12px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-tab:hover{background:#ffffff26;transform:translateY(-2px)}.filter-tab.active{background:var(--primary-gradient);border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-2px)}.invoices-search-container{position:relative;margin-bottom:var(--spacing-lg);animation:fadeIn .8s ease-out}.invoices-search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#ffffff1a;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:#000;font-size:14px;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoices-search-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a;background:#ffffff1a}.invoices-search-input:hover{background:#ffffff26;border-color:var(--border-primary)}.invoices-search-input::placeholder{color:var(--text-tertiary)}.content-area{padding:0 var(--spacing-xl) 100px;animation:slideUp 1s ease-out}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center}.spinner{animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg);color:#6c5ce7}.loading-state h3{margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:600}.loading-state p{margin:0;color:var(--text-tertiary);font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center}.empty-icon{width:100px;height:100px;background:#6c5ce71a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl);color:#6c5ce7}.empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:20px;font-weight:700}.empty-state p{margin:0 0 var(--spacing-3xl) 0;color:var(--text-secondary);font-size:14px;max-width:300px}.create-first-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.create-first-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.invoices-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.invoice-card{background:var(--card-gradient);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-xl);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .6s ease-out}.invoice-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff3}.invoice-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.client-info h4{margin:0 0 var(--spacing-xs) 0;font-size:18px;font-weight:700;color:var(--text-primary)}.client-info p{margin:0;color:var(--text-secondary);font-size:14px}.status-badge{padding:6px var(--spacing-md);border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid;white-space:nowrap}.invoice-footer{display:flex;justify-content:space-between;align-items:center}.invoice-date{color:var(--text-tertiary);font-size:13px}.invoice-total{font-size:20px;font-weight:700;color:var(--text-primary)}.invoice-description{margin-top:var(--spacing-md);color:var(--text-secondary);font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-secondary);background:#ffffff08}.table-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.table-info span:first-child{font-size:16px;font-weight:600;color:var(--text-primary)}.filter-info{font-size:12px;color:var(--text-secondary);font-style:italic}.table-actions{display:flex;align-items:center;gap:var(--spacing-md)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.invoices-table{width:100%;border-collapse:collapse;color:var(--text-primary)}.invoices-table th{background:#ffffff0d;padding:var(--spacing-lg) var(--spacing-md);text-align:left;font-weight:600;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-primary);position:relative}.invoices-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease}.invoices-table th.sortable:hover{background:#ffffff14}.sort-indicator{display:inline-flex;align-items:center;margin-left:var(--spacing-sm);opacity:.6;transition:opacity .3s ease;color:var(--text-secondary)}.invoices-table th.sortable:hover .sort-indicator{opacity:1}.sort-indicator svg{width:14px;height:14px;color:var(--text-secondary);transition:all .3s ease}.invoices-table th.sortable:hover .sort-indicator svg{color:var(--text-primary);transform:scale(1.1)}.invoices-table th.sortable .sort-indicator svg{color:var(--text-primary);opacity:1}.invoices-table td{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-secondary);font-size:14px;vertical-align:middle}.invoices-table tbody tr{transition:all .3s ease;cursor:pointer}.invoices-table tbody tr:hover{background:#ffffff0d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.invoices-table tbody tr:last-child td{border-bottom:none}.client-cell{min-width:200px}.client-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-name{font-weight:600;color:var(--text-primary);font-size:14px}.client-email{color:var(--text-secondary);font-size:12px}.amount-cell{min-width:120px;text-align:right}.amount{font-weight:700;font-size:16px;color:var(--text-primary)}.amount-paid{font-size:12px;color:#00b894;font-weight:500}.partial-payment-display{font-weight:700;font-size:16px;color:orange}.amount-paid-label{font-size:11px;color:var(--text-tertiary);font-weight:400;margin-top:2px}.partial-payment{color:orange;font-weight:600}.date-cell{min-width:100px;white-space:nowrap}.description-cell{min-width:200px;max-width:300px}.no-description{color:var(--text-tertiary);font-style:italic}.actions-cell{min-width:120px}.row-actions{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn svg{display:block;width:16px;height:16px;flex-shrink:0}.action-btn:hover{transform:scale(1.1)}.view-btn{background:#6c5ce74d;color:#6c5ce7;border:1px solid rgba(108,92,231,.5)}.view-btn:hover{background:#6c5ce780;box-shadow:0 2px 8px #6c5ce766;border-color:#6c5ce7b3}.send-btn{background:#00b8941a;color:#00b894}.send-btn:hover{background:#00b89433;box-shadow:0 2px 8px #00b8944d}.more-btn{background:#ffffff1a;color:var(--text-secondary)}.delete-btn{background:#ff6b6b1a;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)!important}.delete-btn:hover{background:#ff6b6b33;box-shadow:0 2px 8px #ff6b6b4d;border-color:#ff6b6b80}.delete-btn svg{display:block!important;width:16px!important;height:16px!important;color:#ff6b6b!important;stroke:#ff6b6b!important;stroke-width:2!important;fill:none!important;opacity:1!important;visibility:visible!important}.invoice-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.card-actions{display:flex;align-items:center;gap:var(--spacing-sm);justify-content:flex-end}@media (max-width: 1024px){.invoices-table th,.invoices-table td{padding:var(--spacing-md)}.description-cell{max-width:150px}}@media (max-width: 768px){.invoices-table-container{border-radius:0;margin:0 -var(--spacing-lg)}.table-header{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.table-info{width:100%}.table-actions{width:100%;justify-content:center}.invoices-table{font-size:13px}.invoices-table th,.invoices-table td{padding:var(--spacing-sm)}.description-cell{max-width:120px}.client-cell{min-width:150px}.amount-cell,.actions-cell{min-width:100px}.row-actions{gap:var(--spacing-xs)}.action-btn{width:28px;height:28px}.action-btn svg{width:14px;height:14px}}@media (max-width: 480px){.invoices-table th:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),.invoices-table td:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none}.description-cell{display:none}.table-header{padding:var(--spacing-md)}.view-toggle-container{padding:var(--spacing-xs)}.view-toggle-button{width:32px;height:32px}.view-toggle-button svg{width:16px;height:16px}}.stripe-setup-banner{margin:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,#6c5ce71a,#6c5ce70d);border:1px solid rgba(108,92,231,.2);border-radius:var(--radius-lg);padding:var(--spacing-lg);animation:fadeIn .6s ease-out}.stripe-setup-banner-content{display:flex;align-items:center;gap:var(--spacing-lg)}.stripe-setup-banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6c5ce71a;border-radius:var(--radius-md);color:#6c5ce7;flex-shrink:0}.stripe-setup-banner-text{flex:1}.stripe-setup-banner-text h4{margin:0 0 var(--spacing-xs) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.stripe-setup-banner-text p{margin:0;color:var(--text-secondary);font-size:14px}.stripe-setup-banner-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);flex-shrink:0}.stripe-setup-banner-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stripe-setup-button{background:linear-gradient(135deg,#6c5ce7,#5f3dc4)!important}.stripe-setup-button:hover{background:linear-gradient(135deg,#5f3dc4,#4c2db0)!important}.error-indicator:hover{transform:scale(1.2)}.invoice-details{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.invoice-amounts{flex:1}.amount-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.amount-row .label{color:var(--text-secondary);font-size:13px}.amount-row .value{font-weight:600;font-size:16px}.amount-row .value.paid{color:#00b894}.amount-row .value.due{color:#ffb800}.invoice-dates{flex:1}.date-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.date-row .label{color:var(--text-secondary);font-size:13px}.date-row .value{font-size:13px;font-weight:500}.date-row .value.overdue{color:#ff6b6b;font-weight:700}.quotes-section{margin-top:var(--spacing-4xl)}.quotes-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2xl)}.quotes-section h1{margin:0 0 var(--spacing-xs) 0;font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--text-primary) 0%,rgba(255,255,255,.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.delete-all-quotes-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:#ff6b6b;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-all-quotes-button:hover{background:#ff6b6b33;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.delete-all-quotes-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.quotes-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.quote-card{display:flex;align-items:center;gap:var(--spacing-lg);background:var(--card-gradient);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.quote-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.quote-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#6c5ce71a;border-radius:var(--radius-md);color:#6c5ce7}.quote-info{flex:1}.quote-info h4{margin:0 0 var(--spacing-xs) 0;font-size:16px;font-weight:600}.quote-info p{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:14px}.quote-total{color:#6c5ce7;font-weight:600;font-size:14px}.convert-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.convert-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.convert-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.quote-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.delete-quote-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-md);color:#ff6b6b;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.delete-quote-button:hover{background:#ff6b6b33;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.delete-quote-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.fab{position:fixed;bottom:var(--spacing-2xl);right:var(--spacing-2xl);width:56px;height:56px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;justify-content:center}.fab:hover{transform:translateY(-4px) scale(1.1);box-shadow:var(--shadow-xl)}.fab:active{transform:translateY(-2px) scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);animation:fadeIn .3s ease-out;overflow-y:auto}.create-invoice-dialog{width:100%;max-width:600px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:auto;position:relative}.create-invoice-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.create-invoice-header-content{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.create-invoice-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.create-invoice-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-gradient);border-radius:var(--radius-md);color:var(--text-primary)}.create-invoice-header-text h2{margin:0 0 var(--spacing-xs) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.create-invoice-header-text p{margin:0;color:var(--text-secondary);font-size:14px}.create-invoice-clear-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-full);color:#ff6b6b;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-invoice-clear-button:hover{background:#ff6b6b33;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.create-invoice-clear-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.create-invoice-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.create-invoice-close-button:hover{background:#ffffff26;color:var(--text-primary)}.create-invoice-close-button:disabled{opacity:.5;cursor:not-allowed}.create-invoice-dialog-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.create-invoice-dialog-footer{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);border-top:1px solid var(--border-secondary)}.create-invoice-section{margin-bottom:var(--spacing-3xl)}.create-invoice-section h3{margin:0 0 var(--spacing-md) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.create-invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.create-invoice-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.create-invoice-form-field label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px;font-weight:500}.create-invoice-form-field input,.create-invoice-form-field textarea,.create-invoice-form-field select{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-invoice-form-field input:focus,.create-invoice-form-field textarea:focus,.create-invoice-form-field select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.create-invoice-form-field input::placeholder,.create-invoice-form-field textarea::placeholder{color:var(--text-tertiary)}.create-invoice-form-field select{color:var(--text-primary)}.create-invoice-form-field select option{color:#000!important;background-color:#fff!important;padding:8px 12px}.create-invoice-form-field select:not(:focus):not([value=""]){color:var(--text-primary)}.form-field select{color:var(--text-primary)}.form-field select option{color:#000!important;background-color:#fff!important;padding:8px 12px}.form-field select:not(:focus):not([value=""]){color:var(--text-primary)}.create-invoice-items-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.create-invoice-items-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:16px;font-weight:600;color:var(--text-primary)}.create-invoice-items-title svg{background:var(--primary-gradient);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary)}.create-invoice-subtotal-badge{padding:6px var(--spacing-md);background:var(--success-gradient);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:700}.create-invoice-invoice-item{background:#ffffff14;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.create-invoice-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.create-invoice-item-number{padding:6px var(--spacing-md);background:var(--primary-gradient);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-weight:700}.create-invoice-delete-item-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);color:#ff6b6b;cursor:pointer;transition:all .3s ease}.create-invoice-delete-item-button:hover{background:#ff6b6b33;transform:scale(1.1)}.create-invoice-item-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.create-invoice-item-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg)}.create-invoice-item-subtotal{padding:var(--spacing-md);background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:var(--radius-sm);text-align:right;color:#00b894;font-size:16px;font-weight:700}.create-invoice-item-pricing{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);gap:var(--spacing-lg)}.create-invoice-item-unit-price,.create-invoice-item-total{flex:1;text-align:center}.create-invoice-item-unit-price span,.create-invoice-item-total span{font-size:14px;font-weight:600;color:var(--text-secondary)}.create-invoice-item-total span{color:#00b894;font-size:16px}.create-invoice-add-item-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.create-invoice-add-item-button,.create-invoice-add-saved-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent}.create-invoice-add-item-button{border-color:#6c5ce74d;color:#6c5ce7;background:#6c5ce70d}.create-invoice-add-item-button:hover{background:#6c5ce71a;transform:translateY(-2px)}.create-invoice-add-saved-button{border-color:#00b8944d;color:#00b894;background:#00b8940d}.create-invoice-add-saved-button:hover{background:#00b8941a;transform:translateY(-2px)}.create-invoice-fees-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:16px;font-weight:600;color:var(--text-primary)}.create-invoice-fees-header svg{background:var(--success-gradient);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary)}.create-invoice-fee-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.create-invoice-checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;color:var(--text-primary)}.create-invoice-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6C5CE7}.create-invoice-fee-info{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-primary)}.create-invoice-fee-amount{color:#00b894;font-weight:700;font-size:16px}.create-invoice-fee-toggle-group{display:flex;align-items:center;gap:12px}.create-invoice-fee-toggle-label{font-size:12px;font-weight:600;color:#64748b;min-width:30px;text-align:center;-webkit-user-select:none;user-select:none}.create-invoice-toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.create-invoice-toggle-switch input{opacity:0;width:0;height:0}.create-invoice-toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.create-invoice-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.create-invoice-toggle-switch input:checked+.create-invoice-toggle-slider{background-color:#6c5ce7}.create-invoice-toggle-switch input:checked+.create-invoice-toggle-slider:before{transform:translate(24px)}.create-invoice-toggle-switch input:disabled+.create-invoice-toggle-slider{opacity:.5;cursor:not-allowed}.create-invoice-no-fees-text{color:var(--text-secondary);font-size:12px;font-style:italic;margin:0;line-height:1.4}.create-invoice-grand-total{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);margin-top:var(--spacing-2xl)}.create-invoice-grand-total span:first-child{font-size:18px;font-weight:700;color:var(--text-primary)}.create-invoice-grand-total span:last-child{font-size:24px;font-weight:700;color:var(--text-primary)}.create-invoice-cancel-button{flex:1;padding:var(--spacing-lg);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-invoice-cancel-button:hover{background:#ffffff0d;color:var(--text-primary)}.create-invoice-submit-button{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.create-invoice-submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.saved-items-dialog{width:100%;max-width:500px;max-height:70vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .4s ease-out}.saved-items-list{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.item-info{flex:1}.item-description{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.item-price{color:var(--text-secondary);font-size:14px}.item-controls{display:flex;align-items:center;gap:var(--spacing-md)}.item-controls input{width:60px;padding:var(--spacing-sm);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);text-align:center}.add-button{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.invoice-options-modal{width:100%;max-width:420px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:50%;transform:translate(-50%);animation:slideUp .3s ease-out;box-shadow:0 25px 50px -12px #0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-secondary);text-align:center;position:relative;background:linear-gradient(135deg,#6c5ce71a,#6c5ce70d)}.modal-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto var(--spacing-lg)}.modal-header h3{margin:0;font-size:20px;font-weight:700;color:#fff;letter-spacing:-.025em}.invoice-options-modal .modal-header h3{color:#fff}.options-list{padding:var(--spacing-xl);max-height:60vh;overflow-y:auto}.options-section{margin-bottom:var(--spacing-xl)}.options-section:last-child{margin-bottom:0}.options-section-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.option-item{display:flex;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-lg);background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.option-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.option-item:hover:before{left:100%}.option-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #00000026;border-color:#fff3}.option-item:active{transform:translateY(0) scale(1);transition-duration:.1s}.option-item.primary-action{background:linear-gradient(135deg,#10b9811a,#05966914);border-color:#10b9814d}.option-item.primary-action:hover{background:linear-gradient(135deg,#10b98126,#0596691f);border-color:#10b98180}.option-item.primary-action .option-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.option-item.secondary-action{background:linear-gradient(135deg,#3b82f61a,#2563eb14);border-color:#3b82f64d}.option-item.secondary-action:hover{background:linear-gradient(135deg,#3b82f626,#2563eb1f);border-color:#3b82f680}.option-item.secondary-action .option-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}.option-item.neutral-action{background:linear-gradient(135deg,#9333ea1a,#7c3aed14);border-color:#9333ea4d}.option-item.neutral-action:hover{background:linear-gradient(135deg,#9333ea26,#7c3aed1f);border-color:#9333ea80}.option-item.neutral-action .option-icon{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;box-shadow:0 4px 12px #9333ea4d}.option-item.destructive-action{background:linear-gradient(135deg,#ef44441a,#dc262614);border-color:#ef44444d}.option-item.destructive-action:hover{background:linear-gradient(135deg,#ef444426,#dc26261f);border-color:#ef444480}.option-item.destructive-action .option-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.option-item.refund-action{background:linear-gradient(135deg,#f59e0b1a,#d9770614);border-color:#f59e0b4d}.option-item.refund-action:hover{background:linear-gradient(135deg,#f59e0b26,#d977061f);border-color:#f59e0b80}.option-item.refund-action .option-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6c5ce733,#6c5ce74d);border-radius:var(--radius-lg);color:#6c5ce7;flex-shrink:0;position:relative;z-index:1;transition:all .3s ease}.option-icon svg{width:22px;height:22px}.option-content{flex:1;position:relative;z-index:1}.option-title{display:block;font-size:16px;font-weight:600;color:#000;margin-bottom:4px;line-height:1.3}.invoice-options-modal .option-title{color:#fff}.option-subtitle{display:block;font-size:13px;color:#fff;line-height:1.4}.option-item.delete-option{background:linear-gradient(135deg,#ef44441a,#dc262614);border-color:#ef44444d}.option-item.delete-option:hover{background:linear-gradient(135deg,#ef444426,#dc26261f);border-color:#ef444480}.option-item.delete-option .option-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.record-payment-overlay{z-index:10001!important}.record-payment-dialog{position:relative;width:100%;max-width:450px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);animation:slideUp .4s ease-out}.record-payment-dialog h3{margin:0 0 var(--spacing-xl) 0;font-size:20px;font-weight:700;color:var(--text-primary);text-align:center}.record-payment-payment-summary{background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.record-payment-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.record-payment-summary-row:last-child{margin-bottom:0}.record-payment-summary-row span:first-child{color:var(--text-secondary)}.record-payment-summary-row span:last-child{font-weight:600}.record-payment-summary-row .paid{color:#00b894}.record-payment-summary-row .due{color:#ffb800}.record-payment-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.record-payment-form-field label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px;font-weight:500}.record-payment-form-field input,.record-payment-form-field textarea{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.record-payment-form-field input:focus,.record-payment-form-field textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.record-payment-form-field input::placeholder,.record-payment-form-field textarea::placeholder{color:var(--text-tertiary)}.record-payment-dialog-footer{display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:1px solid var(--border-secondary)}.record-payment-cancel-button{flex:1;padding:var(--spacing-lg);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.record-payment-cancel-button:hover{background:#ffffff0d;color:var(--text-primary)}.record-payment-submit-button{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.record-payment-submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.record-payment-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.record-payment-loading-overlay{position:absolute;inset:0;background:#1a1a2ef2;display:flex;align-items:center;justify-content:center;border-radius:var(--spacing-xl);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-content::-webkit-scrollbar,.saved-items-list::-webkit-scrollbar{width:6px}.dialog-content::-webkit-scrollbar-track,.saved-items-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dialog-content::-webkit-scrollbar-thumb,.saved-items-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dialog-content::-webkit-scrollbar-thumb:hover,.saved-items-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.create-invoice-invoice-creation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;min-height:300px;max-height:100%}.create-invoice-loading-content{max-width:400px}.create-invoice-loading-content h3{margin:var(--spacing-xl) 0 var(--spacing-md) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.create-invoice-loading-content p{margin:0 0 var(--spacing-2xl) 0;color:var(--text-secondary);font-size:14px}.create-invoice-loading-spinner{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#6c5ce71a;border-radius:var(--radius-full);color:#6c5ce7}.create-invoice-loading-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.create-invoice-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.create-invoice-step-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6c5ce71a;border-radius:var(--radius-sm)}.create-invoice-step span{color:var(--text-secondary);font-size:14px;font-weight:500}.load-more-container{display:flex;justify-content:center;padding:var(--spacing-2xl) 0}.load-more-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--card-gradient);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.load-more-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-focus)}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-button .spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.search-container{margin:0 var(--spacing-lg) var(--spacing-lg)}.search-input{font-size:16px}}.create-invoice-fab{position:fixed;bottom:24px;right:24px;width:64px;height:64px;background:var(--primary-gradient);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;color:var(--text-primary);overflow:hidden}.create-invoice-fab:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;opacity:0;transition:opacity .3s ease}.create-invoice-fab:hover:before{opacity:1}.create-invoice-fab:hover{transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-xl)}.create-invoice-fab:active{transform:scale(.95) translateY(0);transition-duration:.1s}.create-invoice-fab:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}.create-invoice-fab:focus:not(:focus-visible){outline:none}.create-invoice-fab:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}@media (max-width: 768px){.create-invoice-fab{bottom:20px;right:20px;width:56px;height:56px}}@media (max-width: 480px){.create-invoice-fab{bottom:16px;right:16px;width:52px;height:52px}}.invoices-pagination-container{background:var(--card-gradient);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn .6s ease-out}.invoices-pagination-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-lg)}.invoices-results-info{flex:1;min-width:200px}.invoices-showing-text{color:var(--text-secondary);font-size:14px;font-weight:500}.invoices-items-per-page-selector{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.invoices-items-per-page-selector label{color:var(--text-secondary);font-size:14px;font-weight:500;white-space:nowrap}.invoices-items-per-page-select{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:80px}.invoices-items-per-page-select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.invoices-items-per-page-select:hover{background:#ffffff26;border-color:var(--border-primary)}.invoices-items-per-page-select option{background:#1a1a2e;color:var(--text-primary);padding:var(--spacing-sm)}.invoices-progress-container{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding:var(--spacing-md) 0}.invoices-progress-bar{flex:1;height:6px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-secondary)}.invoices-progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width .3s ease;box-shadow:0 0 8px #6c5ce74d}.invoices-progress-text{color:var(--text-secondary);font-size:12px;font-weight:600;min-width:60px;text-align:right}.invoices-load-more-section{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;border-top:1px solid var(--border-secondary)}.invoices-load-more-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-2xl);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.invoices-load-more-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.invoices-load-more-button:hover:before{left:100%}.invoices-load-more-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.invoices-load-more-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.invoices-load-more-button:disabled:hover{transform:none;box-shadow:var(--shadow-md)}.invoices-load-more-button .spinning{animation:spin 1s linear infinite}.invoices-pagination-summary{text-align:center}.invoices-current-count{color:var(--text-secondary);font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoices-remaining-count{color:var(--text-tertiary);font-size:13px;font-weight:400}.invoices-end-of-results{text-align:center;padding:var(--spacing-xl) 0;border-top:1px solid var(--border-secondary)}.invoices-end-message{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:var(--radius-full);color:#00b894;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.invoices-pagination-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.invoices-items-per-page-selector{width:100%;justify-content:space-between}.invoices-showing-text{font-size:13px}.invoices-load-more-button{padding:var(--spacing-md) var(--spacing-xl);font-size:14px}}@media (max-width: 480px){.invoices-pagination-container{margin:var(--spacing-lg) -var(--spacing-lg) 0;border-radius:0;border-left:none;border-right:none}.invoices-pagination-info{padding:0}.invoices-items-per-page-selector{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.invoices-items-per-page-select{width:100%}.invoices-showing-text{font-size:12px}.invoices-load-more-button{width:100%;padding:var(--spacing-lg)}.invoices-current-count{font-size:12px}.invoices-end-message{font-size:12px;padding:var(--spacing-sm) var(--spacing-lg)}.invoices-progress-container{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.invoices-progress-text{text-align:center;font-size:11px}}.invoices-pagination-container .loading-state{padding:var(--spacing-xl)}.invoices-pagination-container *{transition:all .3s ease}.invoices-load-more-button:focus{outline:2px solid rgba(108,92,231,.8);outline-offset:2px}.invoices-items-per-page-select:focus{outline:2px solid rgba(108,92,231,.8);outline-offset:2px}@media (prefers-reduced-motion: reduce){.invoices-pagination-container *,.invoices-load-more-button,.invoices-load-more-button:before{transition:none!important;animation:none!important}.invoices-load-more-button:hover{transform:none}}@media (prefers-color-scheme: dark){.invoices-items-per-page-select option{background:#0f0c29;color:#fff}}@media print{.invoices-pagination-container{display:none}}@media (prefers-reduced-motion: reduce){.create-invoice-fab{transition:none}.create-invoice-fab:hover,.create-invoice-fab:active{transform:none}}@media (max-height: 700px){.create-invoice-dialog{max-height:95vh}.create-invoice-invoice-creation-loading{min-height:250px;padding:var(--spacing-2xl) var(--spacing-lg)}.create-invoice-loading-content h3{font-size:18px}.create-invoice-loading-content p{font-size:13px}}@media (max-width: 640px){.modal-overlay{padding:var(--spacing-md)}.create-invoice-dialog{max-height:95vh;border-radius:var(--radius-lg)}.create-invoice-invoice-creation-loading{min-height:200px;padding:var(--spacing-xl) var(--spacing-md)}.create-invoice-loading-spinner{width:64px;height:64px}.create-invoice-loading-content h3{font-size:16px;margin:var(--spacing-md) 0 var(--spacing-sm) 0}.create-invoice-loading-content p{font-size:12px}.create-invoice-loading-steps{gap:var(--spacing-md)}.create-invoice-step{padding:var(--spacing-sm)}.create-invoice-step-icon{font-size:16px;width:28px;height:28px}.create-invoice-step span{font-size:13px}}@media (max-width: 480px){.modal-overlay{padding:var(--spacing-sm)}.create-invoice-dialog{max-height:98vh;border-radius:var(--radius-md)}.create-invoice-invoice-creation-loading{min-height:180px;padding:var(--spacing-lg) var(--spacing-sm)}.create-invoice-loading-spinner{width:56px;height:56px}}.edit-invoice-fee-item-card{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-radius:8px;margin-bottom:8px;border:1px solid #e9ecef}.edit-invoice-fee-item-left{display:flex;align-items:center;gap:12px;flex:1}.edit-invoice-fee-item-icon{font-size:20px;flex-shrink:0}.edit-invoice-fee-item-info{display:flex;flex-direction:column;gap:8px;flex:1}.edit-invoice-fee-item-description{font-weight:500;color:#000!important}.edit-invoice-fee-item-controls{display:flex;gap:12px;align-items:center}.edit-invoice-fee-quantity,.edit-invoice-fee-price{display:flex;align-items:center;gap:6px}.edit-invoice-fee-quantity label,.edit-invoice-fee-price label{font-size:12px;font-weight:500;color:#666;margin:0}.edit-invoice-fee-quantity input,.edit-invoice-fee-price input{width:80px;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.edit-invoice-fee-item-right{display:flex;align-items:center;gap:12px}.edit-invoice-fee-item-amount{font-weight:600;font-size:16px;color:#000!important;min-width:80px;text-align:right}.edit-invoice-fee-remove-button{background-color:transparent;border:none;color:#dc3545;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.edit-invoice-fee-remove-button:hover{background-color:#dc35451a}.edit-invoice-fee-remove-button:disabled{opacity:.5;cursor:not-allowed}.edit-invoice-fees-helper-text{font-size:12px;color:#fff!important;margin-top:12px;font-style:italic}.edit-invoice-static-fees-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.edit-invoice-custom-fees-section{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-secondary)}.edit-invoice-custom-fees-title{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.edit-invoice-fee-disabled{opacity:.5;text-decoration:line-through}.edit-invoice-fee-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer}.edit-invoice-fee-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.edit-invoice-fee-checkbox-text{font-size:14px;color:var(--text-primary)}.edit-invoice-fee-input-group{display:flex;align-items:center;gap:6px}.edit-invoice-fee-input-group label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.edit-invoice-fee-input-group input{padding:4px 8px;background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-primary);font-size:13px}.edit-invoice-fee-total-amount{font-size:13px;font-weight:600;color:var(--text-primary);margin-left:8px}.edit-invoice-dialog{width:100%;max-width:600px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:auto;position:relative}.edit-invoice-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.edit-invoice-header-content{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.edit-invoice-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.edit-invoice-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-gradient);border-radius:var(--radius-md);color:var(--text-primary)}.edit-invoice-header-text h2{margin:0 0 var(--spacing-xs) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.edit-invoice-header-text p{margin:0;color:var(--text-secondary);font-size:14px}.edit-invoice-clear-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-full);color:#ff6b6b;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-invoice-clear-button:hover{background:#ff6b6b33;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.edit-invoice-clear-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.edit-invoice-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.edit-invoice-close-button:hover{background:#ffffff26;color:var(--text-primary)}.edit-invoice-close-button:disabled{opacity:.5;cursor:not-allowed}.edit-invoice-dialog-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.edit-invoice-dialog-footer{display:flex;gap:var(--spacing-lg);padding:var(--spacing-xl);border-top:1px solid var(--border-secondary)}.edit-invoice-section{margin-bottom:var(--spacing-3xl)}.edit-invoice-section h3{margin:0 0 var(--spacing-md) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.edit-invoice-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.edit-invoice-form-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-invoice-form-field label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);font-size:14px;font-weight:500}.edit-invoice-form-field input,.edit-invoice-form-field textarea,.edit-invoice-form-field select{padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-invoice-form-field input:focus,.edit-invoice-form-field textarea:focus,.edit-invoice-form-field select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.edit-invoice-form-field input::placeholder,.edit-invoice-form-field textarea::placeholder{color:var(--text-tertiary)}.edit-invoice-form-field select{color:var(--text-primary)}.edit-invoice-form-field select option{color:#000!important;background-color:#fff!important;padding:8px 12px}.edit-invoice-form-field select:not(:focus):not([value=""]){color:var(--text-primary)}.edit-invoice-items-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.edit-invoice-items-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:16px;font-weight:600;color:var(--text-primary)}.edit-invoice-items-title svg{background:var(--primary-gradient);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary)}.edit-invoice-subtotal-badge{padding:6px var(--spacing-md);background:var(--success-gradient);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:700}.edit-invoice-invoice-item{background:#ffffff14;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.edit-invoice-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.edit-invoice-item-number{padding:6px var(--spacing-md);background:var(--primary-gradient);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;font-weight:700}.edit-invoice-delete-item-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--radius-sm);color:#ff6b6b;cursor:pointer;transition:all .3s ease}.edit-invoice-delete-item-button:hover{background:#ff6b6b33;transform:scale(1.1)}.edit-invoice-item-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.edit-invoice-item-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-lg)}.edit-invoice-item-pricing{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);gap:var(--spacing-lg)}.edit-invoice-item-unit-price,.edit-invoice-item-total{flex:1;text-align:center}.edit-invoice-item-unit-price span,.edit-invoice-item-total span{font-size:14px;font-weight:600;color:var(--text-secondary)}.edit-invoice-item-total span{color:#00b894;font-size:16px}.edit-invoice-add-item-buttons{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.edit-invoice-add-item-button,.edit-invoice-add-saved-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;background:transparent}.edit-invoice-add-item-button{border-color:#6c5ce74d;color:#6c5ce7;background:#6c5ce70d}.edit-invoice-add-item-button:hover{background:#6c5ce71a;transform:translateY(-2px)}.edit-invoice-add-saved-button{border-color:#00b8944d;color:#00b894;background:#00b8940d}.edit-invoice-add-saved-button:hover{background:#00b8941a;transform:translateY(-2px)}.edit-invoice-fees-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:16px;font-weight:600;color:var(--text-primary)}.edit-invoice-fees-header svg{background:var(--success-gradient);padding:var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-primary)}.edit-invoice-fee-controls{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.edit-invoice-fee-control-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-invoice-fee-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.edit-invoice-fee-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#6C5CE7;cursor:pointer}.edit-invoice-fee-checkbox-text{color:var(--text-secondary);font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.edit-invoice-fee-amount-input{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-xl)}.edit-invoice-fee-amount-input label{color:var(--text-secondary);font-size:12px;font-weight:500;min-width:40px}.edit-invoice-fee-amount-input input{width:100px;padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;text-align:right}.edit-invoice-fee-amount-input input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #6c5ce71a}.edit-invoice-fees-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.edit-invoice-no-fees-text{color:var(--text-secondary);font-size:12px;font-style:italic;margin:0;line-height:1.4}.edit-invoice-grand-total{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-md);margin-top:var(--spacing-2xl)}.edit-invoice-grand-total span:first-child{font-size:18px;font-weight:700;color:var(--text-primary)}.edit-invoice-grand-total span:last-child{font-size:24px;font-weight:700;color:var(--text-primary)}.edit-invoice-cancel-button{flex:1;padding:var(--spacing-lg);background:transparent;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-invoice-cancel-button:hover{background:#ffffff0d;color:var(--text-primary)}.edit-invoice-submit-button{flex:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.edit-invoice-submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.edit-invoice-invoice-creation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;min-height:300px;max-height:100%}.edit-invoice-loading-content{max-width:400px}.edit-invoice-loading-content h3{margin:var(--spacing-xl) 0 var(--spacing-md) 0;font-size:20px;font-weight:700;color:var(--text-primary)}.edit-invoice-loading-content p{margin:0 0 var(--spacing-2xl) 0;color:var(--text-secondary);font-size:14px}.edit-invoice-loading-spinner{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#6c5ce71a;border-radius:var(--radius-full);color:#6c5ce7}.edit-invoice-loading-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.edit-invoice-step{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff0d;border-radius:var(--radius-md);border:1px solid var(--border-secondary)}.edit-invoice-step-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6c5ce71a;border-radius:var(--radius-sm)}.edit-invoice-step span{color:var(--text-secondary);font-size:14px;font-weight:500}@media (max-width: 768px){.edit-invoice-dialog{max-width:100%;max-height:95vh}.edit-invoice-form-grid,.edit-invoice-item-row{grid-template-columns:1fr}.edit-invoice-loading-steps{gap:var(--spacing-md)}.edit-invoice-step{padding:var(--spacing-sm)}.edit-invoice-step-icon{width:28px;height:28px}.edit-invoice-step span{font-size:13px}}@media (max-width: 480px){.edit-invoice-dialog{max-height:98vh;border-radius:var(--radius-md)}.edit-invoice-invoice-creation-loading{min-height:180px;padding:var(--spacing-lg) var(--spacing-sm)}.edit-invoice-loading-spinner{width:56px;height:56px}}:root{--primary-gradient: linear-gradient(135deg, #6C5CE7 0%, #5F3DC4 100%);--secondary-gradient: linear-gradient(135deg, #00B894 0%, #00A085 100%);--background-gradient: linear-gradient(135deg, #0F0C29 0%, #302B63 50%, #24243E 100%);--card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .12) 0%, rgba(255, 255, 255, .06) 100%);--danger-gradient: linear-gradient(135deg, #FF6B6B 0%, #EE5A52 100%);--success-gradient: linear-gradient(135deg, #00B894 0%, #00A085 100%);--warning-gradient: linear-gradient(135deg, #FFB800 0%, #F39C12 100%);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-primary: rgba(255, 255, 255, .15);--border-secondary: rgba(255, 255, 255, .1);--border-focus: #6C5CE7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .2);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-lg);animation:fadeIn .3s ease-out}.saved-items-manager{width:100%;max-width:1000px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.saved-items-manager .saved-items-dialog-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center;min-height:72px}.saved-items-manager .saved-items-header-content{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;min-width:0}.saved-items-manager .saved-items-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-gradient);border-radius:var(--radius-md);color:var(--text-primary);flex-shrink:0}.saved-items-manager .saved-items-header-text{min-width:0;flex:1}.saved-items-manager .saved-items-header-text h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-items-manager .saved-items-header-text p{margin:4px 0 0;color:var(--text-secondary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-items-manager .saved-items-header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0;margin-left:var(--spacing-md)}.saved-items-manager .saved-items-add-button,.saved-items-manager .saved-items-close-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.saved-items-manager .saved-items-add-button{background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);color:#6c5ce7}.saved-items-manager .saved-items-add-button:hover{background:#6c5ce733;transform:translateY(-2px);box-shadow:var(--shadow-md)}.saved-items-manager .saved-items-close-button{background:#ffffff1a;border:1px solid var(--border-secondary);color:var(--text-secondary)}.saved-items-manager .saved-items-close-button:hover{background:#ffffff26;color:var(--text-primary)}.saved-items-search-filters-section{padding:0 var(--spacing-xl) var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.saved-items-search-field{position:relative;margin-bottom:var(--spacing-lg)}.saved-items-search-field input{width:100%;padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saved-items-search-field input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.saved-items-search-field input::placeholder{color:var(--text-tertiary)}.saved-items-category-filters{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.saved-items-category-chip{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-full);background:#ffffff0d;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saved-items-category-chip:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.saved-items-category-chip.selected{border-color:#6c5ce74d;background:#6c5ce71a;color:#6c5ce7;box-shadow:var(--shadow-sm)}.saved-items-items-list-container{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.saved-items-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.saved-items-item-card{background:var(--card-gradient);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.saved-items-item-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fff3}.saved-items-item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.saved-items-item-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#6c5ce71a;border-radius:var(--radius-sm);color:#6c5ce7}.saved-items-category-badge{padding:4px var(--spacing-sm);background:#00b8941a;color:#00b894;border-radius:var(--radius-full);font-size:10px;font-weight:500;text-transform:uppercase}.saved-items-item-card-content h4{margin:0 0 var(--spacing-xs) 0;font-size:16px;font-weight:600;color:var(--text-primary)}.saved-items-item-card-content p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.saved-items-item-card-footer{margin-top:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.saved-items-price{font-weight:600;color:#00b894}.saved-items-price-not-set{color:var(--text-tertiary);font-style:italic}.saved-items-item-actions{display:flex;gap:var(--spacing-sm)}.saved-items-edit-button,.saved-items-delete-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saved-items-edit-button{background:#6c5ce71a;color:#6c5ce7}.saved-items-edit-button:hover{background:#6c5ce733;transform:scale(1.1);box-shadow:0 4px 12px #6c5ce74d}.saved-items-delete-button{background:#ff6b6b1a;color:#ff6b6b}.saved-items-delete-button:hover{background:#ff6b6b33;transform:scale(1.1);box-shadow:0 4px 12px #ff6b6b4d}.saved-items-loading-state,.saved-items-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center}.saved-items-spinner{width:32px;height:32px;border:3px solid var(--border-secondary);border-top:3px solid #6C5CE7;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-lg)}.saved-items-empty-icon{width:100px;height:100px;background:#6c5ce71a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-2xl);color:#6c5ce7}.saved-items-empty-state h3{margin:0 0 var(--spacing-sm) 0;font-size:18px;font-weight:600;color:var(--text-primary)}.saved-items-empty-state p{margin:0 0 var(--spacing-3xl) 0;color:var(--text-secondary);max-width:300px}.saved-items-create-items-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-gradient);border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.saved-items-create-items-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.saved-items-edit-item-dialog{width:100%;max-width:500px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid var(--border-primary);border-radius:var(--spacing-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.saved-items-edit-item-dialog .saved-items-dialog-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center}.saved-items-edit-item-dialog .saved-items-header-content{display:flex;align-items:center;gap:var(--spacing-lg)}.saved-items-edit-item-dialog .saved-items-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-sm);color:var(--text-primary)}.saved-items-edit-item-dialog .saved-items-header-text h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary)}.saved-items-edit-item-dialog .saved-items-header-text p{margin:4px 0 0;color:var(--text-secondary);font-size:14px}.saved-items-edit-item-dialog .saved-items-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.saved-items-edit-item-dialog .saved-items-close-button:hover{background:#ffffff26;color:var(--text-primary)}.saved-items-edit-item-dialog .saved-items-dialog-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.saved-items-edit-item-dialog .saved-items-form-field{margin-bottom:var(--spacing-lg)}.saved-items-edit-item-dialog .saved-items-form-field label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-secondary);font-size:14px}.saved-items-edit-item-dialog .saved-items-form-field input,.saved-items-edit-item-dialog .saved-items-form-field textarea{width:100%;padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saved-items-edit-item-dialog .saved-items-form-field select{width:100%;padding:var(--spacing-lg);background:#ffffff0d;border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.saved-items-edit-item-dialog .saved-items-form-field select option{background:#1a1a2e;color:var(--text-primary);padding:var(--spacing-sm)}.saved-items-edit-item-dialog .saved-items-form-field input:focus,.saved-items-edit-item-dialog .saved-items-form-field textarea:focus,.saved-items-edit-item-dialog .saved-items-form-field select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #6c5ce71a}.saved-items-edit-item-dialog .saved-items-form-field input::placeholder,.saved-items-edit-item-dialog .saved-items-form-field textarea::placeholder{color:var(--text-tertiary)}.saved-items-edit-item-dialog .saved-items-form-field textarea{resize:vertical;min-height:80px}.saved-items-edit-item-dialog .saved-items-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.saved-items-edit-item-dialog .saved-items-dialog-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-secondary);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.saved-items-edit-item-dialog .saved-items-cancel-button,.saved-items-edit-item-dialog .saved-items-save-button{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.saved-items-edit-item-dialog .saved-items-cancel-button{background:#ffffff1a;color:var(--text-secondary)}.saved-items-edit-item-dialog .saved-items-cancel-button:hover{background:#ffffff26;color:var(--text-primary)}.saved-items-edit-item-dialog .saved-items-save-button{background:var(--primary-gradient);color:var(--text-primary);box-shadow:var(--shadow-sm)}.saved-items-edit-item-dialog .saved-items-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.saved-items-edit-item-dialog .saved-items-save-button:disabled{background:#ffffff1a;cursor:not-allowed;transform:none;box-shadow:none}.saved-items-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.saved-items-manager{max-width:95vw;margin:var(--spacing-lg)}.saved-items-manager .saved-items-header-text h2{font-size:20px}.saved-items-manager .saved-items-header-actions{gap:var(--spacing-xs)}.saved-items-edit-item-dialog{max-width:95vw;margin:var(--spacing-lg)}.saved-items-items-grid{grid-template-columns:1fr}.saved-items-search-filters-section{padding:0 var(--spacing-lg) var(--spacing-lg)}.saved-items-items-list-container{padding:var(--spacing-lg)}.saved-items-edit-item-dialog .saved-items-form-row{grid-template-columns:1fr}.saved-items-edit-item-dialog .saved-items-dialog-footer{flex-direction:column}.modal-overlay{padding:var(--spacing-md)}}@media (max-width: 480px){.saved-items-manager .saved-items-dialog-header{padding:var(--spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--spacing-md);min-height:auto}.saved-items-manager .saved-items-header-content{width:100%}.saved-items-manager .saved-items-header-text h2{font-size:20px;white-space:normal}.saved-items-manager .saved-items-header-text p{white-space:normal}.saved-items-manager .saved-items-header-actions{margin-left:0;align-self:flex-end}.saved-items-edit-item-dialog .saved-items-dialog-header,.saved-items-edit-item-dialog .saved-items-dialog-content,.saved-items-edit-item-dialog .saved-items-dialog-footer{padding:var(--spacing-lg)}}.stripe-dashboard-dialog{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;max-width:480px;width:90%;max-height:90vh;overflow-y:auto;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stripe-dashboard-dialog .stripe-dashboard-dialog-header{padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.15);display:flex;align-items:flex-start;gap:16px;position:relative}.stripe-dashboard-dialog .stripe-dashboard-header-icon{background:#6c5ce71a;border-radius:8px;padding:8px;color:#6c5ce7;display:flex;align-items:center;justify-content:center}.stripe-dashboard-dialog .stripe-dashboard-header-icon.warning{background:#ffb8001a;color:#ffb800}.stripe-dashboard-dialog .stripe-dashboard-header-text h2{margin:0 0 4px;font-size:20px;font-weight:600;color:#fff}.stripe-dashboard-dialog .stripe-dashboard-header-text p{margin:0;font-size:14px;color:#ffffffb3}.stripe-dashboard-dialog .stripe-dashboard-close-button{position:absolute;top:16px;right:16px;background:none;border:none;color:#ffffffb3;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.stripe-dashboard-dialog .stripe-dashboard-close-button:hover{background:#ffffff1a;color:#fff}.dashboard-options{padding:8px}.dashboard-option{width:100%;background:none;border:none;padding:16px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;text-align:left}.dashboard-option:hover{background:#ffffff0d}.dashboard-option .option-icon{background:#6c5ce71a;border-radius:6px;padding:8px;color:#6c5ce7;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fees-information-section{margin:12px 8px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.fees-information-section .fees-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.fees-information-section .fees-list{display:flex;flex-direction:column;gap:12px}.fees-information-section .fee-item-stripe,.fees-information-section .fee-item-lumisketch{display:flex;flex-direction:column;gap:4px}.fees-information-section .fee-label{font-size:14px;color:#ffffffb3}.fees-information-section .fee-value{font-size:14px;font-weight:500;color:#fff}.dashboard-option .option-icon.warning{background:#ffb8001a;color:#ffb800}.dashboard-option .option-icon.danger{background:#ff6b6b1a;color:#ff6b6b}.dashboard-option .option-icon.info{background:#3b82f61a;color:#3b82f6}.dashboard-option .option-content{flex:1;min-width:0}.dashboard-option .option-title{display:block;font-size:16px;font-weight:500;color:#fff;margin-bottom:2px}.dashboard-option .option-subtitle{display:block;font-size:14px;color:#ffffffb3}.dashboard-option.clear-data-option:hover{background:#ff6b6b1a}.dashboard-option.clear-data-option .option-title,.dashboard-option.clear-data-option .option-subtitle{color:#ff6b6b}.dashboard-option.clear-data-option{opacity:.6;font-size:14px;padding:12px 16px;margin-top:4px}.dashboard-option.clear-data-option:hover{opacity:1;background:#ff6b6b1a}.dashboard-option.terms-option:hover{background:#3b82f61a}.option-separator{height:1px;background:#ffffff26;margin:8px 16px}.stripe-dashboard-dialog .stripe-dashboard-dialog-footer{padding:20px 24px 24px;border-top:1px solid rgba(255,255,255,.15);display:flex;justify-content:flex-end;gap:12px}.stripe-dashboard-dialog .stripe-dashboard-cancel-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.stripe-dashboard-dialog .stripe-dashboard-cancel-button:hover{background:#ffffff26}.stripe-dashboard-disconnect-confirm .stripe-dashboard-dialog-header{background:linear-gradient(135deg,#ffb8001a,#ffb8000d);border-bottom-color:#ffb8004d}.stripe-dashboard-disconnect-confirm .stripe-dashboard-header-icon{background:#ffb8001a;color:#ffb800}.disconnect-warning{padding:20px 24px;background:#ffb8000d;border-bottom:1px solid rgba(255,184,0,.1)}.warning-content{display:flex;gap:12px;align-items:flex-start}.warning-content svg{color:#ffb800;flex-shrink:0;margin-top:2px}.warning-text{font-size:14px;color:#ffffffe6;line-height:1.5}.warning-text strong{color:#fff}.warning-text ul{margin:8px 0 0;padding-left:20px}.warning-text li{margin-bottom:4px}.stripe-dashboard-disconnect-confirm .stripe-dashboard-dialog-footer{padding:20px 24px 24px}.disconnect-button{background:#ff6b6b;border:1px solid #FF6B6B;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.disconnect-button:hover{background:#e55a5a;border-color:#e55a5a}.disconnect-button:disabled{background:#fff3;border-color:#fff3;cursor:not-allowed}.stripe-dashboard-clear-confirm .stripe-dashboard-dialog-header{background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b0d);border-bottom-color:#ff6b6b4d}.stripe-dashboard-clear-confirm .stripe-dashboard-header-icon{background:#ff6b6b1a;color:#ff6b6b}.clear-data-warning{padding:20px 24px;background:#ff6b6b0d;border-bottom:1px solid rgba(255,107,107,.1)}.clear-data-button{background:#ff6b6b;border:1px solid #FF6B6B;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.clear-data-button:hover{background:#e55a5a;border-color:#e55a5a}.clear-data-button:disabled{background:#fff3;border-color:#fff3;cursor:not-allowed}@media (max-width: 640px){.stripe-dashboard-dialog{width:95%;margin:20px}.stripe-dashboard-dialog .stripe-dashboard-dialog-header{padding:20px 20px 16px}.dashboard-options{padding:4px}.dashboard-option{padding:14px}.stripe-dashboard-dialog .stripe-dashboard-dialog-footer{padding:16px 20px 20px;flex-direction:column}.stripe-dashboard-dialog .stripe-dashboard-cancel-button,.stripe-dashboard-disconnect-button{width:100%;justify-content:center}}.spinning{animation:stripe-dashboard-spin 1s linear infinite}@keyframes stripe-dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.return-url-modal{max-width:600px}.return-url-content{padding:24px}.return-url-info{display:flex;gap:12px;background:#4facfe1a;border:1px solid rgba(79,172,254,.3);border-radius:8px;padding:16px;margin-bottom:24px}.return-url-info .info-icon{font-size:20px;flex-shrink:0}.return-url-info p{margin:0;color:#ffffffe6;font-size:14px;line-height:1.5}.return-url-form{display:flex;flex-direction:column;gap:12px}.return-url-label{color:#fff;font-weight:600;font-size:14px;margin-bottom:4px}.return-url-label .required{color:#ff6b6b;margin-left:4px}.return-url-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;font-family:Monaco,Courier New,monospace;transition:all .2s ease}.return-url-input:focus{outline:none;border-color:#6c5ce7;background:#ffffff14;box-shadow:0 0 0 3px #6c5ce71a}.return-url-input:disabled{opacity:.6;cursor:not-allowed}.return-url-input.error{border-color:#ff6b6b}.return-url-input.error:focus{box-shadow:0 0 0 3px #ff6b6b1a}.return-url-input.success{border-color:#51cf66}.return-url-error{display:flex;align-items:center;gap:8px;color:#ff6b6b;font-size:13px;padding:8px 12px;background:#ff6b6b1a;border-radius:6px;border:1px solid rgba(255,107,107,.3)}.return-url-success{display:flex;align-items:center;gap:8px;color:#51cf66;font-size:13px;padding:8px 12px;background:#51cf661a;border-radius:6px;border:1px solid rgba(81,207,102,.3)}.return-url-help{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-top:16px}.return-url-help p{margin:0 0 8px;color:#ffffffe6;font-size:13px;font-weight:600}.return-url-help ul{margin:0 0 16px;padding-left:20px;color:#ffffffb3;font-size:13px;line-height:1.6}.return-url-help ul li{margin-bottom:4px}.return-url-help code{background:#6c5ce726;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:12px;color:#a29bfe}.return-url-help .example-url{display:block;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#74b9ff;font-size:13px;margin-top:8px}.current-return-url{background:#51cf661a;border:1px solid rgba(81,207,102,.3);border-radius:8px;padding:12px;margin-top:12px}.current-return-url strong{display:block;color:#51cf66;font-size:12px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.current-return-url code{display:block;color:#ffffffe6;font-family:Monaco,Courier New,monospace;font-size:13px;word-break:break-all}.save-return-url-button{background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;justify-content:center;min-width:150px}.save-return-url-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce766}.save-return-url-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-option.settings-option .option-icon{background:#4facfe1a;color:#4facfe}.dashboard-option.settings-option:hover .option-icon{background:#4facfe33}@media (max-width: 640px){.return-url-modal{max-width:95%}.return-url-content{padding:16px}.return-url-help{padding:12px}.return-url-input{font-size:13px}}.stripe-onboarding-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:90%;max-width:600px;max-height:90vh;position:relative;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.stripe-onboarding-modal-header{padding:24px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px;position:relative}.stripe-onboarding-header-content{display:flex;align-items:center;gap:12px;padding-right:40px}.stripe-onboarding-header-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #667eea4d}.stripe-onboarding-header-icon.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.stripe-onboarding-header-text h2{margin:0;font-size:20px;font-weight:600;color:#fff}.stripe-onboarding-header-text p{margin:4px 0 0;font-size:14px;color:#ffffffb3}.stripe-onboarding-close-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.stripe-onboarding-close-button:hover{background:#ffffff1a;color:#fff}.stripe-onboarding-close-button:disabled{opacity:.5;cursor:not-allowed}.stripe-onboarding-modal-content{padding:0 24px;max-height:calc(90vh - 120px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.stripe-onboarding-modal-content::-webkit-scrollbar{display:none}.step-content{text-align:center;padding-bottom:24px}.step-icon{margin:0 auto 16px;width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #667eea4d}.step-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:#fff}.step-content p{margin:0 0 24px;font-size:14px;color:#ffffffb3;line-height:1.5}.loading-state{padding:40px 0}.loading-state .spinner{margin:0 auto 16px;animation:stripe-onboarding-spin 1s linear infinite}@keyframes stripe-onboarding-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.benefits-list{display:flex;flex-direction:column;gap:12px;margin:24px 0;text-align:left}.benefit-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#fffc}.benefit-item svg{color:#00b894;flex-shrink:0}.account-options,.reconnect-options{display:flex;flex-direction:column;gap:16px;margin:24px 0}.manual-input-section{margin:24px 0;text-align:left}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:#fff;margin-bottom:4px}.account-id-input{padding:12px 16px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;transition:all .3s ease}.account-id-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#ffffff14}.account-id-input:disabled{opacity:.5;cursor:not-allowed}.account-id-input::placeholder{color:#fff6}.input-help{font-size:12px;color:#fff9;margin:0;line-height:1.4}.option-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.option-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-2px);background:#ffffff14}.option-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.option-content{flex:1;text-align:left}.option-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff}.option-content p{margin:0 0 12px;font-size:14px;color:#ffffffb3}.option-benefits{list-style:none;padding:0;margin:0}.option-benefits li{font-size:13px;color:#fff9;margin-bottom:4px;padding-left:16px;position:relative}.option-benefits li:before{content:"✓";color:#00b894;font-weight:700;position:absolute;left:0}.option-arrow{color:#ffffff80;opacity:.7;transition:all .3s ease}.option-card:hover .option-arrow{opacity:1;color:#667eea}.connection-info{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin:24px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:14px;color:#fffc}.info-item:last-child{margin-bottom:0}.info-item svg{color:#667eea;flex-shrink:0}.onboarding-steps{display:flex;flex-direction:column;gap:16px;margin:24px 0;text-align:left}.onboarding-step{display:flex;align-items:flex-start;gap:12px}.step-number{width:24px;height:24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;box-shadow:0 2px 8px #667eea4d}.step-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#fff}.step-info p{margin:0;font-size:13px;color:#ffffffb3}.account-status{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin:24px 0;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#fffc}.status-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.status-enabled{color:#00b894;font-weight:600}.status-disabled{color:#ff6b6b;font-weight:600}.error-message{display:flex;align-items:center;gap:8px;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:12px;border-radius:12px;font-size:14px;margin:16px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-buttons{display:flex;flex-direction:column;gap:12px;margin-top:24px}.primary-button,.secondary-button{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.secondary-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.secondary-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.stripe-onboarding-modal-footer{padding:0 24px 24px;border-top:1px solid rgba(255,255,255,.1);margin-top:24px}.stripe-onboarding-cancel-button{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:12px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;width:100%}.stripe-onboarding-cancel-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.stripe-onboarding-cancel-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.stripe-onboarding-modal{width:95%;margin:20px}.stripe-onboarding-modal-header{padding:20px 20px 0}.stripe-onboarding-header-content{padding-right:36px}.stripe-onboarding-close-button{top:12px;right:12px;width:28px;height:28px}.stripe-onboarding-modal-content{padding:0 20px;max-height:calc(90vh - 100px)}.stripe-onboarding-modal-footer{padding:0 20px 20px}.action-buttons{gap:8px}.primary-button,.secondary-button{padding:14px 20px;font-size:16px}}.invoicing-fees-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.invoicing-fees-modal{background:#1a1a2e;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.invoicing-fees-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.invoicing-fees-header-content{display:flex;align-items:center;gap:16px;flex:1}.invoicing-fees-icon{width:48px;height:48px;background:linear-gradient(135deg,#ffb800,#ff9500);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.invoicing-fees-header-text h2{font-size:20px;font-weight:700;color:#fff;margin:0}.invoicing-fees-close-button{width:36px;height:36px;border:none;background:#ffffff0d;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.invoicing-fees-close-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.invoicing-fees-close-button:disabled{opacity:.5;cursor:not-allowed}.invoicing-fees-modal-content{flex:1;overflow-y:auto;padding:24px}.invoicing-fees-intro{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 20px}.invoicing-fees-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.fee-item{background:#ffffff0d;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.1);display:flex;gap:12px;transition:all .2s}.fee-item:hover{background:#ffffff12;border-color:#ffffff26}.stripe-fee .fee-icon{color:#4facfe}.lumisketch-fee .fee-icon{color:#00b894}.fee-icon{width:32px;height:32px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.fee-details{flex:1}.fee-details h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 4px}.fee-amount{font-size:15px;font-weight:700;color:#fff;margin:0 0 4px;background:linear-gradient(135deg,#ffb800,#ff9500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fee-description{font-size:13px;color:#fff9;margin:0;line-height:1.5}.invoicing-fees-acknowledgment{background:#ffffff08;border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.08)}.acknowledgment-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.acknowledgment-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#6C5CE7;flex-shrink:0}.acknowledgment-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{font-size:14px;color:#ffffffb3;line-height:1.5}.invoicing-fees-modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1)}.continue-button{width:100%;padding:14px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;background:#6c5ce7;color:#fff}.continue-button:hover:not(:disabled){background:#5f51d8;transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce766}.continue-button:active:not(:disabled){transform:translateY(0)}.continue-button:disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.invoicing-fees-modal-overlay{padding:0;align-items:flex-end}.invoicing-fees-modal{max-width:100%;max-height:95vh;border-radius:20px 20px 0 0}.invoicing-fees-modal-header{padding:20px}.invoicing-fees-icon{width:40px;height:40px}.invoicing-fees-header-text h2{font-size:18px}.invoicing-fees-modal-content{padding:20px}.fee-item{padding:14px}.fee-details h4{font-size:13px}.fee-amount{font-size:14px}.fee-description{font-size:12px}}.tax-liability-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tax-liability-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:taxModalSlideIn .3s ease-out}@keyframes taxModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tax-liability-modal-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.tax-liability-header-content{display:flex;align-items:center;gap:16px;flex:1}.tax-liability-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tax-liability-icon.warning{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.tax-liability-header-text h2{margin:0;font-size:20px;font-weight:700;color:#fff}.tax-liability-header-text .subtitle{margin:4px 0 0;font-size:13px;color:#fff9}.tax-liability-close-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px;cursor:pointer;color:#fffc;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tax-liability-close-button:hover:not(:disabled){background:#ffffff26;color:#fff}.tax-liability-close-button:disabled{opacity:.5;cursor:not-allowed}.tax-liability-modal-content{padding:24px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.tax-liability-modal-content::-webkit-scrollbar{width:8px}.tax-liability-modal-content::-webkit-scrollbar-track{background:transparent}.tax-liability-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.tax-liability-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.warning-banner{background:#f59e0b26;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#fcd34d}.warning-banner svg{flex-shrink:0}.warning-banner span{font-size:14px;font-weight:600}.legal-notice{text-align:left}.legal-notice h3{margin:0 0 16px;font-size:18px;font-weight:700;color:#fff}.intro-text{margin:0 0 24px;font-size:14px;line-height:1.6;color:#fffc}.liability-sections{display:flex;flex-direction:column;gap:20px}.liability-section{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px}.liability-section.critical{background:#f59e0b14;border:1px solid rgba(245,158,11,.3)}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.section-header svg{color:#10b981;flex-shrink:0}.liability-section.critical .section-header svg{color:#f59e0b}.section-header h4{margin:0;font-size:15px;font-weight:600;color:#fff}.liability-section p{margin:0 0 12px;font-size:13px;line-height:1.6;color:#ffffffbf}.liability-section p:last-child{margin-bottom:0}.liability-section ul{margin:12px 0 0;padding-left:24px;list-style-type:disc}.liability-section li{margin-bottom:8px;font-size:13px;line-height:1.5;color:#ffffffb3}.liability-section li:last-child{margin-bottom:0}.liability-section strong{color:#fff;font-weight:600}.final-acknowledgment{margin-top:24px;padding:20px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px}.final-acknowledgment h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.final-acknowledgment p{margin:0;font-size:14px;line-height:1.6;color:#fffc}.tax-liability-acknowledgment{margin-top:24px;padding:20px;background:#ffffff0d;border:2px solid rgba(99,102,241,.3);border-radius:12px}.acknowledgment-checkbox{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.acknowledgment-checkbox input[type=checkbox]{margin-top:2px;width:20px;height:20px;cursor:pointer;flex-shrink:0}.acknowledgment-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-label{font-size:13px;line-height:1.6;color:#ffffffd9;font-weight:500}.view-only-notice{margin-top:24px;padding:16px 20px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;text-align:center}.view-only-notice p{margin:0;font-size:14px;line-height:1.5;color:#ffffffd9;font-weight:500}.legal-footer{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.legal-footer p{margin:0;font-size:11px;line-height:1.5;color:#ffffff80}.legal-footer strong{color:#ffffffb3}.tax-liability-modal-footer{padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:12px;justify-content:flex-end;flex-shrink:0}.tax-liability-modal-footer button{padding:12px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:8px}.cancel-button{background:#ffffff0d;color:#ffffffb3;border:1px solid rgba(255,255,255,.2)}.cancel-button:hover:not(:disabled){background:#ffffff1a;color:#fff}.continue-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.continue-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.continue-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 768px){.tax-liability-modal{max-width:95%;max-height:95vh}.tax-liability-modal-header{padding:16px}.tax-liability-header-content{gap:12px}.tax-liability-icon{width:40px;height:40px}.tax-liability-icon svg{width:20px;height:20px}.tax-liability-header-text h2{font-size:16px}.tax-liability-header-text .subtitle{font-size:12px}.tax-liability-modal-content{padding:16px}.legal-notice h3{font-size:16px}.section-header h4{font-size:14px}.tax-liability-modal-footer{padding:16px;flex-direction:column}.tax-liability-modal-footer button{width:100%;justify-content:center}}@media (max-width: 480px){.tax-liability-modal{border-radius:12px}.acknowledgment-checkbox{gap:8px}.acknowledgment-checkbox input[type=checkbox]{width:18px;height:18px}.checkbox-label{font-size:12px}}.archive-dialog-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.archive-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.archive-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.archive-dialog-title{display:flex;align-items:center;gap:12px}.archive-dialog-title h2{margin:0;font-size:24px;font-weight:600;color:#111827}.archive-dialog-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.archive-dialog-close:hover{background-color:#f3f4f6;color:#374151}.archive-dialog-content{padding:0 24px 24px}.archive-warning{display:flex;align-items:flex-start;gap:12px;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:24px}.archive-warning svg{color:#d97706;flex-shrink:0;margin-top:2px}.archive-warning p{margin:0;color:#92400e;font-weight:500}.archive-invoice-details{margin-bottom:24px}.archive-invoice-details h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#111827}.invoice-summary{background-color:#f9fafb;border-radius:8px;padding:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-row:not(:last-child){border-bottom:1px solid #e5e7eb}.detail-row .label{font-weight:500;color:#6b7280}.detail-row .value{font-weight:600;color:#111827}.detail-row .value.status-draft{color:#d97706;background-color:#fef3c7;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.archive-explanation{margin-bottom:24px}.archive-explanation h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}.archive-explanation ul{margin:0 0 16px;padding-left:20px}.archive-explanation li{margin-bottom:8px;color:#4b5563}.stripe-info{background-color:#eff6ff;border:1px solid #3b82f6;border-radius:8px;padding:16px}.stripe-info h4{margin:0 0 12px;color:#1e40af;font-size:16px;font-weight:600}.stripe-info p{margin:0 0 12px;color:#1e40af}.stripe-info ol{margin:0 0 12px;padding-left:20px}.stripe-info li{margin-bottom:4px;color:#1e40af}.stripe-info a{color:#2563eb;text-decoration:underline}.stripe-info a:hover{color:#1d4ed8}.archive-dialog-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 12px 12px}.cancel-button{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;flex:1;max-width:140px}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.archive-button{background:#dc2626;border:1px solid #dc2626;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;flex:1;max-width:140px}.archive-button:hover{background:#b91c1c;border-color:#b91c1c}.archive-button:disabled{opacity:.5;cursor:not-allowed}.archive-button svg{width:16px;height:16px}.spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 640px){.archive-dialog-overlay{padding:10px}.archive-dialog{max-height:95vh}.archive-dialog-header{padding:20px 20px 0}.archive-dialog-content{padding:0 20px 20px}.archive-dialog-actions{padding:20px;flex-direction:column}.cancel-button,.archive-button{width:100%}}.refund-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.refund-modal{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:refundModalSlideIn .2s ease-out;display:flex;flex-direction:column}@keyframes refundModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.refund-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid #f3f4f6;position:relative}.refund-modal-handle{position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#e5e7eb;border-radius:2px}.refund-modal-header h3{margin:0;font-size:20px;font-weight:700;color:#111827;letter-spacing:-.025em}.refund-modal-close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.refund-modal-close-button:hover:not(:disabled){background:#f9fafb;color:#374151}.refund-modal-close-button:disabled{opacity:.5;cursor:not-allowed}.refund-modal-content{padding:0 28px 28px}.refund-modal-processing-state{text-align:center;padding:60px 0}.refund-modal-processing-spinner{display:flex;justify-content:center;margin-bottom:20px}.refund-modal-spinner{animation:refundModalSpin 1s linear infinite;color:#3b82f6}@keyframes refundModalSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refund-modal-processing-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#111827}.refund-modal-processing-state p{margin:0;color:#6b7280;font-size:14px}.refund-modal-no-refund{display:flex;flex-direction:column;gap:20px}.refund-modal-summary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-bottom:28px}.refund-modal-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px 0}.refund-modal-summary-row:last-child{margin-bottom:0;padding-top:8px;border-top:1px solid #e2e8f0}.refund-modal-summary-row span:first-child{font-weight:500;color:#64748b;font-size:14px}.refund-modal-summary-row span:last-child{font-weight:700;color:#1e293b;font-size:16px}.refund-modal-summary-paid{color:#059669!important}.refund-modal-summary-refunded,.refund-modal-summary-max-refund{color:#dc2626!important}.refund-modal-type-section,.refund-modal-amount-section,.refund-modal-details-section{margin-bottom:32px}.refund-modal-type-section h4,.refund-modal-amount-section h4,.refund-modal-details-section h4{margin:0 0 16px;font-size:16px;font-weight:700;color:#111827;letter-spacing:-.025em}.refund-modal-type-options{display:flex;flex-direction:column;gap:12px}.refund-modal-type-option{display:block;cursor:pointer;position:relative;margin:0}.refund-modal-type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.refund-modal-type-option:hover .refund-modal-option-content{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.refund-modal-type-option input[type=radio]:checked+.refund-modal-option-content{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.refund-modal-type-option input[type=radio]:checked+.refund-modal-option-content .refund-modal-option-icon{color:#3b82f6;background:#dbeafe}.refund-modal-type-option input[type=radio]:checked+.refund-modal-option-content .refund-modal-option-title{color:#1d4ed8}.refund-modal-option-content{display:flex;align-items:flex-start;gap:16px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease;background:#fff}.refund-modal-option-icon{color:#6b7280;flex-shrink:0;padding:8px;background:#f9fafb;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.refund-modal-option-text{display:flex;flex-direction:column;gap:4px}.refund-modal-option-title{font-weight:600;color:#111827;font-size:15px;transition:color .2s}.refund-modal-option-subtitle{font-size:13px;color:#6b7280;line-height:1.5;transition:color .2s}.refund-modal-amount-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.refund-modal-amount-option{display:block;cursor:pointer;position:relative;margin:0}.refund-modal-amount-option input[type=radio]{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.refund-modal-amount-option-label{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s ease;background:#fff}.refund-modal-amount-option:hover .refund-modal-amount-option-label{border-color:#3b82f6;background:#eff6ff}.refund-modal-amount-option input[type=radio]:checked+.refund-modal-amount-option-label{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.refund-modal-amount-option input[type=radio]:checked+.refund-modal-amount-option-label span{color:#1d4ed8}.refund-modal-amount-option-label span{font-weight:500;color:#374151;font-size:15px;transition:color .2s}.refund-modal-partial-amount-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin-top:8px}.refund-modal-partial-amount-input label{font-weight:600;color:#374151;font-size:14px;margin-bottom:8px;display:block}.refund-modal-partial-amount-input input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;transition:all .2s}.refund-modal-partial-amount-input input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.refund-modal-max-amount{font-size:12px;color:#64748b;margin-top:6px;display:block}.refund-modal-form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.refund-modal-form-field:last-child{margin-bottom:0}.refund-modal-form-field label{font-weight:600;color:#374151;font-size:14px}.refund-modal-form-field select,.refund-modal-form-field textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;transition:all .2s;background:#fff}.refund-modal-form-field select:focus,.refund-modal-form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refund-modal-form-field textarea{resize:vertical;min-height:100px;line-height:1.5}.refund-modal-form-field select{cursor:pointer}.refund-modal-warning{display:flex;gap:16px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fef9c3);border:1px solid #f59e0b;border-radius:12px;margin-bottom:28px}.refund-modal-warning-icon{color:#d97706;flex-shrink:0;margin-top:2px;padding:4px;background:#d977061a;border-radius:6px}.refund-modal-warning-text{font-size:14px;color:#92400e;line-height:1.6}.refund-modal-warning-text strong{font-weight:700}.refund-modal-footer{display:flex;gap:16px;padding:20px 28px 28px;border-top:1px solid #f3f4f6;background:#fafafa;border-radius:0 0 16px 16px;margin-top:auto}.refund-modal-cancel-button{flex:1;padding:14px 20px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.refund-modal-cancel-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.refund-modal-cancel-button:disabled{opacity:.5;cursor:not-allowed}.refund-modal-refund-button{flex:1;padding:14px 20px;border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #dc26264d}.refund-modal-refund-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 6px 16px #dc262666}.refund-modal-refund-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.refund-modal-overlay{padding:16px}.refund-modal{max-height:95vh;border-radius:12px}.refund-modal-header{padding:20px 20px 16px}.refund-modal-header h3{font-size:18px}.refund-modal-content{padding:0 20px 20px}.refund-modal-summary,.refund-modal-type-option,.refund-modal-amount-option,.refund-modal-partial-amount-input{padding:16px}.refund-modal-footer{padding:16px 20px 20px;flex-direction:column}.refund-modal-cancel-button,.refund-modal-refund-button{width:100%;padding:16px 20px}.refund-modal-warning,.refund-modal-type-option .refund-modal-option-content,.refund-modal-amount-option .refund-modal-amount-option-label{padding:16px}}.refund-modal-type-option:focus-within .refund-modal-option-content,.refund-modal-amount-option:focus-within .refund-modal-amount-option-label{outline:2px solid #3b82f6;outline-offset:2px}.refund-modal-partial-amount-input input:focus,.refund-modal-form-field select:focus,.refund-modal-form-field textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refund-modal-type-option-radio-indicator,.refund-modal-amount-option-radio-indicator{width:18px;height:18px;border:2px solid #d1d5db;border-radius:50%;background:#fff;transition:all .2s;flex-shrink:0;position:relative}.refund-modal-type-option input[type=radio]:checked+.refund-modal-option-content .refund-modal-type-option-radio-indicator,.refund-modal-amount-option input[type=radio]:checked+.refund-modal-amount-option-label .refund-modal-amount-option-radio-indicator{border-color:#3b82f6;background:#3b82f6}.refund-modal-type-option input[type=radio]:checked+.refund-modal-option-content .refund-modal-type-option-radio-indicator:after,.refund-modal-amount-option input[type=radio]:checked+.refund-modal-amount-option-label .refund-modal-amount-option-radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.subscription_timeline{margin:24px 0}.subscription_timeline-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.subscription_timeline-container{position:relative;padding-left:40px}.subscription_timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.subscription_timeline-empty-icon{margin-bottom:16px;opacity:.5}.subscription_timeline-empty p{margin:0;font-size:15px}.subscription_timeline-item{position:relative;padding-bottom:32px;animation:subscription_fadeIn .4s ease-out}@keyframes subscription_fadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.subscription_timeline-item:before{content:"";position:absolute;left:-28px;top:32px;bottom:0;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%)}.subscription_timeline-item:last-child:before{display:none}.subscription_timeline-marker{position:absolute;left:-36px;top:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;z-index:1}.subscription_timeline-marker-offline{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.subscription_timeline-marker-card{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.subscription_timeline-marker-complete{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.subscription_timeline-marker-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.subscription_timeline-content{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px 18px;transition:all .2s}.subscription_timeline-item:hover .subscription_timeline-content{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translate(2px)}.subscription_timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.subscription_timeline-amount{font-size:20px;font-weight:700;color:#111827}.subscription_timeline-date{font-size:13px;color:#6b7280;font-weight:500}.subscription_timeline-details{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280;margin-bottom:8px}.subscription_timeline-method{font-weight:600;color:#374151;background:#f3f4f6;padding:2px 8px;border-radius:4px}.subscription_timeline-separator{color:#d1d5db}.subscription_timeline-recorded-by{color:#6b7280}.subscription_timeline-notes{margin-top:12px;padding:12px;background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;font-size:13px;color:#4b5563;font-style:italic;line-height:1.5}.subscription_timeline-item-complete .subscription_timeline-content{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.subscription_timeline-item-pending .subscription_timeline-content{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d}.subscription_timeline-complete-text,.subscription_timeline-pending-text{margin-bottom:8px}.subscription_timeline-complete-text strong,.subscription_timeline-pending-text strong{color:#111827;font-size:15px}.subscription_timeline-item-complete .subscription_timeline-details{color:#059669;font-weight:600}.subscription_timeline-item-pending .subscription_timeline-details{color:#d97706;font-weight:600}@media (max-width: 640px){.subscription_timeline-container{padding-left:32px}.subscription_timeline-marker{left:-32px;width:28px;height:28px}.subscription_timeline-marker svg{width:14px;height:14px}.subscription_timeline-item:before{left:-24px}.subscription_timeline-header{flex-direction:column;align-items:flex-start;gap:4px}.subscription_timeline-amount{font-size:18px}.subscription_timeline-date{font-size:12px}.subscription_timeline-details{flex-wrap:wrap;font-size:13px}.subscription_timeline-notes{font-size:12px;padding:10px}}@media (prefers-color-scheme: dark){.subscription_timeline-title{color:#f9fafb;border-bottom-color:#374151}.subscription_timeline-empty{color:#6b7280}.subscription_timeline-content{background:#374151;border-color:#4b5563}.subscription_timeline-item:hover .subscription_timeline-content{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.subscription_timeline-amount{color:#f9fafb}.subscription_timeline-date,.subscription_timeline-details{color:#9ca3af}.subscription_timeline-method{color:#e5e7eb;background:#1f2937}.subscription_timeline-recorded-by{color:#9ca3af}.subscription_timeline-notes{background:#1f2937;border-left-color:#60a5fa;color:#d1d5db}.subscription_timeline-item-complete .subscription_timeline-content{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981}.subscription_timeline-item-pending .subscription_timeline-content{background:linear-gradient(135deg,#78350f,#92400e);border-color:#f59e0b}.subscription_timeline-complete-text strong,.subscription_timeline-pending-text strong{color:#f9fafb}.subscription_timeline-item-complete .subscription_timeline-details{color:#10b981}.subscription_timeline-item-pending .subscription_timeline-details{color:#f59e0b}}@media print{.subscription_timeline-item:hover .subscription_timeline-content{border-color:#e5e7eb;box-shadow:none;transform:none}.subscription_timeline-marker{box-shadow:none}}.view-invoice-dialog{width:100%;max-width:700px;max-height:90vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 12px 48px #0000004d;display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin:auto;position:relative}.view-invoice-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.view-invoice-header-content{display:flex;align-items:center;gap:16px;flex:1}.view-invoice-header-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-radius:12px;color:#fff}.view-invoice-header-text h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff}.view-invoice-header-text p{margin:0;color:#ffffffb3;font-size:14px}.view-invoice-header-actions{display:flex;align-items:center;gap:8px}.view-invoice-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;transition:all .3s ease}.view-invoice-close-button:hover{background:#ffffff26;color:#fff}.view-invoice-close-button:disabled{opacity:.5;cursor:not-allowed}.view-invoice-dialog-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px}.view-invoice-dialog-content::-webkit-scrollbar{width:6px}.view-invoice-dialog-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.view-invoice-dialog-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.view-invoice-dialog-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.view-invoice-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;min-height:300px}.view-invoice-loading-content{max-width:400px}.view-invoice-loading-content h3{margin:20px 0 12px;font-size:20px;font-weight:700;color:#fff}.view-invoice-loading-content p{margin:0;color:#ffffffb3;font-size:14px}.view-invoice-loading-spinner{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#6c5ce71a;border-radius:50%;color:#6c5ce7;margin:0 auto}.view-invoice-loading-spinner .spinner{animation:spin 1s linear infinite;color:#6c5ce7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-invoice-form{display:flex;flex-direction:column;gap:32px}.view-invoice-section{margin-bottom:24px}.view-invoice-section-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff}.view-invoice-form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.view-invoice-form-group label{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:14px;font-weight:500}.view-invoice-input-readonly,.view-invoice-textarea-readonly{padding:14px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;font-size:15px;transition:all .3s ease;cursor:default;word-wrap:break-word;overflow-wrap:break-word;width:100%;box-sizing:border-box}.view-invoice-textarea-readonly{font-family:inherit;resize:vertical;line-height:1.5;min-height:80px}.view-invoice-items-list{display:flex;flex-direction:column;gap:16px}.view-invoice-item-row{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:grid;grid-template-columns:2fr .8fr 1fr 1fr;gap:12px;align-items:end;overflow:hidden}.view-invoice-item-description,.view-invoice-item-quantity,.view-invoice-item-price,.view-invoice-item-total{display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden}.view-invoice-item-description label,.view-invoice-item-quantity label,.view-invoice-item-price label,.view-invoice-item-total label{color:#ffffffb3;font-size:12px;font-weight:500;margin:0}.view-invoice-item-description input,.view-invoice-item-quantity input,.view-invoice-item-price input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-invoice-item-total-display{padding:10px 14px;background:#00b8941a;border:1px solid rgba(0,184,148,.3);border-radius:8px;font-size:15px;font-weight:600;color:#00b894;text-align:right;white-space:nowrap}.view-invoice-fee-row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;gap:16px}.view-invoice-fee-label{font-size:14px;color:#ffffffe6;font-weight:500;flex:1;word-wrap:break-word;overflow-wrap:break-word}.view-invoice-fee-amount{font-size:15px;font-weight:600;color:#00b894;white-space:nowrap;flex-shrink:0}.view-invoice-totals{display:flex;flex-direction:column;gap:12px;padding:20px;background:linear-gradient(135deg,#6c5ce71a,#6c5ce70d);border-radius:12px;border:1px solid rgba(108,92,231,.2);margin-top:8px}.view-invoice-total-row{display:flex;justify-content:space-between;align-items:center}.view-invoice-total-label{font-size:14px;color:#ffffffb3;font-weight:500}.view-invoice-total-amount{font-size:16px;font-weight:600;color:#fff}.view-invoice-grand-total{padding-top:12px;border-top:2px solid rgba(108,92,231,.3);margin-top:4px}.view-invoice-grand-total .view-invoice-total-label{font-size:18px;color:#fff;font-weight:600}.view-invoice-grand-total .view-invoice-total-amount{font-size:24px;color:#00b894;font-weight:700}.view-invoice-dialog-footer{display:flex;gap:16px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.view-invoice-close-footer-button{flex:1;max-width:200px;padding:14px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.view-invoice-close-footer-button:hover{background:#ffffff0d;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.view-invoice-dialog{max-width:100%;max-height:95vh;border-radius:16px;margin:0 8px}.view-invoice-dialog-header{padding:16px 20px}.view-invoice-header-text h2{font-size:18px}.view-invoice-dialog-content{padding:20px}.view-invoice-item-row{grid-template-columns:1fr;gap:12px}.view-invoice-grand-total .view-invoice-total-amount{font-size:20px}.view-invoice-form{gap:24px}.view-invoice-section{margin-bottom:16px}}@media (max-width: 480px){.view-invoice-dialog{max-height:98vh;border-radius:12px;margin:0 4px}.view-invoice-dialog-header{padding:12px 16px}.view-invoice-header-text h2{font-size:16px}.view-invoice-header-text p{font-size:12px}.view-invoice-header-icon{width:40px;height:40px}.view-invoice-dialog-content{padding:16px}.view-invoice-loading{padding:40px 16px;min-height:200px}.view-invoice-loading-spinner{width:60px;height:60px}.view-invoice-close-footer-button{max-width:100%}.view-invoice-form{gap:20px}.view-invoice-section{margin-bottom:12px}.view-invoice-section-title{font-size:15px}.view-invoice-dialog-footer{padding:16px}}.subscription_dialog-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.subscription_dialog{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:subscription_slideUp .3s ease-out}@keyframes subscription_slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.subscription_dialog-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb}.subscription_dialog-header h2{margin:0;font-size:20px;font-weight:600;color:#111827}.subscription_dialog-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.subscription_dialog-close:hover{background-color:#f3f4f6;color:#111827}.subscription_dialog-close:disabled{opacity:.5;cursor:not-allowed}.subscription_dialog-content{padding:24px;overflow-y:auto;flex:1}.subscription_dialog-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.subscription_payment-summary{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;padding:20px;margin-bottom:24px;border:1px solid #e5e7eb}.subscription_payment-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px}.subscription_payment-summary-row:last-child{margin-bottom:0}.subscription_payment-summary-row span{color:#6b7280}.subscription_payment-summary-row strong{font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.subscription_payment-summary-divider{height:1px;background:#d1d5db;margin:16px 0}.subscription_payment-summary-total{font-size:16px;padding-top:4px}.subscription_payment-summary-total strong{font-size:18px}.subscription_text-success{color:#059669!important}.subscription_text-warning{color:#d97706!important}.subscription_payment-method-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.subscription_form-section{margin-bottom:20px}.subscription_form-label{display:block;font-weight:500;font-size:14px;color:#374151;margin-bottom:8px}.subscription_payment-method-options{display:flex;gap:12px;flex-wrap:wrap}.subscription_payment-method-option{flex:1;min-width:120px;display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff}.subscription_payment-method-option:hover{border-color:#3b82f6;background:#eff6ff}.subscription_payment-method-option input[type=radio]{cursor:pointer;width:18px;height:18px;margin:0}.subscription_payment-method-option input[type=radio]:checked+span{color:#2563eb;font-weight:600}.subscription_payment-method-option span{font-size:14px;color:#6b7280;transition:all .2s}.subscription_input-with-icon{position:relative}.subscription_input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.subscription_form-input{width:100%;padding:12px 12px 12px 40px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;font-family:inherit}.subscription_form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.subscription_form-input::placeholder{color:#9ca3af}.subscription_form-textarea{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;transition:all .2s}.subscription_form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.subscription_form-hint{display:block;margin-top:6px;font-size:13px;color:#6b7280}.subscription_btn{padding:12px 20px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit}.subscription_btn:disabled{opacity:.6;cursor:not-allowed}.subscription_btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.subscription_btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.subscription_btn-outline{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.subscription_btn-outline:hover:not(:disabled){background:#eff6ff;transform:translateY(-1px)}.subscription_btn-secondary{background:#f3f4f6;color:#374151}.subscription_btn-secondary:hover:not(:disabled){background:#e5e7eb}.subscription_btn-full{width:100%}.subscription_divider-with-text{display:flex;align-items:center;text-align:center;margin:24px 0;color:#9ca3af;font-size:13px;font-weight:500}.subscription_divider-with-text:before,.subscription_divider-with-text:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.subscription_divider-with-text span{padding:0 16px}.subscription_error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.subscription_success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:16px;border-radius:8px;text-align:center;font-weight:500}.subscription_spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:subscription_spin .6s linear infinite}@keyframes subscription_spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.subscription_dialog{max-width:100%;margin:0;max-height:100vh;border-radius:0}.subscription_dialog-header,.subscription_dialog-content,.subscription_dialog-footer{padding-left:16px;padding-right:16px}.subscription_payment-method-options{flex-direction:column}.subscription_payment-method-option{min-width:100%}.subscription_btn{font-size:14px;padding:10px 16px}}@media (prefers-color-scheme: dark){.subscription_dialog{background:#1f2937}.subscription_dialog-header{border-bottom-color:#374151}.subscription_dialog-header h2{color:#f9fafb}.subscription_dialog-close{color:#9ca3af}.subscription_dialog-close:hover{background-color:#374151;color:#f9fafb}.subscription_dialog-footer{border-top-color:#374151}.subscription_payment-summary{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.subscription_payment-summary-row span{color:#d1d5db}.subscription_payment-summary-row strong{color:#f9fafb}.subscription_payment-summary-divider{background:#4b5563}.subscription_form-label{color:#e5e7eb}.subscription_payment-method-option{background:#374151;border-color:#4b5563}.subscription_payment-method-option:hover{border-color:#60a5fa;background:#1e3a5f}.subscription_payment-method-option span{color:#d1d5db}.subscription_form-input,.subscription_form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.subscription_form-input:focus,.subscription_form-textarea:focus{border-color:#60a5fa}.subscription_form-hint{color:#9ca3af}.subscription_btn-secondary{background:#374151;color:#e5e7eb}.subscription_btn-secondary:hover:not(:disabled){background:#4b5563}.subscription_btn-outline{background:#1f2937;border-color:#60a5fa;color:#60a5fa}.subscription_btn-outline:hover:not(:disabled){background:#1e3a5f}}.subscription_status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap;transition:all .2s}.subscription_status-badge-text{line-height:1}.subscription_status-badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.subscription_status-badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.subscription_status-badge-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.subscription_status-badge-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.subscription_status-badge-default{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.subscription_status-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}@media (max-width: 640px){.subscription_status-badge{font-size:12px;padding:3px 10px;gap:4px}.subscription_status-badge svg{width:12px;height:12px}}@media (prefers-color-scheme: dark){.subscription_status-badge-success{background:linear-gradient(135deg,#064e3b,#065f46);color:#6ee7b7;border-color:#10b981}.subscription_status-badge-warning{background:linear-gradient(135deg,#78350f,#92400e);color:#fcd34d;border-color:#f59e0b}.subscription_status-badge-error{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;border-color:#ef4444}.subscription_status-badge-info{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#93c5fd;border-color:#3b82f6}.subscription_status-badge-default{background:linear-gradient(135deg,#374151,#4b5563);color:#d1d5db;border-color:#6b7280}}.choice-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.choice-dialog{background:#fff;border-radius:12px;max-width:700px;width:100%;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease-out}.choice-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.choice-dialog-header h2{margin:0;font-size:22px;font-weight:600;color:#1f2937}.choice-close-button{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#6b7280;transition:all .2s;display:flex;align-items:center;justify-content:center}.choice-close-button:hover{background-color:#f3f4f6;color:#1f2937}.choice-dialog-content{padding:24px}.choice-description{color:#6b7280;font-size:15px;margin:0 0 24px;line-height:1.5}.choice-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-option-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:24px;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:16px}.choice-option-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.choice-option-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.invoice-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.subscriber-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.choice-option-content h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.choice-option-content p{margin:0 0 16px;color:#6b7280;font-size:14px;line-height:1.5}.choice-option-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.choice-option-features li{color:#4b5563;font-size:13px;display:flex;align-items:center;gap:8px}@media (max-width: 640px){.choice-options{grid-template-columns:1fr}.choice-dialog{max-width:100%;margin:0 16px}.choice-dialog-header{padding:20px 20px 12px}.choice-dialog-header h2{font-size:20px}.choice-dialog-content,.choice-option-card{padding:20px}}.enhanced-saved-items-dialog{width:100%;max-width:800px;max-height:85vh;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:24px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;animation:slideUp .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.enhanced-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-header-content{display:flex;align-items:center;gap:16px;flex:1}.enhanced-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-radius:12px;color:#fff}.enhanced-header-text h2{margin:0 0 4px;font-size:20px;font-weight:700;color:#fff}.enhanced-header-text p{margin:0;color:#ffffffb3;font-size:14px}.enhanced-header-actions{display:flex;align-items:center;gap:8px}.enhanced-manage-button,.enhanced-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.enhanced-manage-button{background:#6c5ce71a;color:#6c5ce7}.enhanced-manage-button:hover{background:#6c5ce733;transform:scale(1.05)}.enhanced-close-button{background:#ffffff1a;color:#ffffffb3}.enhanced-close-button:hover{background:#ffffff26;color:#fff}.enhanced-search-filters-section{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.enhanced-search-field{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;margin-bottom:16px}.enhanced-search-field svg{color:#ffffff80;flex-shrink:0}.enhanced-search-field input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none}.enhanced-search-field input::placeholder{color:#ffffff80}.enhanced-category-filters{display:flex;flex-wrap:wrap;gap:8px}.enhanced-category-chip{padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff0d;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.enhanced-category-chip:hover{background:#ffffff1a;transform:translateY(-2px)}.enhanced-category-chip.selected{background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-color:transparent;box-shadow:0 4px 16px #6c5ce74d;transform:translateY(-2px)}.enhanced-items-list-container{flex:1;overflow-y:auto;padding:20px}.enhanced-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.enhanced-spinner{width:32px;height:32px;border:3px solid rgba(108,92,231,.2);border-top:3px solid #6C5CE7;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.enhanced-loading-state p{margin:0;color:#ffffffb3;font-size:14px}.enhanced-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.enhanced-item-card{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.enhanced-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0003;border-color:#fff3}.enhanced-item-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.enhanced-item-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-radius:10px;color:#fff}.enhanced-category-badge{padding:4px 8px;background:#6c5ce733;border:1px solid rgba(108,92,231,.3);border-radius:12px;color:#6c5ce7;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.enhanced-item-card-content{margin-bottom:16px}.enhanced-item-card-content h4{margin:0 0 8px;font-size:16px;font-weight:700;color:#fff;line-height:1.3}.enhanced-item-card-content p{margin:0;color:#ffffffb3;font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.enhanced-item-card-footer{display:flex;align-items:center;justify-content:space-between}.enhanced-price{font-size:16px;font-weight:700;color:#00b894}.enhanced-price:has-text("Price not set"){color:#ffffff80;font-weight:500}.enhanced-add-icon{color:#6c5ce7;transition:all .3s ease}.enhanced-item-card:hover .enhanced-add-icon{transform:scale(1.2)}.enhanced-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.enhanced-empty-icon{width:80px;height:80px;background:#6c5ce71a;border-radius:40px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#6c5ce7}.enhanced-empty-state h3{margin:0 0 8px;font-size:20px;font-weight:700;color:#fff}.enhanced-empty-state p{margin:0 0 24px;color:#ffffffb3;font-size:14px;max-width:300px}.enhanced-create-items-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6c5ce74d}.enhanced-create-items-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c5ce766}.quantity-dialog{width:100%;max-width:450px;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:24px;box-shadow:0 20px 60px #0006;animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.item-preview{background:#6c5ce71a;border:1px solid rgba(108,92,231,.2);border-radius:16px;padding:16px;margin-bottom:24px}.item-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.item-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border-radius:8px;color:#fff}.item-details h4{margin:0 0 4px;font-size:16px;font-weight:700;color:#fff}.item-details p{margin:0;color:#ffffffb3;font-size:12px;line-height:1.3}.item-preview-footer{display:flex;align-items:center;justify-content:space-between}.price-display{font-size:16px;font-weight:700;color:#00b894}.quantity-form h3{margin:0 0 16px;font-size:16px;font-weight:700;color:#fff;text-align:center}.enhanced-form-field{margin-bottom:16px}.enhanced-form-field label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#ffffffb3;font-size:14px;font-weight:500}.enhanced-form-field input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:16px;text-align:center;transition:all .3s ease}.enhanced-form-field input:focus{outline:none;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce71a}.enhanced-form-field input::placeholder{color:#ffffff80}.enhanced-dialog-footer{display:flex;gap:16px;margin-top:24px}.enhanced-cancel-button{flex:1;padding:12px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffb3;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.enhanced-cancel-button:hover{background:#ffffff0d;color:#fff}.enhanced-confirm-button{flex:2;padding:12px;background:linear-gradient(135deg,#6c5ce7,#5f3dc4);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #6c5ce74d}.enhanced-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6c5ce766}@media (max-width: 768px){.enhanced-saved-items-dialog{max-width:95vw;max-height:90vh;margin:16px}.enhanced-items-grid{grid-template-columns:1fr}.enhanced-category-filters{overflow-x:auto;white-space:nowrap;padding-bottom:8px}.enhanced-category-chip{flex-shrink:0}.enhanced-dialog-footer{flex-direction:column}.quantity-dialog{max-width:95vw;margin:16px}}@media (max-width: 480px){.enhanced-header-content{flex-direction:column;align-items:flex-start;gap:8px}.enhanced-search-filters-section,.enhanced-items-list-container{padding:16px}.enhanced-item-card{padding:12px}.quantity-dialog{padding:20px}}.enhanced-items-list-container::-webkit-scrollbar{width:6px}.enhanced-items-list-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.enhanced-items-list-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.enhanced-items-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (prefers-reduced-motion: reduce){.enhanced-item-card,.enhanced-category-chip,.enhanced-confirm-button,.enhanced-create-items-button{transition:none}.enhanced-item-card:hover,.enhanced-category-chip:hover,.enhanced-confirm-button:hover,.enhanced-create-items-button:hover{transform:none}}@media (prefers-contrast: high){.enhanced-saved-items-dialog{border-color:#ffffff4d}.enhanced-item-card{border-color:#fff3}.enhanced-category-chip{border-color:#ffffff4d}}.enhanced-price.enhanced-price-not-set{color:#ffffff80;font-weight:500}.calendar-header{padding:32px;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px 20px 0 0;position:relative}.calendar-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.02) 100%);pointer-events:none;border-radius:20px 20px 0 0}.calendar-header h2{margin:0;font-size:2.4vh;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:-.01em;position:relative;z-index:2}.calendar-nav{display:flex;align-items:center;gap:12px;background:#ffffff0d;border-radius:16px;padding:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.nav-btn{padding:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;border-radius:12px;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a}.nav-btn:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #00000026}.nav-btn:active{transform:translateY(0) scale(.95)}.nav-btn svg{width:18px;height:18px;transition:transform .3s ease}.nav-btn:hover svg{transform:scale(1.1)}.view-toggle-buttons{display:flex;gap:4px;background:#ffffff1a;border-radius:12px;padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.view-btn{padding:8px 16px;border:none;background:transparent;border-radius:8px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.view-btn:hover{background:#fff3;color:#fff}.view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}@media (max-width: 480px){.calendar-header{padding:16px;flex-direction:column;gap:16px;align-items:stretch}.calendar-nav{justify-content:center}}.calendar-grid{padding:8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:8px}.weekday{padding:8px 6px;text-align:center;font-size:1.2vh;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-bottom:4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#ffffff05;border-radius:16px;overflow:hidden;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}.calendar-day{aspect-ratio:1.5;background:linear-gradient(135deg,#ffffff14,#ffffff0a);padding:4px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;min-height:2.5vh;border-radius:8px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000001a,inset 0 1px #ffffff1a;overflow:hidden}.calendar-day:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.05) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.calendar-day:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0003,0 8px 16px #667eea33,inset 0 1px #fff3;border-color:#fff3}.calendar-day:hover:before{opacity:1}.calendar-day.selected{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #667eea66,inset 0 1px #ffffff4d;animation:selected-pulse 2s ease-in-out infinite}@keyframes selected-pulse{0%,to{box-shadow:0 8px 32px #667eea66,inset 0 1px #ffffff4d}50%{box-shadow:0 12px 40px #667eea99,inset 0 1px #fff6}}.calendar-day.today{background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);border-color:#f59e0b4d}.calendar-day.today.selected{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#f5576c,#4facfe)}.day-number{font-size:1vh;font-weight:700;color:#fff;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.2);position:relative;z-index:2}.day-events{display:flex;flex-direction:column;gap:2px;position:relative;z-index:2}.day-event{font-size:.7vh;padding:2px 4px;border-radius:4px;background:linear-gradient(135deg,var(--event-color, #667eea),rgba(0,0,0,.2));color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.day-event:hover{transform:translate(2px);box-shadow:0 2px 8px #667eea4d}.calendar-day.other-month{opacity:.6;background:linear-gradient(135deg,#ffffff0a,#ffffff05)}.calendar-day.other-month .day-number{color:#ffffff80}@media (max-width: 768px){.calendar-grid{padding:8px}.calendar-day{min-height:3.5vh;padding:4px}.day-number{font-size:1.2vh}.day-event{font-size:.8vh;padding:1px 3px}}@media (max-width: 480px){.calendar-day{min-height:3.5vh;padding:4px}.day-number{font-size:1.2vh}.day-event{font-size:.8vh;padding:1px 3px}}.week-view-container{padding:24px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003}.week-view-header{padding:24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.week-view-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.week-navigation{display:flex;align-items:center;gap:8px}.week-grid{padding:24px}.week-day-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.week-day-header{padding:12px 8px;text-align:center;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.week-day-header.today{background:linear-gradient(135deg,#f59e0b4d,#f59e0b1a);border-color:#f59e0b4d}.week-day-header .day-name{font-size:12px;font-weight:700;color:#fffc;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.week-day-header .day-date{font-size:18px;font-weight:700;color:#fff}.week-day-columns{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;min-height:400px}.week-day-column{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:8px}.week-day-column:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.week-day-column.today{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);border-color:#f59e0b4d}.week-event-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-left:3px solid var(--event-color, #4285F4);border-radius:8px;padding:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.week-event-card:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.week-event-card .event-time{font-size:10px;color:#fff9;margin-bottom:4px}.week-event-card .event-title{font-size:12px;font-weight:600;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-events{font-size:10px;color:#fff9;text-align:center;padding:4px;background:#ffffff0d;border-radius:6px;margin-top:auto}.day-view-container{padding:24px;background:linear-gradient(135deg,#ffffff1f,#ffffff0f);border:1px solid rgba(255,255,255,.15);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0003}.day-view-header{padding:24px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.day-view-header h3{margin:0;font-size:20px;font-weight:600;color:#fff}.day-navigation{display:flex;align-items:center;gap:8px}.today-btn{padding:8px 16px!important;font-size:14px!important;font-weight:600!important}.day-time-slots{max-height:600px;overflow-y:auto}.time-slot{display:flex;border-bottom:1px solid rgba(255,255,255,.08);min-height:60px}.time-slot:last-child{border-bottom:none}.time-label{width:80px;padding:12px 16px;font-size:12px;font-weight:600;color:#ffffffb3;text-align:right;border-right:1px solid rgba(255,255,255,.1);background:#ffffff05}.time-slot-content{flex:1;padding:8px 16px;position:relative}.day-event-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-left:4px solid var(--event-color, #4285F4);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.day-event-card:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14);transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.day-event-card .event-time-info{font-size:12px;color:#fff9;margin-bottom:4px}.day-event-card .event-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 4px}:root{--modal-backdrop-blur: 12px;--modal-border-radius: 20px;--modal-shadow-primary: 0 20px 60px -10px rgba(0, 0, 0, .15);--modal-shadow-secondary: 0 0 0 1px rgba(0, 0, 0, .05);--modal-shadow-glow: 0 0 80px rgba(59, 130, 246, .1);--modal-bg-gradient: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 250, 251, .95));--modal-border-color: rgba(209, 213, 219, .3);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--accent-primary: #3b82f6;--accent-secondary: #2563eb;--accent-light: #dbeafe;--accent-ultralight: #eff6ff;--error-color: #ef4444;--error-light: #fee2e2;--success-color: #10b981;--success-light: #d1fae5;--warning-color: #f59e0b;--warning-light: #fed7aa;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--z-modal: 1000;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--input-height: 2.75rem;--button-height: 2.625rem}.event-modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0f172a66,#1e293b99);backdrop-filter:blur(var(--modal-backdrop-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur)) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg);animation:modalOverlayFadeIn var(--transition-normal);overflow-y:auto}@keyframes modalOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur))}}.event-modal{background:var(--modal-bg-gradient);border-radius:var(--modal-border-radius);box-shadow:var(--modal-shadow-primary),var(--modal-shadow-secondary),var(--modal-shadow-glow),inset 0 1px #ffffff1a;max-width:820px;width:100%;max-height:calc(100vh - 2 * var(--spacing-lg));overflow-y:auto;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--modal-border-color);position:relative;animation:modalSlideIn var(--transition-bounce);scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.3) transparent}.event-modal::-webkit-scrollbar{width:8px}.event-modal::-webkit-scrollbar-track{background:transparent;margin:var(--modal-border-radius) 0}.event-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9ca3af80,#9ca3af4d);border-radius:10px;border:2px solid transparent;background-clip:padding-box}.event-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#9ca3afb3,#9ca3af80);background-clip:padding-box}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}50%{transform:scale(1.01) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.event-modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-xl) + .25rem) var(--spacing-2xl);border-bottom:1px solid rgba(229,231,235,.8);background:linear-gradient(180deg,#ffffff80,#f9fafb4d);border-radius:var(--modal-border-radius) var(--modal-border-radius) 0 0;position:relative}.event-modal-header:after{content:"";position:absolute;bottom:0;left:var(--spacing-2xl);right:var(--spacing-2xl);height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent)}.event-modal-header h2{margin:0;font-size:1.625rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.025em;font-feature-settings:"cv11","ss01"}.event-modal-close-button{background:#f9fafbcc;border:1px solid rgba(229,231,235,.5);padding:calc(var(--spacing-sm) + .125rem);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.event-modal-close-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(239,68,68,.1),transparent);opacity:0;transition:opacity var(--transition-fast)}.event-modal-close-button:hover{background:#fee2e2e6;border-color:#ef44444d;color:var(--error-color);transform:scale(1.05) rotate(-5deg)}.event-modal-close-button:hover:before{opacity:1}.event-modal-close-button:active{transform:scale(.95) rotate(-5deg)}.event-modal-body{padding:calc(var(--spacing-2xl) + .5rem) var(--spacing-2xl);background:linear-gradient(180deg,transparent,rgba(249,250,251,.5))}.event-modal-error-message{background:linear-gradient(135deg,#fef2f2e6,#fee2e2e6);border:1px solid rgba(239,68,68,.2);border-left:3px solid var(--error-color);color:#991b1b;padding:var(--spacing-md) calc(var(--spacing-md) + .25rem);border-radius:10px;margin-bottom:var(--spacing-lg);font-size:.875rem;box-shadow:0 2px 8px #ef444414;animation:errorShake var(--transition-fast)}.event-modal-form-group .event-modal-error-message{background:transparent;border:none;border-left:none;color:var(--error-color);padding:.25rem 0 0;margin:.25rem 0 0;font-size:.8125rem;box-shadow:none;animation:none}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.event-modal-form-section{margin-bottom:calc(var(--spacing-2xl) + .5rem);animation:sectionFadeIn var(--transition-normal);animation-fill-mode:both}.event-modal-form-section:nth-child(1){animation-delay:.1s}.event-modal-form-section:nth-child(2){animation-delay:.15s}.event-modal-form-section:nth-child(3){animation-delay:.2s}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.event-modal-form-section h3{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 calc(var(--spacing-lg) + .25rem) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary);position:relative;padding-bottom:calc(var(--spacing-xs) + .25rem);letter-spacing:-.01em}.event-modal-form-section h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;box-shadow:0 2px 8px #3b82f64d}.event-modal-form-section h3 svg{color:var(--accent-primary);filter:drop-shadow(0 2px 4px rgba(59,130,246,.2))}.event-modal-form-row{display:grid;grid-template-columns:1fr;gap:calc(var(--spacing-md) + .25rem);margin-bottom:calc(var(--spacing-lg) + .25rem)}@media (min-width: 640px){.event-modal-form-row{grid-template-columns:repeat(2,1fr)}}.event-modal-form-group{display:flex;flex-direction:column;position:relative}.event-modal-form-group.full-width{grid-column:1 / -1}.event-modal-form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:calc(var(--spacing-xs) + .125rem);display:flex;align-items:center;gap:var(--spacing-xs);transition:color var(--transition-fast);letter-spacing:.01em}.event-modal-form-group:focus-within label{color:var(--accent-primary)}.event-modal-form-group label[for=event-is-all-day]{flex-direction:row;margin-bottom:0;cursor:pointer;padding:var(--spacing-sm);border-radius:8px;background:#f9fafb80;border:1px solid transparent;transition:all var(--transition-fast)}.event-modal-form-group label[for=event-is-all-day]:hover{background:var(--accent-ultralight);border-color:var(--accent-light)}.event-modal-form-group input[type=checkbox]{margin-right:var(--spacing-sm);width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.event-modal-form-group input:not([type=checkbox]),.event-modal-form-group select,.event-modal-form-group textarea{padding:calc(var(--spacing-sm) + .125rem) var(--spacing-md);border:1.5px solid rgba(209,213,219,.8);border-radius:10px;font-size:.9375rem;color:var(--text-primary);background:#ffffffe6;transition:all var(--transition-fast);min-height:var(--input-height);font-family:inherit;box-shadow:0 1px 2px #0000000d}.event-modal-form-group textarea{min-height:100px;resize:vertical;line-height:1.5}.event-modal-form-group input:not([type=checkbox]):hover,.event-modal-form-group select:hover,.event-modal-form-group textarea:hover{border-color:#9ca3afcc;background:#fff}.event-modal-form-group input:not([type=checkbox]):focus,.event-modal-form-group select:focus,.event-modal-form-group textarea:focus{outline:none;border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #3b82f61a,0 1px 2px #0000000d}.event-modal-form-group input:not([type=checkbox])::placeholder,.event-modal-form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.event-modal-form-group input.error,.event-modal-form-group select.error,.event-modal-form-group textarea.error{border-color:#ef444480;background:#fef2f24d}.event-modal-form-group input.error:focus,.event-modal-form-group select.error:focus,.event-modal-form-group textarea.error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a,0 1px 2px #0000000d}.event-modal-form-group input:disabled,.event-modal-form-group select:disabled,.event-modal-form-group textarea:disabled{background:#f3f4f6b3;color:var(--text-muted);cursor:not-allowed;opacity:.7}.event-modal-form-group label span[aria-label=required]{color:var(--error-color);margin-left:.25rem;font-weight:700}.event-modal-input-with-icon{position:relative;display:flex;align-items:center}.event-modal-input-with-icon>svg,.event-modal-input-with-icon>:first-child:not(input):not(select){position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:10;pointer-events:none;width:1rem;height:1rem;transition:all var(--transition-fast);flex-shrink:0}.event-modal-input-with-icon:focus-within>svg,.event-modal-input-with-icon:focus-within>:first-child:not(input):not(select){color:var(--accent-primary);transform:translateY(-50%) scale(1.05)}.event-modal-input-with-icon input,.event-modal-input-with-icon select{padding-left:calc(var(--spacing-md) * 3.5);width:100%}#event-location,#event-client{min-width:300px;width:100%}.event-modal-form-row.wide-inputs{grid-template-columns:1fr 2fr}@media (min-width: 640px){.event-modal-form-row.wide-inputs{grid-template-columns:1fr 2fr}}.event-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-xl) + .25rem) var(--spacing-2xl);border-top:1px solid rgba(229,231,235,.8);background:linear-gradient(180deg,#f9fafb4d,#ffffff80);border-radius:0 0 var(--modal-border-radius) var(--modal-border-radius);gap:var(--spacing-md);position:relative}.event-modal-footer:before{content:"";position:absolute;top:0;left:var(--spacing-2xl);right:var(--spacing-2xl);height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent)}.event-modal-footer button{padding:calc(var(--spacing-sm) + .25rem) calc(var(--spacing-lg) + .25rem);min-height:var(--button-height);border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:calc(var(--spacing-xs) + .125rem);border:1px solid transparent;outline:none;position:relative;overflow:hidden;letter-spacing:.01em;box-shadow:0 1px 3px #0000001a}.event-modal-footer button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.event-modal-footer button:hover:before{opacity:1}.event-modal-save-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:var(--accent-secondary)}.event-modal-save-button:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-secondary),#1e40af);transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659,0 1px 3px #0000001a}.event-modal-save-button:active:not(:disabled){transform:translateY(0)}.event-modal-cancel-button{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:var(--text-secondary);border:1px solid rgba(209,213,219,.5)}.event-modal-cancel-button:hover:not(:disabled){background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af80;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.event-modal-delete-button{background:linear-gradient(135deg,var(--error-color),#dc2626);color:#fff;border-color:#dc2626}.event-modal-delete-button:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 8px 20px #ef444459,0 1px 3px #0000001a}.event-modal-delete-button:active:not(:disabled){transform:translateY(0)}.event-modal-footer button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:grayscale(30%)}.event-modal-save-button.loading{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));animation:buttonPulse 1.5s infinite}@keyframes buttonPulse{0%,to{opacity:.9}50%{opacity:.7}}@media (max-width: 768px){.event-modal{margin:var(--spacing-md);border-radius:16px;width:calc(100vw - 2 * var(--spacing-md));max-width:none}.event-modal-header,.event-modal-body,.event-modal-footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.event-modal-header h2{font-size:1.375rem}.event-modal-form-section h3{font-size:1.0625rem}.event-modal-footer{flex-direction:column;gap:calc(var(--spacing-sm) + .125rem)}.event-modal-footer button{width:100%;justify-content:center}}@media (max-width: 480px){.event-modal-overlay{padding:var(--spacing-sm)}.event-modal-body{padding:var(--spacing-lg)}.event-modal-form-row{gap:var(--spacing-sm)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-color-scheme: dark){:root{--modal-bg-gradient: linear-gradient(145deg, rgba(31, 41, 55, .98), rgba(17, 24, 39, .95));--modal-border-color: rgba(75, 85, 99, .5);--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-muted: #9ca3af;--accent-primary: #60a5fa;--accent-secondary: #3b82f6;--accent-light: #1e3a5f;--accent-ultralight: #1e293b;--modal-shadow-primary: 0 20px 60px -10px rgba(0, 0, 0, .5);--modal-shadow-glow: 0 0 80px rgba(96, 165, 250, .05)}.event-modal-overlay{background:linear-gradient(135deg,#000000b3,#0f172acc)}.event-modal-header{background:linear-gradient(180deg,#1f293780,#1118274d);border-bottom-color:#4b556380}.event-modal-form-group input:not([type=checkbox]),.event-modal-form-group select,.event-modal-form-group textarea{background:#1f293780;border-color:#4b556380;color:var(--text-primary)}.event-modal-form-group input:not([type=checkbox]):hover,.event-modal-form-group select:hover,.event-modal-form-group textarea:hover{background:#1f2937cc;border-color:#6b728080}.event-modal-form-group input:not([type=checkbox]):focus,.event-modal-form-group select:focus,.event-modal-form-group textarea:focus{background:#1f2937;border-color:var(--accent-primary);box-shadow:0 0 0 3px #60a5fa1a,0 1px 2px #0003}.event-modal-close-button{background:#1f2937cc;border-color:#4b556380}.event-modal-cancel-button{background:linear-gradient(135deg,#374151e6,#4b5563e6);border-color:#6b728080}.event-modal-footer{background:linear-gradient(180deg,#1118274d,#1f293780);border-top-color:#4b556380}.event-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6b728080,#4b556380)}}@media (prefers-contrast: high){.event-modal{border-width:2px;border-color:var(--text-primary)}.event-modal-form-group input:not([type=checkbox]),.event-modal-form-group select,.event-modal-form-group textarea{border-width:2px}.event-modal-footer button{border-width:2px;border-style:solid}}.color-picker{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.color-option{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);position:relative;flex-shrink:0}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 3px #3b82f64d;transform:scale(1.1)}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.address-group{position:relative}.address-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e2e8f0;max-height:240px;overflow-y:auto;z-index:99999;margin-top:4px;width:100%;max-width:400px;padding:8px 0}.address-suggestion{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151}.address-suggestion:hover{background:#f8fafc}.address-suggestion:last-child{border-bottom:none}@media print{.event-modal-overlay{display:none}}.schedule-container{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);position:relative;overflow-x:hidden}.schedule-container:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.schedule-header-section{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:24px 32px;position:sticky;top:0;z-index:10}.schedule-top-bar{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.schedule-actions{display:flex;gap:16px;align-items:center}.schedule-main{padding:32px;max-width:1400px;margin:0 auto}.calendar-container{background:#ffffff08;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:32px;box-shadow:0 32px 80px #0000004d,0 16px 40px #667eea33,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.calendar-container:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.05) 0%,transparent 30%,transparent 70%,rgba(255,255,255,.02) 100%),radial-gradient(circle at 20% 80%,rgba(120,119,198,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.08) 0%,transparent 50%);pointer-events:none;border-radius:24px}.floating-action-btn{position:fixed;bottom:20px;right:20px;width:56px;height:56px;background-color:#3b82f6;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:background-color .2s}.floating-action-btn:hover{background-color:#2563eb}.schedule-loading-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#000c,#0f172ae6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.loading-content{text-align:center;color:#fff;max-width:400px;padding:48px;background:#ffffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 80px #0006,0 16px 40px #667eea33}.loading-content h3{font-size:24px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.loading-content p{color:#ffffffb3;font-size:16px;margin-bottom:32px;line-height:1.6}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top:3px solid white;border-radius:50%;animation:schedule-spin 1s linear infinite;margin:0 auto 24px;box-shadow:0 0 20px #667eea4d}@keyframes schedule-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.lg\\:hidden{display:block!important}.lg\\:pl-64{padding-left:0!important}.schedule-main{padding:16px}.calendar-container{padding:16px;border-radius:16px}.floating-action-btn{bottom:24px;right:24px;width:56px;height:56px}.floating-action-btn svg{width:20px;height:20px}}@media (max-width: 768px){.schedule-header-section{padding:16px 20px}.schedule-top-bar{flex-direction:column;gap:16px;align-items:stretch}.schedule-actions{justify-content:center}.schedule-main{padding:12px}.calendar-container{padding:12px;border-radius:12px}.floating-action-btn{bottom:20px;right:20px;width:48px;height:48px}.floating-action-btn svg{width:18px;height:18px}.loading-content{padding:32px 24px;margin:16px}.loading-content h3{font-size:20px}.loading-content p{font-size:14px}}@media (prefers-color-scheme: dark){.schedule-container{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e)}}@media (prefers-contrast: high){.floating-action-btn{border:2px solid rgba(255,255,255,.8)}.calendar-container{border-width:2px}}.subscription-card_card{background:#fff;border-radius:12px;border:2px solid #e5e7eb;padding:20px;transition:all .2s;cursor:pointer;animation:subscription-card_fadeIn .3s ease-out}@keyframes subscription-card_fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subscription-card_card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.subscription-card_header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.subscription-card_customer-info{flex:1}.subscription-card_customer-name{display:flex;align-items:center;gap:8px;margin-bottom:6px}.subscription-card_customer-name h3{margin:0;font-size:18px;font-weight:600;color:#111827}.subscription-card_customer-name svg{color:#6b7280}.subscription-card_customer-email{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.subscription-card_customer-email svg{color:#9ca3af}.subscription-card_status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.subscription-card_status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #6ee7b7}.subscription-card_status-trial{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.subscription-card_status-canceling{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fcd34d}.subscription-card_status-past-due{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.subscription-card_status-canceled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #d1d5db}.subscription-card_status-incomplete,.subscription-card_status-unpaid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.subscription-card_status-default{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.subscription-card_body{margin-bottom:16px}.subscription-card_product-name{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px}.subscription-card_billing-info{display:flex;flex-direction:column;gap:8px}.subscription-card_billing-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.subscription-card_billing-row svg{color:#6b7280;flex-shrink:0}.subscription-card_amount{font-weight:600;color:#111827}.subscription-card_next-billing{color:#6b7280;font-size:13px}.subscription-card_metadata{margin-top:12px;padding-top:12px;border-top:1px solid #f3f4f6}.subscription-card_metadata-item{font-size:13px;color:#6b7280;margin-bottom:4px}.subscription-card_metadata-item strong{color:#374151;font-weight:500}.subscription-card_actions{display:flex;gap:8px;flex-wrap:wrap}.subscription-card_btn{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s;font-family:inherit}.subscription-card_btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.subscription-card_btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.subscription-card_btn-secondary{background:#fff;color:#3b82f6;border:2px solid #3b82f6}.subscription-card_btn-secondary:hover{background:#eff6ff;transform:translateY(-1px)}.subscription-card_btn-danger{background:#fff;color:#dc2626;border:2px solid #dc2626}.subscription-card_btn-danger:hover{background:#fef2f2;transform:translateY(-1px)}.subscription-card_btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b9814d}.subscription-card_btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.subscription-card_btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.subscription-card_btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #f59e0b66;transform:translateY(-1px)}@media (max-width: 640px){.subscription-card_card{padding:16px}.subscription-card_header{flex-direction:column;gap:12px}.subscription-card_customer-name h3{font-size:16px}.subscription-card_actions{flex-direction:column}.subscription-card_btn{width:100%;justify-content:center}}@media (prefers-color-scheme: dark){.subscription-card_card{background:#1f2937;border-color:#374151}.subscription-card_card:hover{border-color:#60a5fa;box-shadow:0 4px 12px #60a5fa33}.subscription-card_header{border-bottom-color:#374151}.subscription-card_customer-name h3{color:#f9fafb}.subscription-card_customer-name svg,.subscription-card_customer-email svg{color:#9ca3af}.subscription-card_customer-email{color:#d1d5db}.subscription-card_product-name{color:#f9fafb}.subscription-card_billing-row{color:#e5e7eb}.subscription-card_billing-row svg{color:#9ca3af}.subscription-card_amount{color:#f9fafb}.subscription-card_next-billing{color:#9ca3af}.subscription-card_metadata{border-top-color:#374151}.subscription-card_metadata-item{color:#9ca3af}.subscription-card_metadata-item strong{color:#d1d5db}.subscription-card_btn-secondary{background:#1f2937;border-color:#60a5fa;color:#60a5fa}.subscription-card_btn-secondary:hover{background:#1e3a5f}.subscription-card_btn-danger{background:#1f2937;border-color:#ef4444;color:#ef4444}.subscription-card_btn-danger:hover{background:#3f1f1f}}.subscriptions-list_container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:70px}.subscriptions-list_content{max-width:1400px;margin:0 auto;padding:2rem}.subscriptions-list_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.subscriptions-list_header h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.subscriptions-list_btn-new{display:flex;align-items:center;gap:.5rem;background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.subscriptions-list_btn-new:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#f8f9ff}.subscriptions-list_btn-new:active{transform:translateY(0)}.subscriptions-list_filters{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000001a}.subscriptions-list_filter-section{margin-bottom:1.5rem}.subscriptions-list_filter-section:last-child{margin-bottom:0}.subscriptions-list_filter-label{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-weight:600;margin-bottom:.75rem;font-size:.95rem}.subscriptions-list_filter-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.subscriptions-list_filter-tab{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.95rem}.subscriptions-list_filter-tab:hover{background:#f7fafc;border-color:#cbd5e0}.subscriptions-list_filter-tab.active{background:#667eea;color:#fff;border-color:#667eea}.subscriptions-list_filter-chips{display:flex;gap:.5rem;flex-wrap:wrap}.subscriptions-list_filter-chip{padding:.5rem 1rem;border:2px solid #e2e8f0;background:#fff;color:#4a5568;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem}.subscriptions-list_filter-chip:hover{background:#f7fafc;border-color:#cbd5e0}.subscriptions-list_filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.subscriptions-list_search{position:relative;margin-top:1rem}.subscriptions-list_search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0aec0;pointer-events:none}.subscriptions-list_search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease}.subscriptions-list_search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.subscriptions-list_search-input::placeholder{color:#a0aec0}.subscriptions-list_results-count{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:1rem;text-shadow:0 1px 3px rgba(0,0,0,.2)}.subscriptions-list_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.subscriptions-list_empty{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 20px #0000001a}.subscriptions-list_empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.subscriptions-list_empty h3{color:#2d3748;font-size:1.5rem;margin:0 0 .5rem}.subscriptions-list_empty p{color:#718096;font-size:1rem;margin:0 0 2rem}.subscriptions-list_btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.subscriptions-list_btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.subscriptions-list_btn-primary:active{transform:translateY(0)}.subscriptions-list_loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px)}@media (max-width: 768px){.subscriptions-list_content{padding:1rem}.subscriptions-list_header{flex-direction:column;align-items:stretch}.subscriptions-list_header h1{font-size:1.5rem;text-align:center}.subscriptions-list_btn-new{width:100%;justify-content:center}.subscriptions-list_filters{padding:1rem}.subscriptions-list_filter-tabs,.subscriptions-list_filter-chips{justify-content:center}.subscriptions-list_grid{grid-template-columns:1fr;gap:1rem}.subscriptions-list_empty{padding:3rem 1.5rem}.subscriptions-list_empty-icon{font-size:3rem}.subscriptions-list_empty h3{font-size:1.25rem}}@media (max-width: 480px){.subscriptions-list_filter-tab,.subscriptions-list_filter-chip{font-size:.85rem;padding:.4rem .8rem}.subscriptions-list_search-input{font-size:.9rem}}@media (prefers-color-scheme: dark){.subscriptions-list_filters{background:#2d3748}.subscriptions-list_filter-label{color:#e2e8f0}.subscriptions-list_filter-tab{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.subscriptions-list_filter-tab:hover{background:#2d3748;border-color:#718096}.subscriptions-list_filter-chip{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.subscriptions-list_filter-chip:hover{background:#2d3748;border-color:#718096}.subscriptions-list_search-input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.subscriptions-list_search-input::placeholder{color:#718096}.subscriptions-list_empty{background:#2d3748}.subscriptions-list_empty h3{color:#e2e8f0}.subscriptions-list_empty p{color:#a0aec0}}.create-sub_container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:70px}.create-sub_content{max-width:900px;margin:0 auto;padding:2rem}.create-sub_header{margin-bottom:2rem}.create-sub_btn-back{display:flex;align-items:center;gap:.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.create-sub_btn-back:hover{background:#ffffff4d}.create-sub_header h1{color:#fff;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.create-sub_progress{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000001a}.create-sub_progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#a0aec0;transition:all .3s ease}.create-sub_progress-step.active{color:#667eea}.create-sub_progress-step.completed{color:#48bb78}.create-sub_progress-circle{width:48px;height:48px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.create-sub_progress-step.active .create-sub_progress-circle{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.create-sub_progress-step.completed .create-sub_progress-circle{background:#48bb78;color:#fff}.create-sub_progress-line{width:100px;height:2px;background:#e2e8f0;margin:0 1rem}.create-sub_progress-step span{font-size:.875rem;font-weight:600;text-align:center;white-space:nowrap}.create-sub_error{background:#fed7d7;color:#c53030;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #fc8181;font-weight:500}.create-sub_step-content{background:#fff;border-radius:16px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #0000001a;min-height:400px}.create-sub_step h2{color:#2d3748;font-size:1.75rem;margin:0 0 .5rem}.create-sub_step-description{color:#718096;font-size:1rem;margin:0 0 2rem}.create-sub_products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.create-sub_product-card{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:#fff}.create-sub_product-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.create-sub_product-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 15px #667eea4d}.create-sub_product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.create-sub_product-header h3{color:#2d3748;font-size:1.25rem;margin:0;flex:1}.create-sub_selected-badge{background:#48bb78;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-sub_product-description{color:#718096;font-size:.95rem;margin:0 0 1rem;line-height:1.5}.create-sub_product-footer{color:#a0aec0;font-size:.875rem}.create-sub_product-tiers{font-weight:500}.create-sub_tiers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.create-sub_tier-card{border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.create-sub_tier-card:hover{border-color:#667eea;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.create-sub_tier-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 15px #667eea4d}.create-sub_tier-selected-badge{position:absolute;top:1rem;right:1rem;background:#48bb78;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.create-sub_tier-card h3{color:#2d3748;font-size:1.25rem;margin:0 0 1rem}.create-sub_tier-price{margin-bottom:.75rem}.create-sub_tier-amount{color:#2d3748;font-size:2rem;font-weight:700}.create-sub_tier-interval{color:#718096;font-size:.95rem;margin-left:.25rem}.create-sub_tier-description{color:#718096;font-size:.9rem;margin:0;line-height:1.5}.create-sub_form{display:flex;flex-direction:column;gap:2rem}.create-sub_form-section{display:flex;flex-direction:column;gap:.75rem}.create-sub_label{color:#2d3748;font-weight:600;font-size:.95rem}.create-sub_search,.create-sub_input{width:100%;padding:.875rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s ease}.create-sub_search:focus,.create-sub_input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.create-sub_customers-list{max-height:300px;overflow-y:auto;border:2px solid #e2e8f0;border-radius:10px}.create-sub_customer-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.create-sub_customer-item:last-child{border-bottom:none}.create-sub_customer-item:hover{background:#f7fafc}.create-sub_customer-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.create-sub_customer-info{display:flex;flex-direction:column;gap:.25rem}.create-sub_customer-info strong{color:#2d3748;font-size:1rem}.create-sub_customer-info span{color:#718096;font-size:.875rem}.create-sub_customer-check{color:#48bb78}.create-sub_trial-input{display:flex;align-items:center;gap:.75rem}.create-sub_trial-input input{flex:0 0 120px}.create-sub_trial-label{color:#4a5568;font-weight:500}.create-sub_help-text{color:#718096;font-size:.875rem;margin:0;line-height:1.5}.create-sub_summary{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea;border-radius:12px;padding:1.5rem}.create-sub_summary h3{color:#2d3748;font-size:1.25rem;margin:0 0 1rem}.create-sub_summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.create-sub_summary-item{display:flex;flex-direction:column;gap:.25rem}.create-sub_summary-label{color:#718096;font-size:.875rem;font-weight:500}.create-sub_summary-value{color:#2d3748;font-size:1rem;font-weight:600}.create-sub_empty,.create-sub_empty-small{text-align:center;padding:3rem 1.5rem;color:#718096}.create-sub_empty-small{padding:1.5rem}.create-sub_empty p,.create-sub_empty-small p{margin:0 0 1.5rem}.create-sub_empty-small p{margin-bottom:0}.create-sub_btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.create-sub_btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-sub_btn-primary:disabled{opacity:.5;cursor:not-allowed}.create-sub_nav{display:flex;justify-content:space-between;align-items:center}.create-sub_nav-spacer{flex:1}.create-sub_btn-secondary{display:flex;align-items:center;gap:.5rem;background:#fff;color:#667eea;border:2px solid #667eea;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.create-sub_btn-secondary:hover:not(:disabled){background:#f7fafc;transform:translateY(-2px);box-shadow:0 4px 15px #667eea33}.create-sub_btn-secondary:disabled{opacity:.5;cursor:not-allowed}.create-sub_btn-create{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;border:none;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #48bb784d}.create-sub_btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #48bb7866}.create-sub_btn-create:disabled{opacity:.7;cursor:not-allowed}.create-sub_loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px)}@media (max-width: 768px){.create-sub_content{padding:1rem}.create-sub_header h1{font-size:1.5rem}.create-sub_progress{padding:1rem}.create-sub_progress-line{width:50px;margin:0 .5rem}.create-sub_progress-circle{width:40px;height:40px}.create-sub_progress-step span{font-size:.75rem}.create-sub_step-content{padding:1.5rem}.create-sub_step h2{font-size:1.5rem}.create-sub_products-grid,.create-sub_tiers-grid,.create-sub_summary-grid{grid-template-columns:1fr}.create-sub_nav{gap:.75rem}.create-sub_btn-secondary,.create-sub_btn-primary,.create-sub_btn-create{padding:.75rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.create-sub_progress-line{width:30px;margin:0 .25rem}.create-sub_progress-circle{width:36px;height:36px}.create-sub_progress-step span{font-size:.7rem}.create-sub_trial-input{flex-direction:column;align-items:flex-start}.create-sub_trial-input input{flex:1;width:100%}}@media (prefers-color-scheme: dark){.create-sub_step-content,.create-sub_progress,.create-sub_product-card,.create-sub_tier-card{background:#2d3748}.create-sub_step h2,.create-sub_product-header h3,.create-sub_tier-card h3,.create-sub_label,.create-sub_customer-info strong,.create-sub_summary h3,.create-sub_summary-value{color:#e2e8f0}.create-sub_step-description,.create-sub_product-description,.create-sub_tier-description,.create-sub_customer-info span,.create-sub_summary-label{color:#a0aec0}.create-sub_search,.create-sub_input{background:#1a202c;border-color:#4a5568;color:#e2e8f0}.create-sub_customers-list{background:#1a202c;border-color:#4a5568}.create-sub_customer-item{border-bottom-color:#4a5568}.create-sub_customer-item:hover{background:#2d3748}}.create-sub_modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.create-sub_modal-content{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease-out}.create-sub_modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.create-sub_modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.create-sub_btn-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.create-sub_btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.create-sub_modal-content .create-sub_progress{padding:1.5rem 2rem 0}.create-sub_modal-content .create-sub_error{margin:0 2rem}.create-sub_modal-content .create-sub_step-content{padding:1.5rem 2rem;max-height:none}.create-sub_modal-content .create-sub_nav{padding:1rem 2rem 1.5rem;border-top:1px solid #e2e8f0;background:#f7fafc;border-radius:0 0 20px 20px}.create-sub_loading-state{padding:4rem 2rem;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.create-sub_modal-overlay{padding:.5rem}.create-sub_modal-content{max-height:95vh;border-radius:15px}.create-sub_modal-header{padding:1rem 1.5rem;border-radius:15px 15px 0 0}.create-sub_modal-header h2{font-size:1.25rem}.create-sub_modal-content .create-sub_progress{padding:1rem 1.5rem 0}.create-sub_modal-content .create-sub_error{margin:0 1.5rem}.create-sub_modal-content .create-sub_step-content{padding:1rem 1.5rem}.create-sub_modal-content .create-sub_nav{padding:1rem 1.5rem;border-radius:0 0 15px 15px}}.confirmation-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;width:100%;max-width:400px;overflow-y:auto;animation:modalSlideIn .3s ease-out}.confirmation-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e1e5e9}.confirmation-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1a202c}.close-button{background:none;border:none;font-size:20px;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.close-button:hover:not(:disabled){background:#f7fafc;color:#2d3748}.close-button:disabled{cursor:not-allowed;opacity:.5}.confirmation-modal-body{padding:24px}.confirmation-message{margin:0;font-size:16px;color:#4a5568;line-height:1.5;text-align:center}.confirmation-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid #e1e5e9}.cancel-button,.confirm-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.cancel-button{background:#fff;border:2px solid #e1e5e9;color:#4a5568}.cancel-button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.cancel-button:disabled{cursor:not-allowed;opacity:.5}.confirm-button{background:#6c5ce7;border:2px solid #6c5ce7;color:#fff}.confirm-button:hover:not(:disabled){background:#5a4fcf;border-color:#5a4fcf}.confirm-button:disabled{cursor:not-allowed;opacity:.5;background:#a0aec0;border-color:#a0aec0}.confirm-button:active:not(:disabled){transform:translateY(1px)}@media (max-width: 640px){.confirmation-modal-overlay{padding:10px}.confirmation-modal{max-width:95vw}.confirmation-modal-header,.confirmation-modal-body,.confirmation-modal-footer{padding-left:16px;padding-right:16px}.confirmation-modal-footer{flex-direction:column}.cancel-button,.confirm-button{width:100%}}.sub-details_container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:70px}.sub-details_content{max-width:1200px;margin:0 auto;padding:2rem}.sub-details_btn-back{display:flex;align-items:center;gap:.5rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.625rem 1.25rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.sub-details_btn-back:hover{background:#ffffff4d}.sub-details_error-banner{display:flex;align-items:center;gap:.75rem;background:#fed7d7;color:#c53030;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #fc8181;font-weight:500}.sub-details_error-close{margin-left:auto;background:none;border:none;color:#c53030;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.sub-details_error-close:hover{opacity:.7}.sub-details_header{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;padding:2rem;border-radius:16px;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;flex-wrap:wrap;gap:1.5rem}.sub-details_header-left{display:flex;flex-direction:column;gap:1rem}.sub-details_header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0}.sub-details_status{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.875rem;width:fit-content}.sub-details_status.status-active{background:#c6f6d5;color:#22543d}.sub-details_status.status-trial{background:#bee3f8;color:#2c5282}.sub-details_status.status-past-due{background:#fed7d7;color:#c53030}.sub-details_status.status-canceled{background:#e2e8f0;color:#4a5568}.sub-details_status.status-default{background:#edf2f7;color:#718096}.sub-details_header-actions{display:flex;gap:1rem;align-items:center}.sub-details_btn-danger{padding:.75rem 1.5rem;background:#f56565;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.sub-details_btn-danger:hover:not(:disabled){background:#e53e3e;transform:translateY(-1px);box-shadow:0 4px 12px #f565654d}.sub-details_btn-danger:disabled{opacity:.5;cursor:not-allowed}.sub-details_btn-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#48bb78;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.sub-details_btn-success:hover:not(:disabled){background:#38a169;transform:translateY(-1px);box-shadow:0 4px 12px #48bb784d}.sub-details_btn-success:disabled{opacity:.5;cursor:not-allowed}.sub-details_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.sub-details_card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 15px #0000001a}.sub-details_card-header{display:flex;align-items:center;gap:.75rem;color:#667eea;margin-bottom:1.25rem}.sub-details_card-header h3{color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.sub-details_card-content{display:flex;flex-direction:column;gap:1rem}.sub-details_info-item{display:flex;flex-direction:column;gap:.25rem}.sub-details_info-label{color:#718096;font-size:.875rem;font-weight:500}.sub-details_info-value{color:#2d3748;font-size:1rem;font-weight:600}.sub-details_billing-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}.sub-details_billing-section h2{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.sub-details_billing-table{display:flex;flex-direction:column;gap:.5rem}.sub-details_table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;background:#f7fafc;border-radius:8px;font-weight:600;color:#4a5568;font-size:.875rem}.sub-details_table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0;align-items:center;font-size:.95rem}.sub-details_table-row:last-child{border-bottom:none}.sub-details_billing-status{text-transform:capitalize;font-weight:600}.sub-details_billing-status.paid{color:#22543d}.sub-details_billing-status.open{color:#2c5282}.sub-details_billing-status.void,.sub-details_billing-status.uncollectible{color:#c53030}.sub-details_invoice-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.sub-details_invoice-link:hover{color:#764ba2;text-decoration:underline}.sub-details_empty{text-align:center;padding:3rem 1.5rem;color:#718096}.sub-details_empty p{margin:0;font-size:1rem}.sub-details_loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px)}.sub-details_error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 70px);color:#fff;text-align:center;padding:2rem}.sub-details_error h2{margin:1rem 0 2rem;font-size:1.5rem}.sub-details_btn-primary{padding:.875rem 1.75rem;background:#fff;color:#667eea;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.sub-details_btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 1024px){.sub-details_table-header,.sub-details_table-row{grid-template-columns:1fr 1.5fr 1fr 1fr .8fr;font-size:.85rem}}@media (max-width: 768px){.sub-details_content{padding:1rem}.sub-details_header{flex-direction:column;padding:1.5rem}.sub-details_header h1{font-size:1.5rem}.sub-details_header-actions{width:100%;justify-content:stretch}.sub-details_header-actions button{flex:1}.sub-details_grid{grid-template-columns:1fr}.sub-details_billing-section{padding:1.5rem}.sub-details_billing-section h2{font-size:1.25rem}.sub-details_table-header{display:none}.sub-details_table-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f7fafc;border-radius:8px;margin-bottom:.75rem;border-bottom:none}.sub-details_table-row span{display:flex;justify-content:space-between}.sub-details_table-row span:before{content:attr(data-label);font-weight:600;color:#4a5568}}@media (max-width: 480px){.sub-details_status{font-size:.8rem;padding:.4rem .8rem}.sub-details_btn-danger,.sub-details_btn-success{padding:.625rem 1.25rem;font-size:.95rem}.sub-details_card{padding:1.25rem}}@media (prefers-color-scheme: dark){.sub-details_header,.sub-details_card,.sub-details_billing-section{background:#2d3748}.sub-details_header h1,.sub-details_card-header h3,.sub-details_billing-section h2,.sub-details_info-value{color:#e2e8f0}.sub-details_info-label,.sub-details_empty p{color:#a0aec0}.sub-details_table-header{background:#1a202c;color:#a0aec0}.sub-details_table-row{border-bottom-color:#4a5568;color:#e2e8f0}@media (max-width: 768px){.sub-details_table-row{background:#1a202c}}}.product-mgmt_container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding-top:70px}.product-mgmt_content{max-width:1400px;margin:0 auto;padding:2rem}.product-mgmt_header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.product-mgmt_header-left h1{color:#fff;font-size:2rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.product-mgmt_header-left p{color:#ffffffe6;font-size:1rem;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.2)}.product-mgmt_btn-new{display:flex;align-items:center;gap:.5rem;background:#fff;color:#667eea;border:none;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0003}.product-mgmt_btn-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#f8f9ff}.product-mgmt_btn-new:disabled{opacity:.5;cursor:not-allowed;transform:none}.product-mgmt_empty{background:#fff;border-radius:16px;padding:4rem 2rem;text-align:center;box-shadow:0 4px 20px #0000001a}.product-mgmt_empty-icon{color:#a0aec0;margin-bottom:1.5rem}.product-mgmt_empty h3{color:#2d3748;font-size:1.5rem;margin:0 0 .75rem}.product-mgmt_empty p{color:#718096;font-size:1rem;margin:0 0 1rem}.product-mgmt_help-text{color:#a0aec0!important;font-size:.9rem!important}.product-mgmt_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.product-mgmt_card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 15px #0000001a;transition:all .2s ease}.product-mgmt_card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.product-mgmt_card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.product-mgmt_card-title{display:flex;align-items:center;gap:.75rem;color:#667eea;flex:1}.product-mgmt_card-title h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.product-mgmt_card-actions{display:flex;gap:.5rem}.product-mgmt_btn-icon{background:none;border:1px solid #e2e8f0;color:#718096;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.product-mgmt_btn-icon:hover{background:#f7fafc;border-color:#cbd5e0;color:#4a5568}.product-mgmt_description{color:#718096;font-size:.95rem;margin:0 0 1rem;line-height:1.5}.product-mgmt_card-divider{height:1px;background:#e2e8f0;margin:1rem 0}.product-mgmt_pricing-single{margin:1rem 0}.product-mgmt_price{display:flex;align-items:center;gap:.5rem;color:#667eea}.product-mgmt_price-amount{color:#2d3748;font-size:1.75rem;font-weight:700}.product-mgmt_price-interval{color:#718096;font-size:.95rem}.product-mgmt_pricing-tiers{margin:1rem 0}.product-mgmt_tiers-header{color:#4a5568;font-weight:600;font-size:.875rem;margin-bottom:.75rem}.product-mgmt_tiers-list{display:flex;flex-direction:column;gap:.5rem}.product-mgmt_tier-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f7fafc;border-radius:8px;gap:1rem}.product-mgmt_tier-name{color:#2d3748;font-weight:600;font-size:.95rem}.product-mgmt_tier-price{color:#667eea;font-weight:600;font-size:.9rem;white-space:nowrap}.product-mgmt_tier-more{text-align:center;color:#718096;font-size:.875rem;padding:.5rem}.product-mgmt_card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.product-mgmt_meta{display:flex;align-items:center;gap:.5rem;color:#a0aec0;font-size:.875rem}.product-mgmt_status{padding:.375rem .875rem;border-radius:12px;font-weight:600;font-size:.8rem;text-transform:uppercase}.product-mgmt_status.active{background:#c6f6d5;color:#22543d}.product-mgmt_status.inactive{background:#e2e8f0;color:#4a5568}.product-mgmt_info-banner{background:#fffffff2;border-left:4px solid #4299e1;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;box-shadow:0 4px 15px #0000001a}.product-mgmt_info-icon{font-size:1.5rem;flex-shrink:0}.product-mgmt_info-banner strong{color:#2d3748;display:block;margin-bottom:.5rem;font-size:1rem}.product-mgmt_info-banner p{color:#4a5568;margin:0;line-height:1.6;font-size:.95rem}.product-mgmt_warning-banner{background:#fffffff2;border-left:4px solid #ed8936;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem}.product-mgmt_warning-icon{font-size:1.5rem;flex-shrink:0}.product-mgmt_warning-banner strong{color:#2d3748;display:block;margin-bottom:.5rem;font-size:1rem}.product-mgmt_warning-banner p{color:#4a5568;margin:0;line-height:1.6;font-size:.95rem}.product-mgmt_loading{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 70px)}@media (max-width: 768px){.product-mgmt_content{padding:1rem}.product-mgmt_header{flex-direction:column;align-items:stretch}.product-mgmt_header-left h1{font-size:1.5rem}.product-mgmt_btn-new{width:100%;justify-content:center}.product-mgmt_grid{grid-template-columns:1fr;gap:1rem}.product-mgmt_card{padding:1.25rem}.product-mgmt_empty{padding:3rem 1.5rem}.product-mgmt_info-banner{flex-direction:column;padding:1.25rem}}@media (max-width: 480px){.product-mgmt_card-title h3{font-size:1.1rem}.product-mgmt_price-amount{font-size:1.5rem}.product-mgmt_tier-item{flex-direction:column;align-items:flex-start}.product-mgmt_card-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (prefers-color-scheme: dark){.product-mgmt_card,.product-mgmt_empty{background:#2d3748}.product-mgmt_card-title h3,.product-mgmt_empty h3,.product-mgmt_price-amount,.product-mgmt_tier-name{color:#e2e8f0}.product-mgmt_description,.product-mgmt_empty p,.product-mgmt_price-interval,.product-mgmt_tier-more{color:#a0aec0}.product-mgmt_card-divider,.product-mgmt_card-footer{border-color:#4a5568}.product-mgmt_btn-icon{border-color:#4a5568;color:#a0aec0}.product-mgmt_btn-icon:hover{background:#1a202c;border-color:#718096;color:#e2e8f0}.product-mgmt_tier-item{background:#1a202c}.product-mgmt_info-banner{background:#2d3748}.product-mgmt_info-banner strong{color:#e2e8f0}.product-mgmt_info-banner p{color:#a0aec0}}.product-mgmt_modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.product-mgmt_modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.product-mgmt_modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0}.product-mgmt_modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.product-mgmt_btn-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.product-mgmt_btn-close:hover{background:#ffffff4d;transform:rotate(90deg)}.product-mgmt_error{margin:1.5rem 2rem 0;padding:1rem;background:#fed7d7;color:#9b2c2c;border-radius:10px;font-size:.9rem}.product-mgmt_modal-body{padding:2rem}.product-mgmt_form{display:flex;flex-direction:column;gap:1.5rem}.product-mgmt_form-group{display:flex;flex-direction:column;gap:.5rem}.product-mgmt_label{color:#2d3748;font-weight:600;font-size:.95rem}.product-mgmt_required{color:#e53e3e}.product-mgmt_input,.product-mgmt_textarea,.product-mgmt_select{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s ease;font-family:inherit}.product-mgmt_input:focus,.product-mgmt_textarea:focus,.product-mgmt_select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.product-mgmt_textarea{resize:vertical;min-height:80px}.product-mgmt_input-with-prefix{position:relative;display:flex;align-items:center}.product-mgmt_input-prefix{position:absolute;left:1rem;color:#718096;font-weight:600;font-size:1rem}.product-mgmt_input-with-prefix-value{padding-left:2.5rem}.product-mgmt_billing-options{display:flex;gap:.75rem}.product-mgmt_billing-btn{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;background:#fff;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.product-mgmt_billing-btn:hover{border-color:#cbd5e0;background:#f7fafc}.product-mgmt_billing-btn.active{border-color:#667eea;background:#eef2ff;color:#667eea}.product-mgmt_preview{margin-top:1rem;padding:1.5rem;background:#f7fafc;border-radius:12px;border:2px dashed #cbd5e0}.product-mgmt_preview h4{color:#4a5568;font-size:.875rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.product-mgmt_preview-content{background:#fff;padding:1.5rem;border-radius:10px}.product-mgmt_preview-name{color:#2d3748;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.product-mgmt_preview-price{color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.product-mgmt_preview-description{color:#718096;line-height:1.6;font-size:.95rem}.product-mgmt_modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f7fafc;border-radius:0 0 20px 20px}.product-mgmt_btn-cancel,.product-mgmt_btn-create{flex:1;padding:.875rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.product-mgmt_btn-cancel{background:#fff;border:2px solid #e2e8f0;color:#4a5568}.product-mgmt_btn-cancel:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.product-mgmt_btn-create{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;box-shadow:0 4px 15px #667eea4d}.product-mgmt_btn-create:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.product-mgmt_btn-cancel:disabled,.product-mgmt_btn-create:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.product-mgmt_modal-overlay{padding:.5rem}.product-mgmt_modal-content{max-height:95vh;border-radius:15px}.product-mgmt_modal-header{padding:1rem 1.5rem;border-radius:15px 15px 0 0}.product-mgmt_modal-header h2{font-size:1.25rem}.product-mgmt_error{margin:1rem 1.5rem 0}.product-mgmt_modal-body{padding:1.5rem}.product-mgmt_modal-footer{padding:1rem 1.5rem;border-radius:0 0 15px 15px}.product-mgmt_billing-options{flex-direction:column}}._container_8ji3a_5{min-height:100vh;background:linear-gradient(135deg,#0a0a0b,#1a1a2e);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}._glassCard_8ji3a_25{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;max-width:500px;width:100%;text-align:center;box-shadow:0 8px 32px #0000004d;animation:_fadeIn_8ji3a_1 .5s ease-out}@keyframes _fadeIn_8ji3a_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._logoContainer_8ji3a_61{margin-bottom:30px}._logo_8ji3a_61{width:80px;height:80px;background:linear-gradient(45deg,#0ff,#0080ff);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;margin:0 auto 20px;box-shadow:0 0 30px #00ffff80;animation:_glow_8ji3a_1 2s ease-in-out infinite alternate}@keyframes _glow_8ji3a_1{0%{box-shadow:0 0 30px #00ffff80}to{box-shadow:0 0 40px #0ffc}}._title_8ji3a_111{color:#fff;font-size:24px;font-weight:600;margin-bottom:10px}._subtitle_8ji3a_125{color:#fffc;font-size:16px;margin-bottom:30px}._qrContainer_8ji3a_137{margin:30px 0}._qrCode_8ji3a_145{margin:0 auto;border-radius:10px;overflow:hidden}._button_8ji3a_157{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;margin:10px;min-width:120px}._button_8ji3a_157:hover{background:#fff3;transform:translateY(-2px)}._buttonPrimary_8ji3a_195{background:linear-gradient(45deg,#0ff,#0080ff);border:none;box-shadow:0 4px 15px #00ffff4d}._buttonPrimary_8ji3a_195:hover{box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}._countdown_8ji3a_217{font-size:48px;font-weight:700;color:#0ff;margin:20px 0;animation:_pulse_8ji3a_1 1s ease-in-out infinite}@keyframes _pulse_8ji3a_1{0%,to{opacity:1}50%{opacity:.7}}._errorState_8ji3a_243{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:#ff6b6b;padding:15px;border-radius:10px;margin:20px 0}._errorActions_8ji3a_261{margin-top:30px}._primaryButton_8ji3a_269{background:linear-gradient(45deg,#0ff,#0080ff);border:none;color:#fff;padding:12px 24px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00ffff4d}._primaryButton_8ji3a_269:hover{box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}._platformIcon_8ji3a_305{width:40px;height:40px;margin:0 10px;opacity:.8}._spinner_8ji3a_319{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #00FFFF;border-radius:50%;animation:_auth-handler-spin_8ji3a_1 1s linear infinite;margin:20px auto}@keyframes _auth-handler-spin_8ji3a_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._helpSection_8ji3a_349{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}._helpText_8ji3a_361{color:#ffffffb3;font-size:14px;margin-bottom:15px}._link_8ji3a_373{color:#0ff;text-decoration:none;font-weight:500}._link_8ji3a_373:hover{text-decoration:underline}.legal-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:40px 20px}.legal-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.back-button{margin:24px 0 0 24px;padding:12px 24px;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:1rem}.back-button:hover{background:#667eea;color:#fff;transform:translate(-4px)}.legal-header{text-align:center;padding:40px 40px 32px;background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom:2px solid rgba(102,126,234,.2)}.legal-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.legal-date{font-size:1rem;color:#666;margin:0;font-weight:500}.legal-content{padding:48px}.legal-content section{margin-bottom:40px}.legal-content h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid rgba(102,126,234,.2)}.legal-content p{font-size:1rem;line-height:1.8;color:#444;margin:0 0 16px}.legal-content ul{margin:16px 0;padding-left:24px}.legal-content li{font-size:1rem;line-height:1.8;color:#444;margin-bottom:12px}.legal-content strong{color:#1a1a1a;font-weight:600}.legal-content a{color:#667eea;text-decoration:none;font-weight:600;transition:all .2s ease}.legal-content a:hover{color:#764ba2;text-decoration:underline}.legal-footer{margin-top:60px;padding-top:32px;border-top:2px solid rgba(102,126,234,.2);text-align:center}.legal-footer p{font-size:.9rem;color:#888;margin-bottom:8px}@media (max-width: 768px){.legal-page{padding:20px 10px}.legal-container{border-radius:12px}.back-button{margin:16px 0 0 16px;padding:10px 20px;font-size:.95rem}.legal-header{padding:32px 24px 24px}.legal-header h1{font-size:1.8rem}.legal-date{font-size:.9rem}.legal-content{padding:32px 24px}.legal-content h2{font-size:1.3rem}.legal-content p,.legal-content li{font-size:.95rem}}@media (max-width: 480px){.legal-header h1{font-size:1.5rem}.legal-content{padding:24px 20px}.legal-content h2{font-size:1.2rem}.legal-content p,.legal-content li{font-size:.9rem;line-height:1.6}}.unsubscribe-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.unsubscribe-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;padding:40px;animation:slideUp .4s ease-out}.unsubscribe-card.success-card{text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.unsubscribe-card h1{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 12px;line-height:1.2}.subtitle{font-size:15px;color:#4b5563;margin-bottom:30px;line-height:1.6}.unsubscribe-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#374151}.email-input{padding:12px 16px;font-size:15px;border:2px solid #e5e7eb;border-radius:6px;outline:none;transition:all .2s ease;font-family:inherit}.email-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.email-input::placeholder{color:#9ca3af}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;font-size:14px;line-height:1.5}.error-icon{font-size:18px;flex-shrink:0}.unsubscribe-btn{padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-family:inherit}.unsubscribe-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.unsubscribe-btn:active{transform:translateY(0)}.privacy-note{font-size:13px;color:#6b7280;text-align:center;margin:10px 0 0;line-height:1.5}.confirmation-dialog{text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-icon{font-size:48px;margin-bottom:16px}.confirmation-dialog h2{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 16px}.confirmation-dialog p{font-size:15px;color:#4b5563;margin-bottom:12px;line-height:1.6}.warning-text{font-weight:600;color:#374151;margin-top:20px;margin-bottom:8px}.benefits-list{list-style:none;padding:0;margin:0 0 24px;text-align:left}.benefits-list li{padding:8px 12px;background-color:#f9fafb;border-left:3px solid #667eea;margin-bottom:8px;font-size:14px;color:#374151;border-radius:4px}.confirmation-actions{display:flex;gap:12px;margin-top:24px}.confirm-btn,.cancel-btn{flex:1;padding:12px 20px;font-size:15px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-family:inherit}.confirm-btn{background-color:#dc2626;color:#fff}.confirm-btn:hover:not(:disabled){background-color:#b91c1c}.confirm-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background-color:#f3f4f6;color:#374151}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.success-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin:0 auto 24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-card h1{color:#059669;margin-bottom:16px}.success-card p{font-size:15px;color:#4b5563;line-height:1.6;margin-bottom:16px}.success-card p strong{color:#1a202c}.success-note{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:16px;margin:24px 0}.success-note p{margin:0;font-size:13px;color:#166534;line-height:1.5}.success-note strong{color:#14532d}.return-home-btn{display:inline-block;padding:12px 32px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);text-decoration:none;border-radius:6px;transition:all .3s ease;margin-top:16px}.return-home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea4d}.help-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb;text-align:center}.help-section p{font-size:13px;color:#6b7280;margin:0}.help-section a{color:#667eea;text-decoration:none;font-weight:600}.help-section a:hover{text-decoration:underline}@media (max-width: 640px){.unsubscribe-container{padding:16px}.unsubscribe-card{padding:28px 24px}.unsubscribe-card h1{font-size:24px}.confirmation-dialog h2{font-size:20px}.confirmation-actions{flex-direction:column}.confirm-btn,.cancel-btn{width:100%}}.tystan-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column}.tystan-header{padding:24px 40px;display:flex;justify-content:center}.tystan-logo-link{display:flex;align-items:center}.tystan-logo{height:50px;width:auto}.tystan-container{flex:1;max-width:800px;margin:0 auto;padding:0 24px 60px;width:100%}.tystan-success-banner{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:24px;margin-bottom:40px;border:1px solid rgba(102,126,234,.3)}.tystan-success-icon{font-size:64px;color:#4ade80;margin-bottom:16px}.tystan-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.tystan-subtitle{font-size:1.125rem;color:#fffc;max-width:500px;margin:0 auto}.tystan-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.tystan-step{display:flex;gap:20px;background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tystan-step:hover{background:#ffffff14;border-color:#667eea66}.tystan-step-number{font-size:1.5rem;font-weight:700;color:#667eea;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#667eea33;border-radius:12px}.tystan-step-content{flex:1}.tystan-step-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 12px}.tystan-step-icon{font-size:1.5rem;color:#667eea}.tystan-step-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0 0 16px}.tystan-email-display{display:inline-flex;align-items:center;gap:12px;background:#667eea26;padding:12px 20px;border-radius:8px;margin:8px 0 16px;border:1px solid rgba(102,126,234,.3)}.tystan-email{font-size:1rem;font-weight:600;color:#a5b4fc}.tystan-app-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.tystan-app-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease}.tystan-app-btn-web{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tystan-app-btn-web:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.tystan-app-btn-ios{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.tystan-app-btn-ios:hover{background:#ffffff26;transform:translateY(-2px)}.tystan-app-btn-android{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.tystan-app-btn-android:hover{background:#ffffff26;transform:translateY(-2px)}.tystan-help-section{text-align:center;padding:32px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.tystan-help-title{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 12px}.tystan-help-icon{font-size:1.5rem;color:#667eea}.tystan-help-description{font-size:1rem;color:#ffffffb3;margin:0 0 20px}.tystan-support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#a5b4fc;border:2px solid #667eea;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.tystan-support-btn:hover{background:#667eea;color:#fff}.tystan-footer{background:#0000004d;padding:48px 24px 24px;margin-top:auto}.tystan-footer-content{max-width:800px;margin:0 auto;text-align:center}.tystan-footer-logo img{height:40px;width:auto;margin-bottom:16px}.tystan-footer-tagline{font-size:.95rem;color:#fff9;max-width:500px;margin:0 auto 32px}.tystan-footer-links{display:flex;justify-content:center;gap:60px;margin-bottom:32px}.tystan-footer-column{text-align:left}.tystan-footer-column h4{font-size:.875rem;font-weight:600;color:#ffffffe6;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.tystan-footer-column a,.tystan-footer-column p{display:block;font-size:.9rem;color:#fff9;text-decoration:none;margin:0 0 8px;transition:color .2s ease}.tystan-footer-column a:hover{color:#a5b4fc}.tystan-copyright{font-size:.85rem;color:#fff6;margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.tystan-header{padding:16px 20px}.tystan-container{padding:0 16px 40px}.tystan-success-banner{padding:32px 20px}.tystan-title{font-size:2rem}.tystan-step{flex-direction:column;gap:16px}.tystan-step-number{width:48px}.tystan-app-buttons{flex-direction:column}.tystan-app-btn{justify-content:center}.tystan-footer-links{flex-direction:column;gap:32px;align-items:center}.tystan-footer-column{text-align:center}}.typro-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column}.typro-header{padding:24px 40px;display:flex;justify-content:center}.typro-logo-link{display:flex;align-items:center}.typro-logo{height:50px;width:auto}.typro-container{flex:1;max-width:800px;margin:0 auto;padding:0 24px 60px;width:100%}.typro-success-banner{text-align:center;padding:48px 24px;background:linear-gradient(135deg,#f59e0b26,#ea580c26);border-radius:24px;margin-bottom:40px;border:1px solid rgba(245,158,11,.3);position:relative}.typro-pro-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;padding:8px 20px;border-radius:20px;font-size:.875rem;font-weight:700;letter-spacing:1px;margin-bottom:16px}.typro-success-icon{display:block;font-size:64px;color:#f59e0b;margin:0 auto 16px}.typro-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}.typro-subtitle{font-size:1.125rem;color:#fffc;max-width:500px;margin:0 auto}.typro-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.typro-step{display:flex;gap:20px;background:#ffffff0d;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.typro-step:hover{background:#ffffff14;border-color:#f59e0b66}.typro-step-number{font-size:1.5rem;font-weight:700;color:#f59e0b;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;border-radius:12px}.typro-step-badge{font-size:1.75rem;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f59e0b33;border-radius:12px}.typro-step-content{flex:1}.typro-step-title{display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 12px}.typro-step-icon{font-size:1.5rem;color:#f59e0b}.typro-step-description{font-size:1rem;color:#ffffffb3;line-height:1.6;margin:0 0 16px}.typro-email-display{display:inline-flex;align-items:center;gap:12px;background:#f59e0b26;padding:12px 20px;border-radius:8px;margin:8px 0 12px;border:1px solid rgba(245,158,11,.3)}.typro-email{font-size:1rem;font-weight:600;color:#fcd34d}.typro-email-verified{font-size:.875rem;color:#4ade80;font-weight:600}.typro-spam-notice{font-size:.9rem;color:#fff9;margin:0}.typro-signin-note{font-size:.95rem;color:#ffffffb3;margin:0 0 16px}.typro-signin-note strong{color:#fcd34d}.typro-features-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.typro-feature-item{display:flex;align-items:center;gap:8px;background:#f59e0b1a;padding:10px 16px;border-radius:8px;border:1px solid rgba(245,158,11,.2)}.typro-feature-icon{font-size:1.25rem;color:#f59e0b}.typro-feature-item span{font-size:.9rem;font-weight:500;color:#ffffffe6}.typro-magic-features{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.typro-magic-item{display:flex;align-items:center;gap:10px;font-size:.95rem;color:#fffc}.typro-magic-item svg{font-size:1.25rem;color:#f59e0b}.typro-app-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.typro-app-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease}.typro-app-btn-web{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.typro-app-btn-web:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b66}.typro-app-btn-ios{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.typro-app-btn-ios:hover{background:#ffffff26;transform:translateY(-2px)}.typro-app-btn-android{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.typro-app-btn-android:hover{background:#ffffff26;transform:translateY(-2px)}.typro-cta-section{text-align:center;padding:40px 32px;background:linear-gradient(135deg,#f59e0b1a,#ea580c1a);border-radius:20px;border:1px solid rgba(245,158,11,.2)}.typro-cta-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 12px}.typro-cta-description{font-size:1rem;color:#ffffffb3;margin:0 0 24px}.typro-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s ease;margin-bottom:20px}.typro-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b66}.typro-priority-note{font-size:.9rem;color:#fff9;margin:0 0 12px}.typro-support-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#fcd34d;border:2px solid #f59e0b;border-radius:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease}.typro-support-btn:hover{background:#f59e0b;color:#fff}.typro-footer{background:#0000004d;padding:48px 24px 24px;margin-top:auto}.typro-footer-content{max-width:800px;margin:0 auto;text-align:center}.typro-footer-logo img{height:40px;width:auto;margin-bottom:16px}.typro-footer-tagline{font-size:.95rem;color:#fff9;max-width:500px;margin:0 auto 32px}.typro-footer-links{display:flex;justify-content:center;gap:60px;margin-bottom:32px}.typro-footer-column{text-align:left}.typro-footer-column h4{font-size:.875rem;font-weight:600;color:#ffffffe6;margin:0 0 16px;text-transform:uppercase;letter-spacing:.5px}.typro-footer-column a,.typro-footer-column p{display:block;font-size:.9rem;color:#fff9;text-decoration:none;margin:0 0 8px;transition:color .2s ease}.typro-footer-column a:hover{color:#fcd34d}.typro-copyright{font-size:.85rem;color:#fff6;margin:0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.typro-header{padding:16px 20px}.typro-container{padding:0 16px 40px}.typro-success-banner{padding:32px 20px}.typro-title{font-size:2rem}.typro-step{flex-direction:column;gap:16px}.typro-step-number,.typro-step-badge{width:48px}.typro-features-grid,.typro-app-buttons{flex-direction:column}.typro-app-btn{justify-content:center}.typro-magic-features{flex-direction:column}.typro-footer-links{flex-direction:column;gap:32px;align-items:center}.typro-footer-column{text-align:center}}.support-page{min-height:100vh;background-color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.support-container{max-width:760px;margin:0 auto;padding:32px 24px 64px}.support-header{text-align:center;margin-bottom:32px}.support-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.support-header p{font-size:15px;color:#64748b;margin:0}.support-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:14px;margin-bottom:24px}.support-error .error-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dc2626;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.support-form{display:flex;flex-direction:column;gap:24px}.support-container .form-section{border:1px solid #e2e8f0;border-radius:12px;padding:24px;background:#fff;margin:0}.support-container .form-section legend{font-size:16px;font-weight:600;color:#1a1a1a;padding:0 8px}.support-container .form-row{display:flex;gap:16px}.support-container .form-row.two-col>.form-group{flex:1}.support-container .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.support-container .form-section .form-group:last-child{margin-bottom:0}.support-container .form-group label{font-size:13px;font-weight:600;color:#334155}.support-container .form-group .required{color:#dc2626}.support-container .form-group input,.support-container .form-group select,.support-container .form-group textarea{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;color:#1a1a1a;background:#f8fafc;transition:border-color .15s,box-shadow .15s}.support-container .form-group input:focus,.support-container .form-group select:focus,.support-container .form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;background:#fff}.support-container .form-group textarea{resize:vertical;min-height:80px}.support-container .form-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.support-container .form-actions{display:flex;gap:12px;justify-content:flex-end}.support-container .btn-primary{padding:12px 28px;background:#6366f1;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.support-container .btn-primary:hover:not(:disabled){background:#4f46e5}.support-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.support-container .btn-secondary{padding:12px 28px;background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.support-container .btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.support-success{text-align:center;padding:48px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:540px;margin:48px auto 0}.success-icon{width:64px;height:64px;border-radius:50%;background:#f0fdf4;color:#16a34a;font-size:32px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;border:2px solid #bbf7d0}.support-success h2{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.ticket-ref{font-size:16px;color:#334155;margin:0 0 8px}.ticket-ref strong{color:#6366f1;font-family:SF Mono,Fira Code,monospace}.support-success p{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.6}.success-actions{display:flex;gap:12px;justify-content:center}@media (max-width: 640px){.support-container{padding:20px 16px 48px}.support-container .form-row.two-col{flex-direction:column;gap:0}.support-container .form-section{padding:16px}.support-container .form-actions{flex-direction:column}.support-container .form-actions button{width:100%}.success-actions{flex-direction:column}.success-actions button{width:100%}.support-header h1{font-size:22px}}