:root{--navy-900: #14273f;--navy-800: #1e3a5f;--navy-700: #2b4f7d;--navy-600: #3a6398;--navy-100: #dde7f1;--navy-50: #f2f6fa;--color-primary: var(--navy-800);--color-primary-hover: var(--navy-900);--color-primary-soft: var(--navy-50);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-warning: #d97706;--color-warning-bg: #fffbeb;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-bg: #fef2f2;--color-info: #2563eb;--color-info-bg: #eff6ff;--app-bg: #f6f8fb;--surface: #ffffff;--surface-muted: var(--gray-50);--border: var(--gray-200);--border-strong: var(--gray-300);--text: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-400);--text-inverse: #ffffff;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .1);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .18);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--text-xs: 12px;--text-sm: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--text);background-color:var(--app-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,.1)}#root{width:100%;min-height:100vh}body{margin:0;min-width:320px;min-height:100vh;width:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}html{scroll-behavior:smooth}a{font-weight:500;color:var(--navy-700);text-decoration:inherit}a:hover{color:var(--navy-900)}h1{font-size:var(--text-2xl);line-height:1.2;font-weight:700}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em}input,select,textarea{font-size:16px;font-family:inherit}@media(max-width:768px){button,a,input[type=submit],input[type=button]{min-height:44px}}button{font-family:inherit;font-size:var(--text-md);font-weight:500;padding:.5em 1em;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background-color:var(--surface);color:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--navy-600);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:9px 14px;font-size:var(--text-md);font-weight:500;line-height:1.2;border-radius:var(--radius-sm);border:1px solid transparent;background:none;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{flex-shrink:0}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--surface);color:var(--gray-700);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--text)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-hover)}.btn-sm{padding:6px 10px;font-size:var(--text-sm)}.btn-lg{padding:12px 20px;font-size:var(--text-lg)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:var(--space-5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background-color:var(--gray-100);color:var(--gray-600)}.form-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--navy-600);box-shadow:0 0 0 3px var(--navy-100)}.tabular-nums,table td{font-variant-numeric:tabular-nums}.form-field{display:block;margin-bottom:var(--space-4)}.form-error{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-danger)}.toast-container{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:slideIn .3s ease-out;min-width:280px}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:var(--color-success);color:var(--text-inverse)}.toast-error{background-color:var(--color-danger);color:var(--text-inverse)}.toast-info{background-color:var(--color-info);color:var(--text-inverse)}.toast-warning{background-color:var(--color-warning);color:var(--text-inverse)}.toast-message{flex:1;margin-right:12px;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:inherit;font-size:20px;cursor:pointer;padding:0;line-height:1;opacity:.8;transition:opacity .2s}.toast-close:hover{opacity:1}@media(max-width:480px){.toast-container{left:10px;right:10px;bottom:10px}.toast{min-width:unset}}.confirm-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--surface);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-modal-title{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text)}.confirm-modal-message{margin:0 0 24px;font-size:14px;color:var(--text-secondary);line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn-cancel{background-color:var(--gray-100);color:var(--gray-700)}.confirm-modal-btn-cancel:hover{background-color:var(--gray-200)}.confirm-modal-btn-confirm{background-color:var(--color-primary);color:var(--text-inverse)}.confirm-modal-btn-confirm:hover{background-color:var(--color-primary-hover)}.confirm-modal-btn-confirm.danger{background-color:var(--color-danger)}.confirm-modal-btn-confirm.danger:hover{background-color:var(--color-danger-hover)}.landing-page{--lp-deep: #14273f;--lp-deep-2: #0f1e30;--lp-foam: #9db8d4;--lp-contour: rgba(127, 163, 200, .16);--lp-signal: #e8542f;--lp-signal-hover: #c9431f;--lp-display: "Bricolage Grotesque", "Inter", system-ui, sans-serif;--lp-mono: "IBM Plex Mono", ui-monospace, monospace;min-height:100vh;background:var(--surface);color:var(--text);font-family:var(--font-sans)}.landing-page h1,.landing-page h2{font-family:var(--lp-display);letter-spacing:-.02em}.section-title{font-size:clamp(26px,3.4vw,34px);font-weight:700;color:var(--text);text-align:center;margin:0 0 12px}.section-subtitle{font-size:17px;color:var(--text-secondary);text-align:center;max-width:560px;margin:0 auto 48px}.hero-eyebrow,.demand-forecasting-badge,.feature-highlight-badge{display:inline-block;font-family:var(--lp-mono);font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-signal);margin:0 0 16px}.hero{position:relative;background:var(--lp-deep);color:#fff;overflow:hidden}.hero-contours{position:absolute;inset:0;pointer-events:none}.hero-contours svg{position:absolute;right:-5%;top:0;width:70%;height:100%}.hero-contours path{fill:none;stroke:var(--lp-contour);stroke-width:1.2}.hero-contours .contour-mark{stroke:#e8542f99;stroke-width:1.6}.hero-header{position:relative;z-index:2;border-bottom:1px solid rgba(255,255,255,.08)}.hero-header-content{max-width:1120px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hero-logo-section{display:flex;align-items:center;gap:10px}.hero-header-logo{width:32px;height:32px}.hero-brand-name{font-family:var(--lp-display);font-size:20px;font-weight:700}.hero-nav{display:flex;align-items:center;gap:28px}.nav-link{color:#ffffffbf;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .15s ease}.nav-link:hover{color:#fff}.nav-dropdown{position:relative;padding:8px 0}.nav-dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px;min-width:180px;z-index:10}.nav-dropdown:hover .nav-dropdown-content,.nav-dropdown:focus-within .nav-dropdown-content{display:block}.nav-dropdown-content a{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-weight:500;text-decoration:none}.nav-dropdown-content a:hover{background:var(--gray-100)}.hero-sign-in{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);color:#fff;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.hero-sign-in:hover{background:#ffffff1a;border-color:#ffffff80;color:#fff}.hero-content{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:104px 24px 128px}.hero-text{max-width:640px}.hero-text h1{font-size:clamp(42px,6.5vw,68px);font-weight:800;line-height:1.02;margin:0 0 24px;color:#fff}.hero-description{font-size:19px;line-height:1.55;color:#ffffffc7;max-width:520px;margin:0 0 36px}.hero-cta-group{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.hero-email-form{display:flex;gap:10px;width:100%;max-width:480px}.hero-email-input{flex:1;min-width:0;padding:13px 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:#fff;color:var(--text);font-size:16px}.hero-email-input:focus{outline:2px solid var(--lp-foam);outline-offset:2px}.hero-submit-btn{padding:13px 22px;border:none;border-radius:var(--radius-sm);background:var(--lp-signal);color:#fff;font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.hero-submit-btn:hover{background:var(--lp-signal-hover)}.hero-trial-note{font-size:13px;color:#ffffff8c;margin:0}.demo-link{display:inline-flex;align-items:center;gap:6px;color:var(--lp-foam);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s ease}.demo-link:hover,.demo-link.light:hover{color:#fff}.device-showcase{background:var(--surface);padding:96px 24px;overflow:hidden}.device-showcase-container{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}.device-showcase-title{font-size:clamp(28px,3.6vw,38px);font-weight:700;line-height:1.1;color:var(--text);margin:0 0 16px}.device-showcase-subtitle{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0 0 28px}.device-showcase-badges{display:flex;gap:12px;flex-wrap:wrap}.platform-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-full);color:var(--gray-700);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}a.platform-badge:hover{border-color:var(--navy-600);background:var(--navy-50);color:var(--navy-800)}.platform-icon{display:flex;align-items:center;color:var(--navy-700)}.device-showcase-visual{position:relative}.browser-mockup{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.browser-header{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--gray-50);border-bottom:1px solid var(--border)}.browser-dots{display:flex;gap:6px}.browser-dots .dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--gray-300)}.browser-url{font-family:var(--lp-mono);font-size:12px;color:var(--text-muted);background:var(--gray-100);border-radius:var(--radius-full);padding:3px 12px}.browser-content img{display:block;width:100%}.phone-mockup{position:absolute;right:-16px;bottom:-32px;width:148px}.phone-frame{position:relative;background:var(--lp-deep-2);border-radius:28px;padding:8px;box-shadow:var(--shadow-md)}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:56px;height:14px;background:var(--lp-deep-2);border-radius:0 0 10px 10px;z-index:1}.phone-screen{border-radius:20px;overflow:hidden}.phone-screen img{display:block;width:100%}.social-proof{background:var(--surface-muted);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 24px}.social-proof-content{max-width:1120px;margin:0 auto;text-align:center}.trusted-text{font-size:15px;color:var(--text-secondary);margin:0}.trusted-text .highlight{color:var(--navy-800);font-weight:700;font-variant-numeric:tabular-nums}.industries{background:var(--surface);padding:96px 24px}.industries-container{max-width:1120px;margin:0 auto}.industries-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.industry-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;text-align:center;transition:border-color .15s ease}.industry-card:hover{border-color:var(--navy-600)}.industry-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 16px;border-radius:var(--radius-full);background:var(--navy-50);color:var(--navy-700)}.industry-card h3{font-size:17px;font-weight:600;color:var(--text);margin:0 0 6px}.industry-card p{font-size:14px;color:var(--text-secondary);margin:0}.demand-forecasting{background:var(--surface-muted);padding:96px 24px}.demand-forecasting-container{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.demand-forecasting-content h2{font-size:clamp(26px,3.2vw,32px);font-weight:700;color:var(--text);margin:0 0 16px}.demand-forecasting-description{font-size:16px;line-height:1.65;color:var(--text-secondary);margin:0 0 28px}.demand-forecasting-features{list-style:none;margin:0;padding:0}.demand-forecasting-features li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--border)}.demand-feature-title{font-size:15px;font-weight:600;color:var(--text)}.demand-feature-desc{font-size:14px;color:var(--text-secondary)}.demand-forecasting-visual .panel-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.panel-frame img{display:block;width:100%}.feature-highlights{background:var(--surface);padding:96px 24px}.feature-highlights-container{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-highlight-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px;background:var(--surface)}.feature-highlight-card h3{font-family:var(--lp-display);font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0 0 12px}.feature-highlight-card>p{font-size:15px;line-height:1.65;color:var(--text-secondary);margin:0 0 20px}.feature-highlight-list{list-style:none;margin:0;padding:0}.feature-highlight-list li{position:relative;padding:7px 0 7px 22px;font-size:14px;color:var(--gray-700)}.feature-highlight-list li:before{content:"—";position:absolute;left:0;color:var(--gray-400)}.explore-product-cta{background:var(--lp-deep);padding:80px 24px}.explore-product-container{max-width:640px;margin:0 auto;text-align:center}.explore-product-container h2{font-size:clamp(26px,3.2vw,32px);font-weight:700;color:#fff;margin:0 0 12px}.explore-product-container p{font-size:16px;color:#ffffffb8;margin:0 0 28px}.explore-product-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-sm);background:#fff;color:var(--lp-deep);font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s ease}.explore-product-btn:hover{background:var(--gray-100);color:var(--lp-deep)}.how-it-works{background:var(--surface);padding:96px 24px}.how-it-works-container{max-width:1120px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{text-align:left}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:16px;border:1px solid var(--navy-100);border-radius:var(--radius-full);font-family:var(--lp-mono);font-size:14px;font-weight:500;color:var(--navy-700);background:var(--navy-50)}.step h3{font-size:17px;font-weight:600;color:var(--text);margin:0 0 8px}.step p{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0}.pricing-preview{background:var(--surface-muted);padding:96px 24px}.pricing-preview-container{max-width:1120px;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.pricing-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column}.pricing-card.featured{border:2px solid var(--navy-800)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--navy-800);color:#fff;font-family:var(--lp-mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-full);white-space:nowrap}.pricing-header h3{font-size:16px;font-weight:600;color:var(--text);margin:0 0 10px}.pricing-price{display:flex;align-items:baseline;gap:4px}.price-amount{font-family:var(--lp-display);font-size:40px;font-weight:700;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}.price-period{font-size:14px;color:var(--text-muted)}.pricing-example{font-size:13px;color:var(--text-muted);margin:6px 0 0}.pricing-features{list-style:none;margin:20px 0 24px;padding:0;flex:1}.pricing-features li{padding:9px 0;border-top:1px solid var(--gray-100);font-size:14px;color:var(--gray-700)}.pricing-cta{display:block;text-align:center;padding:11px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.pricing-cta.primary{background:var(--lp-signal);color:#fff}.pricing-cta.primary:hover{background:var(--lp-signal-hover);color:#fff}.pricing-cta.secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--gray-700)}.pricing-cta.secondary:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--text)}.pricing-note{text-align:center;font-size:13px;color:var(--text-muted);margin:28px 0 0}.faq{background:var(--surface);padding:96px 24px}.faq-container{max-width:720px;margin:0 auto}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;background:none;border:none;border-radius:0;text-align:left;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.faq-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.faq-answer p{margin:0;padding:0 32px 20px 0;font-size:15px;line-height:1.65;color:var(--text-secondary)}.final-cta{position:relative;background:var(--lp-deep);padding:104px 24px;overflow:hidden}.final-cta .hero-contours svg{right:auto;left:-10%;transform:scaleX(-1)}.final-cta-content{position:relative;z-index:1;max-width:640px;margin:0 auto;text-align:center}.final-cta-content h2{font-size:clamp(28px,3.6vw,38px);font-weight:700;color:#fff;margin:0 0 12px}.final-cta-content>p{font-size:16px;color:#ffffffb8;margin:0 0 32px}.final-cta-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.final-cta-actions .hero-email-form{justify-content:center}.landing-footer{background:var(--lp-deep-2);color:#ffffffa6;padding:64px 24px 32px}.footer-container{max-width:1120px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}.footer-logo-section{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo{width:28px;height:28px}.footer-brand-name{font-family:var(--lp-display);font-size:18px;font-weight:700;color:#fff}.footer-tagline{font-size:14px;line-height:1.6;max-width:260px;margin:0}.footer-column h4{font-family:var(--lp-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73;margin:0 0 14px}.footer-column a{display:block;color:#ffffffa6;font-size:14px;font-weight:400;text-decoration:none;padding:5px 0;transition:color .15s ease}.footer-column a:hover{color:#fff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}.footer-bottom p{margin:0}.footer-legal{display:flex;gap:20px}.footer-legal a{color:#ffffff80;text-decoration:none}.footer-legal a:hover{color:#fff}@media(max-width:1024px){.device-showcase-container,.demand-forecasting-container{grid-template-columns:1fr;gap:40px}.phone-mockup{right:8px;bottom:-24px;width:124px}.industries-grid,.steps,.pricing-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero-nav{display:none}.hero-content{padding:72px 24px 96px}.hero-contours svg{width:120%;right:-30%;opacity:.6}.device-showcase,.industries,.demand-forecasting,.feature-highlights,.how-it-works,.pricing-preview,.faq{padding:64px 20px}.feature-highlights-container{grid-template-columns:1fr}.feature-highlight-card{padding:28px}}@media(max-width:560px){.hero-email-form{flex-direction:column}.hero-submit-btn{width:100%}.phone-mockup{display:none}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.landing-page *,.landing-page *:before,.landing-page *:after{transition:none!important}}.demo-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary)}.demo-loading-content{text-align:center;color:var(--text-inverse);padding:48px}.demo-loading-logo{height:64px;width:auto;margin-bottom:32px}.demo-loading-content h2{font-size:28px;font-weight:700;margin:0 0 12px}.demo-loading-content p{font-size:16px;opacity:.8;margin:0 0 32px}.demo-error{color:#fca5a5;margin-bottom:24px}.demo-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--text-inverse);border-radius:var(--radius-full);margin:0 auto;animation:demo-spin 1s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-back-btn{padding:12px 28px;background:var(--surface);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.demo-back-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.demo-email-form{width:100%;max-width:400px;margin:0 auto 24px;display:flex;flex-direction:column;gap:16px}.demo-email-input{width:100%;padding:14px 18px;font-size:16px;border:2px solid rgba(255,255,255,.3);border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text-inverse);transition:all .2s;box-sizing:border-box}.demo-email-input::placeholder{color:#fff9}.demo-email-input:focus{outline:none;border-color:var(--text-inverse);background:#ffffff26}.demo-submit-btn{width:100%;padding:14px 28px;background:var(--surface);color:var(--color-primary);border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.demo-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.demo-submit-btn:active{transform:translateY(0)}.demo-back-link{color:#fffc;background:none;border:none;font-size:14px;cursor:pointer;transition:color .2s;padding:8px;margin-top:16px}.demo-back-link:hover{color:var(--text-inverse)}@media(max-width:768px){.demo-loading-content{padding:24px 20px}.demo-loading-logo{height:48px;margin-bottom:24px}.demo-loading-content h2{font-size:24px}.demo-loading-content p{font-size:15px;margin:0 0 24px}.demo-email-form{max-width:100%;gap:12px}.demo-email-input{padding:12px 16px;font-size:16px}.demo-submit-btn{padding:12px 24px}}@media(max-width:480px){.demo-loading-content{padding:20px 16px}.demo-loading-content h2{font-size:22px}.demo-loading-content p{font-size:14px}}.time-range-picker{position:relative;display:inline-block}.time-range-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text);transition:all .2s}.time-range-button:hover{border-color:var(--color-primary);background:var(--surface-muted)}.time-icon{display:inline-flex;align-items:center;color:var(--text-secondary)}.time-label{font-weight:500}.dropdown-arrow{display:inline-flex;align-items:center;color:var(--text-secondary)}.time-range-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;overflow:hidden}.preset-list{display:flex;flex-direction:column}.preset-item{padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:var(--text);transition:background .15s}.preset-item:hover{background:var(--surface-muted)}.preset-item.active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:500}.custom-range{padding:16px}.custom-range-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-weight:500}.back-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:14px}.back-button:hover{color:var(--text)}.custom-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:12px;color:var(--text-secondary);font-weight:500}.date-input-group input{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px}.date-input-group input:focus{outline:none;border-color:var(--color-primary)}.apply-button{width:100%}.kpi-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}@media(max-width:768px){.kpi-cards{grid-template-columns:1fr}}.kpi-card{display:flex;align-items:center;gap:16px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all .2s;position:relative}.kpi-card:hover{box-shadow:var(--shadow-sm)}.kpi-card.clickable{cursor:pointer}.kpi-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card.loading{opacity:.6}.kpi-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);font-size:24px;font-weight:600}.sales-icon{background:var(--color-success-bg);color:var(--color-success)}.transactions-icon{background:var(--color-info-bg);color:var(--color-info)}.trend-icon{background:var(--gray-100);color:var(--text-secondary)}.trend-icon.trend-up{background:var(--color-success-bg);color:var(--color-success)}.trend-icon.trend-down{background:var(--color-danger-bg);color:var(--color-danger)}.trend-icon.trend-flat{background:var(--color-warning-bg);color:var(--color-warning)}.profit-icon{background:var(--color-success-bg);color:var(--color-success)}.cogs-icon{background:var(--color-danger-bg);color:var(--color-danger)}.labour-icon{background:var(--color-primary-soft);color:var(--color-primary)}.kpi-content{display:flex;flex-direction:column;gap:4px;flex:1}.kpi-value{font-size:28px;font-weight:700;color:var(--text);line-height:1.2}.kpi-label{font-size:14px;color:var(--text-secondary);font-weight:500}.kpi-comparison{display:block;font-size:11px;color:var(--text-muted);font-weight:400;margin-top:2px}.kpi-value.trend-up{color:var(--color-success)}.kpi-value.trend-down{color:var(--color-danger)}.kpi-value.trend-flat{color:var(--color-warning)}.kpi-subtitle{display:block;font-size:12px;color:var(--text-muted);font-weight:400;margin-top:2px}.kpi-chevron{display:flex;align-items:center;font-size:24px;color:var(--text-muted);margin-left:auto}.sales-chart-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:24px}.chart-header{margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text)}.chart-wrapper{width:100%}.chart-loading,.chart-empty{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary);font-size:14px}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow-md)}.tooltip-label{margin:0 0 8px;font-weight:600;color:var(--text);font-size:13px}.tooltip-value{margin:0;color:var(--color-primary);font-weight:600;font-size:14px}.tooltip-transactions{margin:4px 0 0;color:var(--text-secondary);font-size:12px}.top-products-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px;height:100%;min-height:280px;display:flex;flex-direction:column}.top-products-container .chart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.top-products-container .chart-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.chart-subtitle{font-size:12px;color:var(--text-muted)}.top-products-container .chart-loading,.top-products-container .chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-size:14px}.products-list{display:flex;flex-direction:column;gap:12px}.product-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100)}.product-row:last-child{border-bottom:none}.product-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:12px}.product-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.product-qty{font-size:14px;font-weight:600;color:var(--color-primary);min-width:40px;text-align:right}.product-revenue{font-size:13px;color:var(--text-secondary);min-width:70px;text-align:right}.low-selling-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px;height:100%;min-height:280px;display:flex;flex-direction:column}.low-selling-container .chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.low-selling-container .chart-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.low-selling-container .chart-subtitle{font-size:12px;color:var(--text-muted);display:block;margin-top:2px}.low-selling-icon{display:inline-flex;align-items:center;color:var(--color-danger)}.low-selling-container .chart-loading,.low-selling-container .chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:var(--text-secondary);font-size:14px}.low-selling-container .products-list{display:flex;flex-direction:column;gap:12px}.low-selling-container .product-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100)}.low-selling-container .product-row:last-child{border-bottom:none}.low-selling-container .product-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:12px}.low-selling-container .product-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.low-selling-container .low-qty{font-size:14px;font-weight:600;color:var(--color-danger);min-width:40px;text-align:right}.low-selling-container .low-revenue{font-size:13px;color:var(--text-secondary);min-width:70px;text-align:right}.location-chart-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px}.location-chart-container .chart-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.location-chart-container .chart-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text)}.chart-total{font-size:14px;color:var(--color-success);font-weight:600}.location-chart-container .chart-loading{display:flex;align-items:center;justify-content:center;height:100px;color:var(--text-secondary);font-size:14px}.location-list{display:flex;flex-direction:column;gap:12px}.location-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100)}.location-row:last-child{border-bottom:none}.location-name{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:12px}.location-stats{display:flex;align-items:center;gap:16px;flex-shrink:0}.location-amount{font-size:14px;font-weight:600;color:var(--color-success);min-width:80px;text-align:right}.location-percent{font-size:13px;color:var(--text-muted);min-width:40px;text-align:right}.trial-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:var(--radius-lg);margin-bottom:24px}.trial-card.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning)}.trial-card.urgent{background:var(--color-danger-bg);border:1px solid var(--color-danger)}.trial-card-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm);transition:background .15s}.trial-card-dismiss:hover{background:#0000001a}.trial-card-icon{display:flex;flex-shrink:0}.trial-card.warning .trial-card-icon{color:var(--color-warning)}.trial-card.urgent .trial-card-icon{color:var(--color-danger)}.trial-card-content{flex:1}.trial-card-title{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text)}.trial-card-text{margin:0 0 16px;font-size:14px;color:var(--text-secondary)}@media(max-width:640px){.trial-card{flex-direction:column;text-align:center;padding:16px}.trial-card-icon{margin:0 auto}.trial-card-dismiss{top:8px;right:8px}}.analytics-dashboard{padding:24px;max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.header-title h1{margin:0;font-size:28px;font-weight:700;color:var(--text)}.header-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.location-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text);cursor:pointer;min-width:150px}.location-select:hover{border-color:var(--color-primary)}.location-select:focus{outline:none;border-color:var(--color-primary)}.order-predictions-panel{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);padding:16px 20px}.order-predictions-panel .panel-content{display:flex;align-items:center;gap:12px}.order-predictions-panel .panel-icon{display:flex;align-items:center;color:var(--color-primary)}.order-predictions-panel .panel-text{display:flex;flex-direction:column;gap:2px}.order-predictions-panel .panel-title{font-weight:600;color:var(--color-primary);font-size:.95rem}.order-predictions-panel .panel-description{font-size:.85rem;color:var(--text-secondary)}.dashboard-row{display:grid;gap:24px}.dashboard-row.two-columns{grid-template-columns:1fr 1fr}@media(max-width:900px){.analytics-dashboard{padding:16px}.dashboard-header,.header-controls{flex-direction:column;align-items:stretch}.location-select{width:100%}.dashboard-row.two-columns{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-header-content{display:flex;align-items:center;gap:12px}.modal-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.cogs-modal-icon{background:var(--color-danger-bg);color:var(--color-danger)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text)}.modal-close{background:none;border:none;font-size:32px;color:var(--text-secondary);cursor:pointer;padding:4px;line-height:1;transition:color .2s}.cogs-summary{display:flex;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border)}.cogs-summary-item{flex:1;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.cogs-summary-item.accent{background:var(--surface-muted);border-color:var(--border-strong)}.cogs-summary-label{font-size:11px;color:var(--text-secondary);font-weight:500;margin-bottom:4px;display:block}.cogs-summary-value{font-size:18px;font-weight:700;color:var(--text)}.modal-body{overflow-y:auto;padding:12px 24px 24px}.modal-empty{padding:40px;text-align:center}.modal-empty p{color:var(--text-muted);margin:0}.cogs-locations-list{display:flex;flex-direction:column;gap:16px}.cogs-location-item{padding:12px 0;border-bottom:1px solid var(--border)}.cogs-location-item:last-child{border-bottom:none}.cogs-location-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cogs-location-name{font-size:15px;font-weight:500;color:var(--text)}.cogs-location-total{font-size:16px;font-weight:700;color:var(--color-danger)}.cogs-bar-container{display:flex;height:8px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:6px}.cogs-bar-segment{height:100%;transition:width .3s ease}.cogs-bar-segment.order-segment{background:var(--color-danger)}.cogs-bar-segment.external-segment{background:var(--color-primary)}.cogs-location-details{font-size:12px;color:var(--text-secondary)}.external-highlight{color:var(--text);font-weight:600}@media(max-width:768px){.analytics-dashboard{padding:12px;gap:16px}.header-title h1{font-size:1.5rem}.order-predictions-panel{flex-direction:column;align-items:stretch;gap:12px;text-align:center}.order-predictions-panel .panel-content{flex-direction:column;text-align:center}.order-predictions-panel .panel-button{width:100%;min-height:44px}.location-select{min-height:44px;font-size:16px}.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-header{padding:20px 16px}.cogs-summary{padding:16px;gap:8px}.modal-body{padding:12px 16px 16px}.cogs-location-header{flex-wrap:wrap;gap:4px}.cogs-location-name{font-size:14px}.cogs-location-total{font-size:15px}}.daily-reports{padding:24px;max-width:1400px;margin:0 auto}.daily-reports-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.header-left{display:flex;align-items:flex-start;gap:16px}.daily-reports-header h1{margin:0;font-size:24px;font-weight:700;color:var(--text)}.daily-reports-header .header-subtitle{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.header-controls{display:flex;align-items:center;gap:12px}.daily-reports .location-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface);color:var(--text);cursor:pointer;min-width:150px}.daily-reports .location-select:focus{outline:none;border-color:var(--color-primary)}.daily-reports .location-label{font-size:14px;font-weight:600;color:var(--color-primary);padding:8px 12px;background:var(--color-primary-soft);border-radius:var(--radius-sm);white-space:nowrap}.date-range-inputs{display:flex;align-items:center;gap:8px}.date-input{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--surface)}.date-input:focus{outline:none;border-color:var(--color-primary)}.date-separator{color:var(--text-muted);font-size:13px}.reports-loading{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:15px}.reports-empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.reports-empty p{margin:4px 0}.reports-empty-hint{font-size:13px;color:var(--text-muted)}.reports-list{display:flex;flex-direction:column;gap:2px}.report-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.report-day-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .15s}.report-day-header:hover{background:var(--surface-muted)}.day-info{display:flex;align-items:center;gap:12px}.day-date{font-size:15px;font-weight:600;color:var(--text)}.day-locations{font-size:12px;color:var(--text-secondary);background:var(--gray-100);padding:2px 8px;border-radius:var(--radius-full)}.day-summary{display:flex;align-items:center;gap:16px}.day-total{font-size:16px;font-weight:700;color:var(--color-success)}.day-transactions{font-size:13px;color:var(--text-muted)}.expand-icon{font-size:20px;color:var(--text-muted);transition:transform .2s;font-weight:300}.expand-icon.rotated{transform:rotate(90deg)}.detail-reports,.report-detail{display:flex;flex-direction:column;gap:12px}.report-location-name{font-size:14px;font-weight:600;color:var(--color-primary);padding:6px 10px;background:var(--color-primary-soft);border-radius:var(--radius-sm);display:inline-block}.summary-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.summary-item{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--surface-muted);border-radius:var(--radius-sm);white-space:nowrap}.summary-key{font-size:12px;color:var(--text-muted)}.summary-value{font-size:13px;font-weight:600;color:var(--text)}.summary-qty{font-size:12px;color:var(--text-muted);font-weight:400}.summary-table{width:100%;border-collapse:collapse;margin-bottom:16px;font-family:inherit;box-shadow:none;border-radius:0;overflow:visible}.summary-table td{padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:14px;font-weight:400;background:transparent}.summary-table tbody tr:hover{background-color:transparent}.summary-table tr:last-child td{border-bottom:none}.summary-table .summary-table-label{font-size:14px;font-weight:600;color:var(--text)}.summary-table .summary-table-qty{font-size:13px;color:var(--text-muted);text-align:right;white-space:nowrap;min-width:32px;padding-right:12px}.summary-table .summary-table-amount{font-size:14px;font-weight:600;color:var(--text);text-align:right;white-space:nowrap;min-width:60px}.report-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:20px}.report-section .summary-table{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.section-total{font-size:14px;font-weight:600;color:var(--text)}.category-block{margin-bottom:10px}.category-block:last-child{margin-bottom:0}.category-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px 0;border:none;border-bottom:1px solid var(--gray-100);background:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .15s}.category-header:hover{background:var(--surface-muted)}.category-right{display:flex;align-items:center;gap:8px}.category-expand-icon{font-size:16px;color:var(--text-muted);transition:transform .2s;font-weight:300}.category-expand-icon.rotated{transform:rotate(90deg)}.category-name,.category-total{font-size:14px;font-weight:600;color:var(--text)}.items-list{display:flex;flex-direction:column;padding-left:8px}.item-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-100)}.item-row:last-child{border-bottom:none}.item-row-name{flex:1;font-size:14px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row-qty{font-size:13px;color:var(--text-muted);min-width:32px;text-align:right;margin-right:12px}.item-row-amount{font-size:14px;font-weight:600;color:var(--text);min-width:60px;text-align:right}.report-no-detail{padding:8px 0;color:var(--text-secondary);font-size:14px}.report-no-detail p{margin:4px 0}@media(max-width:768px){.daily-reports{padding:12px}.daily-reports-header{flex-direction:column;align-items:stretch}.header-left{flex-direction:column;gap:8px}.back-button{align-self:flex-start}.header-controls{flex-direction:column;align-items:stretch}.daily-reports .location-select{width:100%;min-height:44px;font-size:16px}.date-range-inputs{flex-wrap:wrap}.date-input{flex:1;min-width:120px;min-height:44px;font-size:16px}.report-day-header{padding:14px 16px;flex-wrap:wrap;gap:8px}.day-summary{gap:10px}.report-day-detail{padding:0 16px 16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header h2{color:var(--text);margin:0;font-size:20px}.modal-close{background:none;border:none;font-size:32px;color:var(--text-muted);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s}.modal-close:hover{background-color:var(--surface-muted);color:var(--text)}.shift-form{padding:20px}.shift-form .form-group{margin-bottom:20px}.shift-form .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text);font-size:14px}.shift-form .form-group input,.shift-form .form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s;box-sizing:border-box}.shift-form .form-group input:focus,.shift-form .form-group select:focus{outline:none;border-color:var(--color-primary)}.modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.delete-btn{padding:10px 20px;background-color:var(--color-danger);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.cancel-btn{padding:10px 20px;background-color:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;margin-left:auto}.cancel-btn:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.submit-btn{padding:10px 20px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.submit-btn:hover{background-color:var(--color-primary-hover)}.submit-btn:disabled{background-color:var(--gray-300);cursor:not-allowed}@media(max-width:768px){.modal-content{margin:10px}.modal-header h2{font-size:18px}.shift-form{padding:15px}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:1.5rem;color:var(--text)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.modal-close:hover{background-color:var(--gray-100)}.modal-body{padding:20px}.modal-body p{margin:10px 0;color:var(--text)}.message-preview{margin-top:20px;padding:15px;background-color:var(--surface-muted);border-radius:var(--radius-sm);border:1px solid var(--border)}.message-preview strong{display:block;margin-bottom:8px;color:var(--text)}.preview-text{color:var(--text-secondary);font-style:italic;margin:0}.modal-footer{padding:20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:10px 20px;border-radius:var(--radius-sm);border:none;font-size:1rem;cursor:pointer;font-weight:500;transition:all .2s}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background-color:var(--gray-100);color:var(--text)}.cancel-btn:hover:not(:disabled){background-color:var(--gray-200)}.confirm-btn{background-color:var(--color-primary);color:#fff}.confirm-btn:hover:not(:disabled){background-color:var(--color-primary-hover)}.employee-shift.location-color-0{background:#1e3a5f}.employee-shift.location-color-1{background:#0f766e}.employee-shift.location-color-2{background:#b45309}.employee-shift.location-color-3{background:#5b21b6}.employee-shift.location-color-4{background:#0369a1}.employee-shift.location-color-5{background:#9d174d}.employee-shift.location-color-6{background:#3f6212}.employee-shift.location-color-7{background:#334155}.employee-schedule-container{width:100%;height:100%;max-width:100%;display:flex;flex-direction:column;padding:10px;overflow:hidden;box-sizing:border-box}.employee-schedule-content{display:flex;gap:20px;flex:1;min-height:0}.employee-schedule-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:15px}.schedule-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:15px}.schedule-header h1{color:var(--color-primary);margin:0 0 10px;font-size:20px;font-weight:700}.schedule-subtitle{color:var(--text-secondary);font-size:12px;margin:0;line-height:1.4}.employee-schedule-sidebar .location-filter-container{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:12px 16px;margin-bottom:10px}.employee-schedule-sidebar .location-filter-label{font-size:13px;color:var(--color-primary);font-weight:600;margin-bottom:2px}.employee-schedule-sidebar .location-filter-select{padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-size:14px;color:var(--text);transition:border-color .2s;outline:none}.employee-schedule-sidebar .location-filter-select:focus{border-color:var(--color-primary)}.schedule-controls{display:flex;flex-direction:column;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.month-title{color:var(--color-primary);margin:0;font-size:14px;font-weight:600;text-align:center}.control-buttons{display:flex;flex-direction:column;gap:10px}.month-nav-btn{padding:8px 16px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.month-nav-btn:hover{background-color:var(--color-primary-hover)}.today-btn{padding:8px 16px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.today-btn:hover{background-color:var(--color-primary-hover)}.copy-prev-week-btn{padding:8px 16px;background-color:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.copy-prev-week-btn:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.copy-prev-week-btn:disabled{background-color:var(--gray-100);color:var(--text-muted);cursor:not-allowed;opacity:.7}.notify-team-btn{padding:8px 16px;background-color:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.notify-team-btn:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.export-csv-btn{padding:8px 16px;background-color:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.export-csv-btn:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.employee-schedule-grid-wrapper{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:auto}.employee-schedule-grid{display:grid;grid-template-columns:150px repeat(7,1fr) 80px 80px;min-width:950px;width:100%}.grid-header-row{display:contents}.employee-header-cell{background-color:var(--color-primary);color:var(--text-inverse);font-weight:700;padding:12px;font-size:13px;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border);text-align:center}.day-header-cell{background-color:var(--color-primary);color:var(--text-inverse);font-weight:700;padding:8px;text-align:center;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border);border-left:1px solid rgba(255,255,255,.1)}.day-header-cell.today{background-color:var(--color-success)}.day-header-cell .day-name{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;color:var(--text-inverse)}.day-header-cell .day-date{font-size:16px;font-weight:700;color:var(--text-inverse)}.hours-header-cell{background-color:var(--color-primary);color:var(--text-inverse);font-weight:700;padding:8px;text-align:center;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--border);border-left:2px solid rgba(255,255,255,.2);font-size:11px;line-height:1.3}.hours-header-cell.regular-hours{background-color:var(--color-success)}.hours-header-cell.overtime-hours{background-color:var(--color-danger)}.employee-row{display:contents}.employee-name-cell{padding:12px;font-weight:600;color:var(--text);background:var(--surface-muted);border-bottom:1px solid var(--border);font-size:13px;display:flex;align-items:center}.hours-cell{padding:12px;font-weight:600;color:var(--text);background:var(--surface-muted);border-bottom:1px solid var(--border);border-left:2px solid var(--border);font-size:14px;display:flex;align-items:center;justify-content:center;text-align:center}.hours-cell.regular-hours{background:var(--color-success-bg);color:var(--color-success)}.hours-cell.overtime-hours{background:var(--color-danger-bg);color:var(--color-danger)}.hours-value{font-weight:700;font-size:15px}.employee-schedule-grid .shift-cell{padding:3px;min-height:54px;height:auto;width:auto;min-width:0;border-bottom:1px solid var(--border);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:3px;position:relative;align-items:stretch;background-color:var(--surface-muted)}.shift-cell.clickable{cursor:pointer}.shift-cell.clickable:hover{background-color:var(--gray-100)}.shift-cell.two-shifts{gap:0}.shift-cell.has-availability{background:var(--color-success-bg)}.shift-cell.no-availability{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(0,0,0,.02) 5px,rgba(0,0,0,.02) 10px)}.availability-indicator{font-size:10px;color:var(--color-success);position:absolute;bottom:2px;right:4px;opacity:.8;font-weight:500}.empty-cell-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-muted);font-size:24px;font-weight:300;opacity:.5;transition:opacity .2s,color .2s}.shift-cell.clickable:hover .empty-cell-hint{opacity:1;color:var(--color-primary)}.employee-shift{background:var(--color-primary);color:var(--text-inverse);padding:6px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:box-shadow .2s,filter .2s;display:flex;flex-direction:column;justify-content:center;gap:2px;flex:1;min-height:44px;min-width:0;border-left:3px solid rgba(255,255,255,.35);position:relative}.employee-shift:hover{filter:brightness(1.1)}.shift-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-sm);align-self:flex-start;margin-top:2px;letter-spacing:.5px}.new-badge{background-color:var(--color-success-bg);color:var(--color-success)}.updated-badge{background-color:var(--color-warning-bg);color:var(--color-warning)}.shift-cell.two-shifts .employee-shift{padding:5px 8px;font-size:12px;min-height:38px}.shift-cell.two-shifts .shift-badge{font-size:8px;padding:1px 4px}.shift-time-text{font-weight:700}.shift-location-name{font-size:11px;opacity:.85;font-weight:400}.no-employees-message{grid-column:1 / -1;padding:40px;text-align:center;color:var(--text-secondary);font-size:14px}.preset-popover{position:fixed;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:1000;min-width:200px;overflow:hidden}.preset-popover-header{padding:10px 14px;font-weight:600;color:var(--color-primary);border-bottom:1px solid var(--border);font-size:13px}.preset-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:var(--surface);cursor:pointer;text-align:left;font-size:13px;transition:background-color .2s}.preset-option:hover{background-color:var(--surface-muted)}.preset-icon{width:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.preset-label{flex:1;font-weight:500;color:var(--text)}.preset-time{font-size:12px;color:var(--text-secondary)}.preset-divider{height:1px;background:var(--border);margin:4px 0}.custom-option,.custom-option .preset-label,.custom-option .preset-icon{color:var(--color-primary)}@media(max-width:1024px){.employee-schedule-grid{grid-template-columns:120px repeat(7,1fr) 70px 70px;min-width:900px}.employee-name-cell{font-size:12px;padding:8px}.employee-shift{font-size:10px;padding:4px 6px;border-radius:0}.hours-cell{padding:8px;font-size:12px}.hours-value{font-size:13px}}@media(max-width:768px){.employee-schedule-content{flex-direction:column}.employee-schedule-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.schedule-header,.schedule-controls{flex:1}.employee-schedule-grid{grid-template-columns:100px repeat(7,minmax(60px,1fr)) 60px 60px;min-width:700px}.day-header-cell .day-name{font-size:10px}.day-header-cell .day-date{font-size:14px}.shift-cell{flex-direction:column;align-items:stretch}.shift-cell.two-shifts{gap:2px}.employee-shift{font-size:10px;padding:6px 8px;border-radius:0}.shift-cell.two-shifts .employee-shift{padding:4px 6px;font-size:9px;border-radius:0}.shift-location-name{display:none}}.schedule-mobile{padding:16px;max-width:600px;margin:0 auto}.schedule-mobile-title{margin:0 0 16px;font-size:1.5rem;color:var(--color-primary)}.schedule-mobile-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary)}.day-nav{display:flex;gap:8px;margin-bottom:16px}.day-nav .nav-btn{flex:1;padding:12px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--color-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.day-nav .nav-btn:active{background:var(--gray-100);transform:scale(.98)}.day-nav .today-btn{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--text-inverse);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.day-nav .today-btn:active{background:var(--color-primary-hover);transform:scale(.98)}.selected-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.selected-date-header h2{margin:0;font-size:1.1rem;color:var(--text);font-weight:600}.shift-count{font-size:.875rem;color:var(--text-secondary);background:var(--gray-100);padding:4px 10px;border-radius:var(--radius-full)}.shifts-list{display:flex;flex-direction:column;gap:12px}.no-shifts{text-align:center;padding:40px 20px;color:var(--text-muted)}.no-shifts p{margin:0;font-size:1rem}.employee-shift-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs)}.employee-shift-card .employee-name{font-weight:600;color:var(--color-primary);font-size:1rem;margin-bottom:8px}.shift-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--gray-100)}.shift-detail:first-of-type{border-top:none}.shift-time{font-size:.875rem;color:var(--text);font-weight:500}.shift-location{font-size:.875rem;color:var(--text-secondary);background:var(--gray-100);padding:4px 10px;border-radius:var(--radius-sm)}.desktop-notice{margin-top:24px;padding:16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center}.desktop-notice p{margin:0;font-size:.875rem;color:var(--text-secondary)}.schedule-view-container{display:flex;flex-direction:column;height:100%}.cant-work-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.cant-work-modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.cant-work-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.cant-work-modal-header h2{margin:0;font-size:1.25rem;color:var(--text)}.cant-work-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s}.cant-work-modal-close:hover{background-color:var(--gray-100)}.cant-work-modal-body{padding:20px}.shift-summary{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.shift-summary-date{font-weight:600;color:var(--color-primary);font-size:1.1rem;margin-bottom:4px}.shift-summary-time{color:var(--text-secondary);font-size:.95rem}.shift-summary-location{color:var(--text-secondary);font-size:.9rem;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:var(--gray-700);margin-bottom:8px;font-size:.95rem}.form-group textarea{width:100%;padding:12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.form-group textarea::placeholder{color:var(--text-muted)}.availability-section{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.availability-label{margin:0 0 4px;color:var(--color-primary);font-weight:600;font-size:.95rem}.availability-hint{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.availability-loading{text-align:center;color:var(--text-secondary);padding:20px}.availability-grid-compact{display:flex;flex-direction:column;gap:8px}.day-row-compact{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s}.day-row-compact.active{border-color:var(--color-primary);background:var(--color-primary-soft)}.day-toggle-compact{display:flex;align-items:center;gap:8px}.day-label-compact{font-size:.9rem;font-weight:500;color:var(--gray-700);min-width:36px}.toggle-switch-small{position:relative;display:inline-block;width:36px;height:20px}.toggle-switch-small input{opacity:0;width:0;height:0}.toggle-slider-small{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.2s;border-radius:var(--radius-full)}.toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:var(--surface);transition:.2s;border-radius:50%}.toggle-switch-small input:checked+.toggle-slider-small{background-color:var(--color-primary)}.toggle-switch-small input:checked+.toggle-slider-small:before{transform:translate(16px)}.time-inputs-compact{display:flex;align-items:center;gap:4px}.time-inputs-compact input[type=time]{padding:4px 6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.85rem;width:90px}.time-inputs-compact input[type=time]:focus{outline:none;border-color:var(--color-primary)}.time-sep{color:var(--text-secondary);font-size:.85rem}.not-available-compact{color:var(--text-muted);font-size:.85rem;font-style:italic}.cant-work-modal-footer{padding:16px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.cant-work-btn-secondary,.cant-work-btn-primary{padding:10px 20px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cant-work-btn-secondary{background-color:var(--surface);color:var(--gray-700);border-color:var(--border-strong)}.cant-work-btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.cant-work-btn-primary{background-color:var(--color-danger);color:var(--text-inverse)}.cant-work-btn-primary:hover:not(:disabled){background-color:var(--color-danger-hover)}.cant-work-btn-primary:disabled,.cant-work-btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:480px){.cant-work-modal-overlay{padding:10px}.cant-work-modal-content{border-radius:var(--radius-md)}.cant-work-modal-header{padding:16px}.cant-work-modal-header h2{font-size:1.1rem}.cant-work-modal-body{padding:16px}.shift-summary,.availability-section{padding:12px}.day-row-compact{padding:6px 8px}.time-inputs-compact input[type=time]{width:80px;padding:3px 4px;font-size:.8rem}.cant-work-modal-footer{padding:12px 16px}.cant-work-btn-secondary,.cant-work-btn-primary{padding:10px 16px;font-size:.9rem}}.my-shifts-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.my-shifts-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center}.my-shifts-header h1{color:var(--text);margin-bottom:5px}.welcome-text{color:var(--text-secondary);font-size:16px;margin:0}.filter-tabs{display:flex;gap:10px;margin-bottom:30px;background:var(--surface);padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.tab{flex:1;padding:12px 20px;background:transparent;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all .2s}.tab:hover{background-color:var(--surface-muted);color:var(--text)}.tab.active{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.shift-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-xs);transition:transform .2s,box-shadow .2s;position:relative;border:1px solid var(--border);border-left:4px solid var(--color-primary)}.shift-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.shift-card.today{border-left-color:var(--color-success);background:var(--color-success-bg)}.shift-card.past{opacity:.7;border-left-color:var(--text-muted)}.today-badge{position:absolute;top:15px;right:15px;background:var(--color-success);color:var(--text-inverse);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase}.shift-date{font-size:18px;font-weight:700;color:var(--color-primary);margin-bottom:20px}.shift-details{display:flex;flex-direction:column;gap:12px}.shift-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.shift-info-item{display:flex;flex-direction:column;gap:6px}.info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.info-icon{font-size:14px}.info-value{font-size:14px;color:var(--text);font-weight:600;line-height:1.4}.shift-address{font-size:13px;color:var(--text-secondary);padding-top:8px;border-top:1px solid var(--border);display:flex;align-items:center;gap:4px}.shift-address:before{content:"📍";font-size:12px}.cant-work-btn{width:100%;margin-top:16px;padding:10px 16px;background-color:transparent;color:var(--color-danger);border:1px solid #fecaca;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cant-work-btn:hover{background-color:var(--color-danger-bg);border-color:#f87171}.no-shifts{text-align:center;padding:60px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.no-shifts p{color:var(--text-muted);font-size:16px;margin:0}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:var(--color-danger)}.error button{margin-top:20px;padding:10px 20px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px}.error button:hover{background-color:var(--navy-700)}@media(max-width:1024px){.shifts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.shift-info-grid{gap:15px}}@media(max-width:768px){.my-shifts-container{padding:15px 10px}.my-shifts-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:20px}.my-shifts-header h1{font-size:24px}.welcome-text{font-size:14px}.filter-tabs{flex-direction:row;padding:8px;margin-bottom:20px}.tab{text-align:center;padding:10px 12px;font-size:13px}.shifts-grid{grid-template-columns:1fr;gap:15px}.shift-card{padding:16px}.shift-date{font-size:16px;margin-bottom:12px;padding-right:70px}.today-badge{top:12px;right:12px;padding:3px 10px;font-size:11px}.shift-info-grid{grid-template-columns:1fr;gap:14px}.shift-info-item{gap:5px}.info-label{font-size:10px}.info-icon,.info-value{font-size:13px}.shift-address{font-size:12px;padding-top:10px}.shift-address:before{font-size:11px}}@media(max-width:480px){.my-shifts-container{padding:12px 8px}.my-shifts-header h1{font-size:22px}.filter-tabs{gap:6px;padding:6px}.tab{padding:8px 10px;font-size:12px}.shift-card{padding:14px}.shift-date{font-size:15px}.shift-info-grid{gap:12px}}.my-shifts-calendar-container{height:calc(100vh - 100px);display:flex;flex-direction:column;background:var(--surface);padding:10px}.my-shifts-calendar-content{display:flex;flex-direction:row;gap:20px;height:100%;overflow:hidden;flex:1}.my-shifts-calendar-sidebar{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:15px}.my-shifts-calendar-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:15px}.my-shifts-calendar-header h1{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-primary);font-weight:700}.my-shifts-calendar-subtitle{margin:0;color:var(--text-secondary);font-size:.75rem}.my-shifts-calendar-controls{display:flex;flex-direction:column;gap:12px;padding:15px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.week-info{display:flex;flex-direction:column;gap:10px}.month-title{font-size:1rem;margin:0;color:var(--color-primary);font-weight:600;text-align:center}.control-buttons{display:flex;flex-direction:column;gap:.5rem}.month-nav-btn,.today-btn,.date-picker-btn{padding:8px 16px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .2s;width:100%}.month-nav-btn:hover,.today-btn:hover,.date-picker-btn:hover{background:var(--navy-700)}.date-picker-popup{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:15px}.date-picker-content{display:flex;flex-direction:column;gap:15px}.date-picker-content label{font-weight:600;color:var(--text);font-size:.8125rem}.date-picker-content input[type=date]{padding:8px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:.8125rem;transition:border-color .2s;width:100%}.date-picker-content input[type=date]:focus{outline:none;border-color:var(--color-primary)}.date-picker-actions{display:flex;gap:10px}.go-btn,.cancel-date-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .2s;flex:1}.go-btn{background:var(--color-success);color:var(--text-inverse)}.go-btn:hover:not(:disabled){background:#45a049}.go-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-date-btn{background:var(--surface-muted);color:var(--text-secondary)}.cancel-date-btn:hover{background:var(--gray-200)}.my-shifts-week-view{flex:1;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;min-width:0}.my-shifts-week-header-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:10;overflow-y:scroll;scrollbar-gutter:stable}.my-shifts-week-header-row::-webkit-scrollbar{width:10px;background:transparent}.my-shifts-week-header-row::-webkit-scrollbar-thumb{background:transparent}.my-shifts-day-header{padding:.75rem;text-align:center;border-right:1px solid var(--border);background:var(--surface-muted)}.my-shifts-day-header:last-child{border-right:none}.my-shifts-day-header.today{background:var(--color-info-bg);color:var(--color-info);font-weight:600}.day-name{font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.day-date{font-size:1.125rem}.my-shifts-week-scroll-container{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;display:grid;grid-template-columns:repeat(7,1fr);scrollbar-gutter:stable}.time-labels-overlay{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1}.time-label-line{position:absolute;left:0;width:100%;height:60px;border-bottom:1px solid var(--border)}.time-label-text{position:absolute;left:8px;top:-10px;background:var(--surface);padding:2px 6px;font-size:.75rem;color:var(--text-secondary);font-weight:500;pointer-events:auto}.my-shifts-day-slots{position:relative;min-height:840px;border-right:1px solid var(--border);background:var(--surface)}.my-shifts-day-slots:last-child{border-right:none}.time-slot{height:60px;border-bottom:1px solid var(--border)}.my-shift-block{background:var(--color-primary);border-radius:var(--radius-sm);padding:.75rem;color:var(--text-inverse);box-shadow:var(--shadow-xs);cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden;margin:0 4px;border-left:3px solid var(--navy-100)}.my-shift-block:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--navy-600)}.my-shift-location{font-weight:600;font-size:.875rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-shift-time{font-size:.75rem;opacity:.95;white-space:nowrap}.my-shifts-week-scroll-container::-webkit-scrollbar{width:10px}.my-shifts-week-scroll-container::-webkit-scrollbar-track{background:var(--gray-100)}.my-shifts-week-scroll-container::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:5px}.my-shifts-week-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media(max-width:768px){.my-shifts-calendar-sidebar{padding:1rem}.my-shifts-calendar-header h1{font-size:1.25rem}.control-buttons{flex-direction:column}.month-nav-btn,.today-btn,.date-picker-btn{width:100%}.my-shifts-week-header-row,.my-shifts-week-scroll-container{grid-template-columns:repeat(7,minmax(80px,1fr))}.time-label-text{font-size:.65rem;padding:1px 4px}}.my-shifts-view-container{display:flex;flex-direction:column;height:100%}@media(max-width:1024px){.my-shifts-view-container .view-toggle{position:relative;top:auto;padding:.75rem 1rem}.my-shifts-view-container .toggle-btn{padding:.5rem 1rem;font-size:.8rem}}@media(max-width:480px){.my-shifts-view-container .view-toggle{padding:.5rem;gap:.25rem}.my-shifts-view-container .toggle-btn{padding:.5rem .75rem;font-size:.75rem}}.mobile-card-list{display:flex;flex-direction:column;gap:12px;padding:4px}.mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-xs)}.mobile-card-empty,.mobile-card-loading{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:1rem}.mobile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-title{font-weight:600;color:var(--color-primary);font-size:1rem}.mobile-card-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.mobile-card-badge.success{background:var(--color-success-bg);color:var(--color-success)}.mobile-card-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.mobile-card-badge.danger{background:var(--color-danger-bg);color:var(--color-danger)}.mobile-card-badge.info{background:var(--color-info-bg);color:var(--color-info)}.mobile-card-subtitle{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{font-size:.875rem;color:var(--text-secondary)}.mobile-card-value{font-size:.875rem;color:var(--text);font-weight:500}.mobile-card-actions{display:flex;gap:8px;margin-top:12px}.mobile-card-actions button{flex:1;padding:10px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.mobile-card-actions button.primary{background:var(--color-primary);color:var(--text-inverse)}.mobile-card-actions button.primary:active{background:var(--navy-700)}.mobile-card-actions button.secondary{background:var(--gray-100);color:var(--text)}.mobile-card-actions button.secondary:active{background:var(--gray-200)}.mobile-card-actions button.danger{background:var(--color-danger);color:var(--text-inverse)}.mobile-card-actions button.danger:active{background:var(--color-danger-hover)}.location-access-manager{padding:20px 0}.location-access-manager h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.location-access-manager .description{margin-bottom:20px;color:var(--text-secondary);font-size:.9rem}.location-access-loading{padding:20px;text-align:center;color:var(--text-secondary)}.error-message{padding:10px;margin-bottom:15px;background-color:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);font-size:.9rem}.success-message{padding:10px;margin-bottom:15px;background-color:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);font-size:.9rem}.all-locations-toggle{margin-bottom:20px;padding:15px;background-color:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;gap:10px}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer}.checkbox-text{flex:1;font-size:.95rem}.location-list-divider{margin:20px 0 15px;padding-bottom:10px;border-bottom:1px solid var(--border);font-size:.9rem;color:var(--text-secondary);font-weight:500}.location-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:5px 0}.no-locations{padding:20px;text-align:center;color:var(--text-muted);font-style:italic}.location-checkbox{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.location-checkbox:hover{background-color:var(--gray-100);border-color:var(--border-strong)}.location-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0}.location-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.location-details{display:flex;flex-direction:column;gap:4px;flex:1}.location-name{font-weight:500;font-size:.95rem;color:var(--text)}.location-address{font-size:.85rem;color:var(--text-secondary)}.actions{margin-top:20px;display:flex;justify-content:flex-end}.employees-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.header-actions{display:flex;gap:10px}@media(max-width:768px){.employees-container{padding:10px}.header{flex-direction:column;gap:15px;align-items:flex-start}.header h1{font-size:1.8em}table{font-size:14px}th,td{padding:10px 8px}.form-group input{font-size:16px}}.invite-btn{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600}.invite-btn:hover{background-color:var(--color-primary-hover)}.invite-link-section{background:var(--color-info-bg);border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:20px;margin-bottom:30px}.invite-link-section h3{margin:0 0 8px;color:var(--text);font-size:1.1rem}.invite-link-section p{margin:0 0 15px;color:var(--text-secondary);font-size:.9rem}.invite-link-box{display:flex;gap:10px;align-items:stretch}.invite-link-input{flex:1;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.875rem;background:var(--surface);color:var(--text);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.invite-link-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.copy-btn{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;white-space:nowrap}.copy-btn:hover{background-color:var(--color-primary-hover)}.whatsapp-btn{padding:10px 20px;background-color:#25d366;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;white-space:nowrap}.whatsapp-btn:hover{background-color:#20ba5a}.whatsapp-invite-btn{padding:6px 12px;background-color:#25d366;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600}.whatsapp-invite-btn:hover{background-color:#20ba5a}.employee-form{background:var(--surface-muted);padding:20px;border-radius:var(--radius-lg);margin-bottom:30px}.form-buttons{display:flex;gap:10px;flex-wrap:wrap}.submit-whatsapp-btn{padding:10px 20px;background-color:#25d366;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600}.submit-whatsapp-btn:hover{background-color:#20ba5a}.employees-list{overflow-x:auto}.delete-btn{padding:6px 12px;background-color:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px}.employee-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.employee-card-name{font-weight:600;color:var(--color-primary);font-size:1.1rem}.employee-card-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.employee-card-badge.active{background:var(--color-success-bg);color:var(--color-success)}.employee-card-contact{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.employee-card-contact .no-contact{color:var(--text-muted);font-style:italic}.employee-card-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-card-actions button{flex:1;min-width:100px;padding:10px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.employee-card-actions button.primary{background:var(--color-primary);color:#fff}.employee-card-actions button.primary:active{background:var(--navy-700)}.employee-card-actions button.primary.whatsapp{background:#25d366}.employee-card-actions button.primary.whatsapp:active{background:#20ba5a}.employee-card-actions button.secondary{background:var(--gray-500);color:#fff}.employee-card-actions button.secondary:active{background:var(--gray-600)}.employee-card-actions button.danger{background:var(--color-danger);color:#fff}.employee-card-actions button.danger:active{background:var(--color-danger-hover)}.employee-card-you{font-size:.875rem;color:var(--text-muted);font-style:italic;margin-top:8px}@media(max-width:768px){.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%;min-height:44px}}.icon-btn{background:var(--color-primary)!important;padding:6px 12px!important;font-size:16px;min-width:auto!important}.icon-btn:hover{background:#0284c7!important}.employee-row-clickable:hover{background-color:var(--surface-muted)!important;transition:background-color .2s ease}.employee-view-container{display:flex;flex-direction:column;height:100%}.toggle-btn{padding:.75rem 1.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.view-content{flex:1;overflow:auto}.locations-container{width:100%;max-width:1400px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header h1{color:var(--text);margin:0}@media(max-width:768px){.locations-container{padding:10px}.header{flex-direction:column;gap:15px;align-items:flex-start}.header h1{font-size:1.8em}table{font-size:14px}th,td{padding:10px 8px}.form-group input{font-size:16px}}.add-btn{padding:10px 20px;background-color:var(--color-success);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600}.add-btn:hover{background-color:#45a049}.location-form{background:var(--surface-muted);padding:20px;border-radius:var(--radius-lg);margin-bottom:30px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:var(--text-secondary)}.form-group input{width:100%;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;box-sizing:border-box}.submit-btn{padding:10px 20px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600}.submit-btn:hover{background-color:var(--navy-700)}.locations-list{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--surface);box-shadow:var(--shadow-xs);border-radius:var(--radius-lg);overflow:hidden}thead{background-color:var(--color-primary);color:#fff}th{padding:15px;text-align:left;font-weight:600}td{padding:12px 15px;border-bottom:1px solid var(--border)}tbody tr:hover{background-color:var(--surface-muted)}tbody tr:last-child td{border-bottom:none}.edit-btn{padding:6px 12px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600}.edit-btn:hover{background-color:var(--navy-700)}.delete-btn{padding:6px 12px;background-color:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600}.delete-btn:hover{background-color:var(--color-danger-hover)}.delete-btn:disabled{background-color:var(--border-strong);cursor:not-allowed;opacity:.6}.delete-btn:disabled:hover{background-color:var(--border-strong)}.btn:hover{background-color:var(--gray-600)}.location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.location-card-name{font-weight:600;color:var(--color-primary);font-size:1.1rem}.location-card-status{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;background:var(--gray-100);color:var(--text-muted)}.location-card-status.connected{background:var(--color-success-bg);color:var(--color-success)}.location-card-address{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px}.location-card-actions{display:flex;gap:8px}.location-card-actions button{flex:1;padding:10px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.location-card-actions button.primary{background:var(--color-primary);color:#fff}.location-card-actions button.primary:active{background:var(--navy-700)}.location-card-actions button.danger{background:var(--color-danger);color:#fff}.location-card-actions button.danger:active{background:var(--color-danger-hover)}.location-card-actions button:disabled{background:var(--border-strong);cursor:not-allowed;opacity:.6}@media(max-width:768px){.header button.add-btn{width:100%;min-height:44px}}.purchase-modal-content{max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{margin:0;color:var(--color-primary);font-size:22px;font-weight:600}.close-btn{background:none;border:none;font-size:28px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:var(--text)}.purchase-metadata-section,.purchase-items-section{margin-bottom:24px}.purchase-metadata-section h3,.purchase-items-section h3{color:var(--color-primary);font-size:18px;margin:0 0 16px;font-weight:600;padding-bottom:8px;border-bottom:2px solid var(--border)}.required{color:var(--color-danger);font-weight:700;margin-left:2px}.error-message{display:block;color:var(--color-danger);font-size:12px;margin-top:4px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-danger)}.autocomplete-container{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;z-index:100}.autocomplete-item{padding:10px;cursor:pointer;font-size:14px;border-bottom:1px solid var(--gray-100);transition:background-color .2s}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background-color:var(--surface-muted)}.items-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.purchase-item-row{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background-color:var(--surface-muted)}.item-row-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.item-row-title{font-size:13px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.item-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-selector{grid-column:span 2}.product-toggle{display:flex;gap:8px;margin-bottom:8px}.toggle-btn{flex:1;padding:8px 12px;background-color:var(--gray-100);color:var(--text);border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;white-space:nowrap}.toggle-btn:hover{background-color:var(--gray-200)}.toggle-btn.active{background-color:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.toggle-btn.active:hover{background-color:var(--navy-700);border-color:var(--navy-700)}.add-item-btn{width:100%;padding:12px;background-color:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.add-item-btn:hover{background-color:var(--gray-50);border-color:var(--gray-400)}.modal-actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.purchase-modal-content{width:95%;padding:20px;max-height:95vh}.modal-header h2{font-size:20px}.close-btn{font-size:24px;width:28px;height:28px}.purchase-metadata-section h3,.purchase-items-section h3{font-size:16px}.form-row{grid-template-columns:1fr}.product-toggle{flex-direction:row}.toggle-btn{font-size:12px;padding:8px}.purchase-item-row{padding:12px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}.add-item-btn,.remove-item-btn{min-height:44px}}@media(max-width:480px){.purchase-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;padding:16px}.modal-header{margin-bottom:16px}.item-fields{grid-template-columns:1fr}.product-selector{grid-column:span 1}}.order-submit-modal-content{max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.order-submit-loading{text-align:center;padding:48px 24px}.order-submit-loading p{margin:12px 0 0;font-size:16px;font-weight:600;color:var(--text)}.order-submit-loading-hint{color:var(--text-muted)!important;font-weight:400!important;font-size:14px!important}.order-submit-error{text-align:center;padding:48px 24px}.order-submit-error-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 8px}.order-submit-error-message{font-size:14px;color:var(--text-secondary);margin:0 0 20px}.order-submit-error-hint{font-size:14px;color:var(--text-muted);margin:0}.order-submit-empty{text-align:center;padding:48px 24px}.order-submit-empty p{font-size:16px;font-weight:600;color:var(--text-secondary);margin:0}.order-submit-empty-hint{font-weight:400!important;font-size:14px!important;color:var(--text-muted)!important;margin-top:8px!important}.order-submit-summary{display:flex;align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.order-submit-summary-item{flex:1;text-align:center}.order-submit-summary-label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:4px}.order-submit-summary-value{font-size:22px;font-weight:700;color:var(--text)}.order-submit-summary-total{font-size:22px;font-weight:700;color:var(--color-success)}.order-submit-summary-divider{width:1px;height:40px;background:var(--border)}.order-submit-items{margin-bottom:20px}.order-submit-items-count{font-size:13px;color:var(--text-secondary);margin:0 0 12px}.order-submit-item-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:10px}.order-submit-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-submit-item-info{display:flex;flex-direction:column;flex:1;margin-right:8px}.order-submit-item-name{font-size:15px;font-weight:600;color:var(--text)}.order-submit-item-id{font-size:12px;color:var(--text-muted);margin-top:2px}.order-submit-item-remove{background:none;border:none;font-size:22px;color:var(--text-muted);cursor:pointer;padding:0;line-height:1;transition:color .2s}.order-submit-item-remove:hover{color:var(--color-danger)}.order-submit-item-row{display:flex;align-items:flex-end;gap:16px}.order-submit-col{flex:1}.order-submit-qty-col{flex:1.5;display:flex;flex-direction:column;align-items:center}.order-submit-amount-col{text-align:right}.order-submit-col-label{display:block;font-size:11px;color:var(--text-muted);margin-bottom:4px}.order-submit-price{font-size:14px;color:var(--text-secondary);font-weight:500}.order-submit-amount{font-size:14px;color:var(--text);font-weight:600}.order-submit-qty-control{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.order-submit-qty-btn{background:none;border:none;padding:8px 12px;font-size:16px;font-weight:600;color:var(--color-primary);cursor:pointer;transition:background .2s}.order-submit-qty-btn:hover{background:var(--gray-100)}.order-submit-qty-input{width:48px;text-align:center;font-size:15px;font-weight:600;color:var(--text);border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);padding:6px 0;-moz-appearance:textfield}.order-submit-qty-input::-webkit-outer-spin-button,.order-submit-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media(max-width:768px){.order-submit-modal-content{width:95%;max-height:95vh}.order-submit-item-row{flex-wrap:wrap;gap:12px}.order-submit-qty-col{flex:1 1 100%;align-items:flex-start}.order-submit-qty-control{width:100%;justify-content:center}.order-submit-qty-input{flex:1}}@media(max-width:480px){.order-submit-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}}.inventory-calendar-container{height:calc(100vh - 148px);width:100%;max-width:100%;display:flex;flex-direction:column;background:var(--app-bg);gap:16px;padding:16px;overflow:hidden;box-sizing:border-box}.inventory-header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:var(--surface);padding:16px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.inventory-header-left h1{margin:0;font-size:1.5rem;color:var(--color-primary);font-weight:700}.inventory-subtitle{margin:4px 0 0;color:var(--text-secondary);font-size:.875rem}.inventory-header-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.inventory-header-controls .location-select,.inventory-header-controls .history-select,.inventory-header-controls .search-input{padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.875rem;transition:border-color .2s;background:var(--surface)}.inventory-header-controls .location-select:focus,.inventory-header-controls .history-select:focus,.inventory-header-controls .search-input:focus{outline:none;border-color:var(--color-primary)}.inventory-header-controls .search-input{width:180px}.prediction-summary{display:flex;gap:12px}.summary-chip{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-xs)}.summary-chip.overdue{border-left:4px solid var(--color-danger)}.summary-chip.soon{border-left:4px solid var(--color-warning)}.summary-chip.total{border-left:4px solid var(--color-primary)}.chip-count{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.chip-label{font-size:.875rem;color:var(--text-secondary)}.inventory-main{flex:1;display:flex;gap:16px;min-height:0;min-width:0;overflow:hidden}.predictions-panel{width:350px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;display:flex;flex-direction:column}.predictions-list{flex:1;overflow-y:auto;padding:8px}.prediction-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;transition:background .15s;border-left:4px solid transparent;margin-bottom:4px}.prediction-row:hover{background:var(--surface-muted)}.prediction-row.selected{background:var(--navy-100)}.prediction-row.urgency-overdue{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.prediction-row.urgency-soon{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.prediction-row.urgency-upcoming{border-left-color:var(--color-info)}.prediction-row.urgency-ok{border-left-color:var(--color-success)}.prediction-info{flex:1;min-width:0}.prediction-name{font-weight:600;color:var(--text);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-meta{display:flex;gap:8px;align-items:center;margin-top:4px}.meta-interval{font-size:.75rem;color:var(--text-secondary)}.meta-insufficient{font-size:.75rem;color:var(--text-muted);font-style:italic}.meta-confidence{font-size:.65rem;padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.confidence-high{background:var(--color-success-bg);color:var(--color-success)}.confidence-medium{background:var(--color-warning-bg);color:var(--color-warning)}.confidence-low{background:var(--color-danger-bg);color:var(--color-danger)}.prediction-urgency{font-weight:700;font-size:.9rem;color:var(--color-primary);white-space:nowrap;padding-left:12px}.urgency-overdue .prediction-urgency{color:var(--color-danger)}.urgency-soon .prediction-urgency{color:var(--color-warning)}.predictions-empty{padding:40px 20px;text-align:center;color:var(--text-muted)}.predictions-calculating{padding:60px 20px;text-align:center;color:var(--text-secondary)}.predictions-calculating p{margin:8px 0}.predictions-calculating .calculating-hint{font-size:.8rem;color:var(--text-muted)}.calculating-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.predictions-not-connected{padding:40px 24px;text-align:center;color:var(--text-secondary)}.not-connected-icon{display:flex;justify-content:center;color:var(--text-muted);margin-bottom:16px}.predictions-not-connected h3{margin:0 0 12px;color:var(--color-primary);font-size:1.1rem}.predictions-not-connected p{margin:0 0 8px;font-size:.9rem;line-height:1.5}.not-connected-hint{font-size:.8rem!important;color:var(--text-muted)!important;margin-bottom:20px!important}.connect-nowcommerce-btn{background:var(--color-primary);color:var(--text-inverse);border:none;padding:12px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.connect-nowcommerce-btn:hover{background:var(--color-primary-hover)}.place-order-btn{background:var(--color-primary);color:var(--text-inverse);border:none;padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.place-order-btn:hover{background:var(--color-primary-hover)}.record-purchase-btn{background:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);padding:8px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.record-purchase-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.calendar-panel{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;display:flex;flex-direction:column}.calendar-scroll-container{flex:1;overflow:auto}.calendar-table{display:flex;flex-direction:column;min-width:max-content}.calendar-header-row{display:flex;position:sticky;top:0;z-index:10;background:var(--surface-muted);border-bottom:2px solid var(--border)}.product-column-header{width:250px;flex-shrink:0;padding:12px 16px;font-weight:700;color:var(--color-primary);position:sticky;left:0;background:var(--surface-muted);z-index:11;border-right:2px solid var(--border)}.date-column-header{width:70px;flex-shrink:0;padding:8px 4px;text-align:center;border-right:1px solid var(--gray-100)}.date-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.order-indicator{color:var(--color-success);font-weight:700;font-size:.75rem}.calendar-product-row{display:flex;border-bottom:1px solid var(--gray-100);min-height:44px;cursor:pointer;transition:background .15s}.calendar-product-row:hover{background:var(--surface-muted)}.calendar-product-row.selected{background:var(--navy-100)}.product-name-cell{width:250px;flex-shrink:0;padding:10px 16px;display:flex;align-items:center;position:sticky;left:0;background:var(--surface);z-index:5;border-right:2px solid var(--border)}.calendar-product-row:hover .product-name-cell,.calendar-product-row.selected .product-name-cell{background:inherit}.product-name{font-size:.85rem;font-weight:500;color:var(--text);white-space:normal;word-wrap:break-word;line-height:1.3}.order-cell{width:70px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--gray-100);font-size:.8rem}.order-amount{color:var(--color-success);font-weight:600}.order-empty{color:var(--gray-300)}.today-column{background:var(--navy-50)!important;border-left:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.today-column .date-label{color:var(--color-primary);font-weight:700}.today-cell{background:var(--navy-50)!important;border-left:2px solid var(--color-primary);border-right:2px solid var(--color-primary)}.estimated-qty{color:var(--color-primary);font-weight:700;font-size:.85rem}.floating-summary-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);padding:10px 24px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:100}.summary-item{display:flex;align-items:center;gap:6px}.summary-count{font-size:1.1rem;font-weight:700;color:var(--color-primary)}.summary-item.overdue .summary-count{color:var(--color-danger)}.summary-item.soon .summary-count{color:var(--color-warning)}.summary-label{font-size:.8rem;color:var(--text-secondary)}.summary-divider{width:1px;height:24px;background:var(--border)}.detail-sheet-overlay{display:none}.detail-sheet{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;overflow-y:auto}.detail-sheet-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.detail-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0}.detail-sheet-header h2{margin:0;font-size:1.1rem;color:var(--color-primary)}.detail-sheet-content{padding:20px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.detail-stat{background:var(--surface-muted);padding:12px 16px;border-radius:var(--radius-md)}.stat-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.stat-value{font-size:1rem;font-weight:600;color:var(--text)}.stat-value.urgency-overdue{color:var(--color-danger)}.stat-value.urgency-soon{color:var(--color-warning)}.detail-history h3{margin:0 0 12px;font-size:.9rem;color:var(--color-primary)}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;padding:10px 12px;background:var(--surface-muted);border-radius:var(--radius-sm);font-size:.875rem}.history-date{color:var(--text-secondary)}.history-qty{color:var(--color-success);font-weight:600}.no-history{color:var(--text-muted);font-style:italic;font-size:.875rem}.calendar-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.calendar-empty-state p{margin:0;color:var(--text-secondary)}.calendar-empty-hint{margin-top:8px!important;font-size:.875rem!important;color:var(--text-muted)!important}.inventory-calendar-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.25rem;color:var(--text-secondary)}.credentials-modal{background:var(--surface);padding:30px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.credentials-modal h2{margin-top:0}.credentials-modal-desc{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.credentials-modal .form-group{margin-bottom:15px}.credentials-modal .form-group label{display:block;margin-bottom:5px;font-weight:600;font-size:14px}.credentials-modal .form-group input{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:14px;box-sizing:border-box}.credentials-modal .form-group small{color:var(--text-secondary);font-size:12px}.credentials-verified{display:flex;align-items:center;gap:8px;background:var(--color-success-bg);color:var(--color-success);padding:10px 15px;border-radius:var(--radius-sm);margin-bottom:15px;font-size:14px}.credentials-modal-actions{display:flex;gap:10px;margin-top:20px}.predictions-list::-webkit-scrollbar,.calendar-scroll-container::-webkit-scrollbar{width:8px;height:8px}.predictions-list::-webkit-scrollbar-track,.calendar-scroll-container::-webkit-scrollbar-track{background:var(--gray-100)}.predictions-list::-webkit-scrollbar-thumb,.calendar-scroll-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm)}.predictions-list::-webkit-scrollbar-thumb:hover,.calendar-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media(max-width:1024px){.inventory-header{flex-direction:column;align-items:flex-start;gap:12px}.inventory-header-controls{width:100%;flex-wrap:wrap}.inventory-header-controls .location-select,.inventory-header-controls .history-select{flex:1;min-width:0}.inventory-header-controls .search-input{flex:0 0 100%;width:100%;margin-top:8px}}@media(max-width:768px){.inventory-calendar-container{height:auto;min-height:calc(100vh - 100px);padding:12px;gap:12px;width:100%;max-width:100vw;overflow-x:hidden}.inventory-header{padding:12px 16px}.inventory-header-left h1{font-size:1.25rem}.inventory-header-controls .location-select,.inventory-header-controls .history-select{min-height:44px;font-size:16px}.inventory-header-controls .search-input{min-height:44px;font-size:16px;width:100%}.prediction-summary{flex-wrap:wrap}.summary-chip{flex:1;min-width:calc(50% - 6px);padding:10px 16px;min-height:44px}.prediction-row{min-height:60px;padding:14px 16px}.detail-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.inventory-main{flex-direction:column}.predictions-panel{width:100%;max-height:none;flex:1}.calendar-panel{display:none}.floating-summary-bar{bottom:60px;padding:8px 16px;gap:12px}.summary-count{font-size:1rem}.summary-label{font-size:.75rem}.detail-sheet-overlay{display:flex;position:fixed;inset:0;background:#00000080;align-items:flex-end;z-index:1000}.detail-sheet{width:100%}}@media(min-width:769px){.detail-sheet-overlay{display:none}}.inventory-view-container{display:flex;flex-direction:column;height:100%}.view-toggle{display:flex;gap:.5rem;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.toggle-btn{padding:.75rem 1.5rem;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-btn:hover{background:var(--surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.toggle-btn.active{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.toggle-btn.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.view-content{flex:1;min-width:0;min-height:0;overflow:hidden}@media(max-width:1024px){.view-toggle{position:relative;top:auto;padding:.75rem 1rem}.toggle-btn{padding:.5rem 1rem;font-size:.8rem}}@media(max-width:480px){.view-toggle{padding:.5rem;gap:.25rem}.toggle-btn{padding:.5rem .75rem;font-size:.75rem}}.inventory-container{padding:20px;max-width:1400px;width:100%;margin:0 auto;box-sizing:border-box}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.inventory-header h1{color:var(--color-primary);margin:0;font-size:28px;flex:1}.inventory-header button{flex-shrink:0}.header-actions{display:flex;gap:12px;align-items:center}.search-input{padding:8px 16px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;width:200px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--color-primary)}.search-input::placeholder{color:var(--text-muted)}.inventory-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--border)}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:600;color:var(--text-secondary);transition:all .2s}.tab:hover{color:var(--color-primary);background-color:var(--surface-muted)}.tab.active{color:var(--text-inverse);background-color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab.active:hover{color:var(--text-inverse);background-color:var(--navy-700)}.inventory-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px}.inventory-content h2{color:var(--color-primary);margin:0 0 20px;font-size:20px}.inventory-table-wrapper{overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse;margin-top:10px}.inventory-table th{background-color:var(--color-primary);color:var(--text-inverse);padding:12px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}.inventory-table td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}.inventory-table tbody tr:hover{background-color:var(--surface-muted)}.product-name{font-weight:600;color:var(--color-primary);margin-bottom:4px}.product-description{font-size:12px;color:var(--text-secondary);font-style:italic}.unit-badge{display:inline-block;padding:4px 10px;background-color:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-full);font-size:12px;font-weight:500}.quantity-cell{text-align:center;font-weight:600;color:var(--navy-700)}.volume-cell{text-align:center;font-weight:600;color:var(--color-success)}.location-breakdown{display:flex;flex-direction:column;gap:6px}.location-item{display:flex;gap:8px;align-items:center;font-size:13px}.location-name{font-weight:600;color:var(--color-primary)}.location-qty{color:var(--navy-700)}.location-volume{color:var(--text-secondary);font-size:12px}.no-stock{color:var(--text-muted);font-style:italic}.action-buttons{display:flex;gap:8px;flex-direction:row}.btn-compact{padding:7px 10px;font-size:12px;font-weight:500;white-space:nowrap;width:auto}.location-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.location-selector label{font-weight:600;color:var(--color-primary)}.location-selector select{padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;min-width:200px}.no-data{text-align:center;padding:40px;color:var(--text-muted);font-size:16px}.loading{text-align:center;padding:40px;font-size:18px;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--surface);border-radius:var(--radius-lg);padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-content h2{color:var(--color-primary);margin:0 0 20px;font-size:22px}.modal-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px;line-height:1.5}.stored-credentials-info{background-color:var(--color-info-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;margin-bottom:16px}.stored-credentials-info p{margin:0 0 8px;color:var(--color-primary);font-size:14px}.btn-link{background:none;border:none;color:var(--color-primary);text-decoration:underline;cursor:pointer;font-size:13px;padding:0}.btn-link:hover{color:var(--navy-700)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.checkbox-label span{font-weight:400;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text);font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:var(--surface-muted);cursor:not-allowed}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}@media(max-width:768px){.inventory-container{padding:12px;max-width:100vw;overflow-x:hidden}.inventory-header{flex-direction:column;align-items:stretch;gap:16px}.inventory-header h1{font-size:1.5rem}.search-input{flex:1;width:auto;min-width:0}.inventory-tabs{overflow-x:auto}.tab{padding:10px 16px;font-size:14px;white-space:nowrap}.inventory-content{padding:12px}.action-buttons{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content{padding:20px}.location-item{flex-direction:column;align-items:flex-start;gap:4px}.inventory-table-wrapper{max-width:100%}.inventory-table{font-size:13px}.inventory-table th,.inventory-table td{padding:8px 6px}}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-card-name{font-weight:600;color:var(--color-primary);font-size:1.1rem}.product-card-qty{font-weight:600;color:var(--color-primary);font-size:1rem;background:var(--navy-100);padding:4px 10px;border-radius:var(--radius-full)}.product-card-desc{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px}.product-card-actions{display:flex;gap:8px}.product-card-actions button{flex:1;min-height:44px}.stock-btn{padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;background:var(--color-primary);color:var(--text-inverse);min-height:36px}.stock-btn:active{background:var(--color-primary-hover)}.stock-card-locations{display:flex;flex-direction:column;gap:8px;margin-top:12px}.stock-location-row{display:flex;justify-content:space-between;padding:8px 12px;background:var(--surface-muted);border-radius:var(--radius-sm)}.stock-location-row .loc-name{font-size:.875rem;color:var(--text-secondary)}.stock-location-row .loc-qty{font-size:.875rem;color:var(--color-primary);font-weight:600}.stock-card-locations .no-stock{font-size:.875rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.inventory-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column;width:100%}.header-actions .search-input{width:100%}.header-actions button{width:100%;min-height:44px}.inventory-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.location-selector{flex-direction:column;align-items:stretch}.location-selector select{width:100%}}.stock-count-container{padding:1rem;padding-bottom:100px;max-width:600px;margin:0 auto}.stock-count-loading,.stock-count-empty{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-secondary)}.stock-count-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.stock-count-header h2{margin:0;font-size:1.5rem;font-weight:600}.location-select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background-color:var(--surface);cursor:pointer}.stock-count-search{display:flex;gap:.5rem;margin-bottom:1rem}.stock-count-search .search-input{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}.stock-count-search .search-input:focus{border-color:var(--color-primary)}.clear-search{padding:.75rem 1rem;font-size:.875rem;background:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.clear-search:hover{background:var(--gray-50)}.stock-count-list{display:flex;flex-direction:column;gap:.75rem}.no-products{text-align:center;padding:2rem;color:var(--text-secondary)}.stock-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:all .2s ease}.stock-card.changed{border-color:var(--color-primary);background:var(--color-primary-soft)}.stock-card-info{flex:1;min-width:150px}.stock-card-info .product-name{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:.25rem}.stock-card-info .product-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.3}.stock-card-info .current-stock{font-size:.8rem;color:var(--text-muted)}.stock-card-info .current-stock span{font-weight:600;color:var(--text-secondary)}.stock-card-input{display:flex;align-items:center;gap:0}.qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:500;background:var(--surface-muted);border:1px solid var(--border-strong);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qty-btn.decrement{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.qty-btn.increment{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.qty-btn:hover{background:var(--gray-100)}.qty-btn:active{background:var(--gray-200);transform:scale(.95)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.stock-card-input input{width:64px;height:44px;text-align:center;font-size:1.125rem;font-weight:600;border:1px solid var(--border-strong);border-left:none;border-right:none;outline:none;-moz-appearance:textfield}.stock-card-input input::-webkit-outer-spin-button,.stock-card-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-card-input input:focus{background:var(--color-warning-bg);border-color:var(--border-strong)}.stock-diff{padding:.25rem .5rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);min-width:40px;text-align:center}.stock-diff.positive{background:var(--color-success-bg);color:var(--color-success)}.stock-diff.negative{background:var(--color-danger-bg);color:var(--color-danger)}.stock-count-actions{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface);border-top:1px solid var(--border);box-shadow:var(--shadow-md);z-index:100}.changes-summary{font-size:.875rem;color:var(--text-secondary)}.action-buttons{display:flex;gap:.75rem}.btn-reset,.btn-save{padding:.75rem 1.25rem;font-size:1rem;font-weight:500;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.btn-reset{background:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong)}.btn-reset:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-save{background:var(--color-primary);color:var(--text-inverse)}.btn-save:hover{background:var(--color-primary-hover)}.btn-save:disabled,.btn-reset:disabled{opacity:.6;cursor:not-allowed}@media(min-width:768px){.stock-count-container{padding:1.5rem;max-width:800px}.stock-count-header{flex-direction:row;justify-content:space-between;align-items:center}.location-select{width:auto;min-width:200px}.stock-card{flex-wrap:nowrap}.stock-card-info{min-width:200px}.stock-count-actions{padding:1rem 2rem}}@media(min-width:1024px){.stock-count-container{max-width:900px}.stock-count-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stock-card{flex-direction:column;align-items:stretch;text-align:center}.stock-card-input{justify-content:center;margin-top:.5rem}.stock-diff{position:absolute;top:.5rem;right:.5rem}.stock-card{position:relative}}.auth-container{min-height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;padding:20px;background:var(--color-primary)}.auth-card{background:var(--surface);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:450px}.auth-card h1{color:var(--text);margin-bottom:10px;font-size:28px}.auth-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s}.auth-submit-btn{padding:14px 24px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:10px}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:var(--color-danger-bg);color:var(--color-danger);padding:12px 16px;border-radius:var(--radius-md);border-left:4px solid var(--color-danger);font-size:14px}.auth-switch{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:14px}.auth-switch a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.social-login-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-size:15px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s}.social-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--surface-muted)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon{flex-shrink:0}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 16px;color:var(--text-muted);font-size:14px;text-transform:uppercase}.code-input-container{display:flex;justify-content:center;gap:8px;margin:24px 0}.code-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;font-family:monospace;border:2px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s,box-shadow .2s;text-transform:uppercase}.code-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.code-input:disabled{background-color:var(--surface-muted);cursor:not-allowed}.success-message{background-color:var(--color-success-bg);color:var(--color-success);padding:12px 16px;border-radius:var(--radius-md);border-left:4px solid var(--color-success);font-size:14px;margin-bottom:16px}.resend-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.resend-section p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.btn-link{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover:not(:disabled){color:var(--navy-700)}.btn-link:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.verification-icon{text-align:center;margin-bottom:16px;color:var(--color-primary)}.success-icon{text-align:center;margin-bottom:16px;color:var(--color-success)}.error-icon{text-align:center;margin-bottom:16px;color:var(--color-danger)}@media(max-width:768px){.auth-card{padding:30px 20px}.auth-card h1{font-size:24px}.form-row{grid-template-columns:1fr}.code-input{width:40px;height:48px;font-size:20px}.code-input-container{gap:6px}}.business-info-page{min-height:100vh;background:var(--app-bg);display:flex;flex-direction:column}.business-info-header{background:var(--color-primary);padding:20px 40px;box-shadow:var(--shadow-sm)}.business-info-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none}.header-logo-text{font-size:24px;font-weight:700;color:var(--text-inverse)}.header-actions{display:flex;align-items:center;gap:16px}.header-enterprise-link{color:var(--text-inverse);text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:var(--radius-md);transition:all .3s ease;background:#ffffff1a;white-space:nowrap}.header-enterprise-link:hover{background:#fff3;transform:translateY(-1px)}.header-sign-in{color:var(--text-inverse);text-decoration:none;font-size:16px;font-weight:500;padding:10px 24px;border:2px solid var(--text-inverse);border-radius:var(--radius-md);transition:all .3s ease}.header-sign-in:hover{background:#ffffff1a}.business-info-content{flex:1;padding:80px 20px}.business-info-container{max-width:800px;margin:0;text-align:left}.business-info-text{text-align:center;margin-bottom:48px}.business-info-text h1{font-size:42px;font-weight:700;color:var(--color-primary);margin:0 0 20px}.business-info-description{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0}.business-info-form-wrapper{background:var(--surface);padding:48px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:block;text-align:left;margin:0}.business-info-form{max-width:100%}.form-group input,.form-group textarea{width:100%;padding:14px 16px;font-size:16px;border:2px solid var(--border);border-radius:var(--radius-md);font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.submit-btn{width:100%;padding:16px 32px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.success-message{text-align:center;padding:40px 20px}.success-message h2{font-size:32px;font-weight:700;color:var(--color-primary);margin:0 0 16px}.success-message p{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0}.error-message{text-align:center;padding:40px 20px;background:var(--color-danger-bg);border-radius:var(--radius-md);border:2px solid var(--color-danger)}.error-message h2{font-size:32px;font-weight:700;color:var(--color-danger);margin:0 0 16px}.error-message p{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0}.owner-question{text-align:center;padding:40px 20px}.owner-question h2{font-size:32px;font-weight:700;color:var(--color-primary);margin:0 0 24px}.owner-question-text{font-size:20px;line-height:1.6;color:var(--text-secondary);margin:0 0 32px}.owner-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.owner-btn{padding:16px 32px;font-size:18px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;min-width:200px}.yes-btn{background:var(--color-primary);color:var(--text-inverse)}.yes-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.no-btn{background:var(--surface);color:var(--color-primary);border:2px solid var(--color-primary)}.no-btn:hover{background:var(--surface-muted);transform:translateY(-2px);box-shadow:var(--shadow-md)}.business-info-footer{background:var(--navy-900);color:var(--text-inverse);padding:40px 20px;margin-top:auto}.footer-content{max-width:1200px;text-align:center;margin:0 auto 0 0;text-align:left}@media(max-width:768px){.business-info-header{padding:16px 20px}.header-logo-text{font-size:20px}.header-logo{height:32px}.header-actions{gap:8px}.header-enterprise-link{font-size:12px;padding:6px 12px}.header-sign-in{font-size:14px;padding:8px 16px}.business-info-content{padding:60px 20px}.business-info-text h1{font-size:32px}.business-info-description{font-size:16px}.business-info-form-wrapper{padding:32px 24px}.owner-buttons{flex-direction:column}.owner-btn{width:100%}}.contact-page{min-height:100vh;background:var(--app-bg);display:flex;flex-direction:column}.contact-header{background:var(--color-primary);color:var(--text-inverse);padding:20px;box-shadow:var(--shadow-sm)}.contact-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-inverse)}.header-logo{height:40px;width:auto}.header-logo-text{font-size:24px;font-weight:700}.header-nav{display:flex;gap:24px}.nav-link{color:var(--text-inverse);text-decoration:none;font-weight:500;font-size:16px;transition:opacity .2s}.nav-link:hover{opacity:.8}.contact-content{flex:1;padding:80px 20px}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-info h1{font-size:42px;font-weight:700;color:var(--color-primary);margin:0 0 20px}.contact-description{font-size:18px;line-height:1.6;color:var(--text-secondary);margin:0 0 40px}.contact-details{display:flex;flex-direction:column;gap:32px}.contact-detail-item{display:flex;gap:16px;align-items:start}.detail-icon{font-size:32px;flex-shrink:0}.detail-content h3{font-size:18px;font-weight:600;color:var(--color-primary);margin:0 0 8px}.detail-content p,.detail-content a{font-size:16px;color:var(--text-secondary);margin:0;text-decoration:none}.detail-content a:hover{color:var(--color-primary)}.contact-form-wrapper{background:var(--surface);padding:40px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.contact-form h2{font-size:28px;font-weight:600;color:var(--color-primary);margin:0 0 32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:16px;border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:14px 32px;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px}.alert-success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert-error{background-color:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.contact-footer{background:var(--navy-900);color:var(--text-inverse);padding:40px 20px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-content p{margin:0;font-size:14px;color:#ffffffb3}.footer-links{display:flex;gap:24px}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:14px;transition:color .2s}.footer-links a:hover{color:var(--text-inverse)}@media(max-width:968px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-info h1{font-size:32px}.contact-form-wrapper{padding:32px 24px}}@media(max-width:768px){.contact-header-content{flex-direction:column;gap:16px;text-align:center}.header-nav{gap:16px}.contact-content{padding:60px 20px}.contact-info h1{font-size:28px}.contact-description{font-size:16px}.footer-content{flex-direction:column;gap:16px;text-align:center}.footer-links{gap:16px}}.legal-page{min-height:100vh;background-color:var(--app-bg)}.legal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-primary);position:sticky;top:0;z-index:100}.legal-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-inverse);font-size:1.25rem;font-weight:700}.legal-logo img{height:32px;width:auto}.legal-nav{display:flex;gap:1.5rem}.legal-nav a{color:#fffc;text-decoration:none;font-size:.9rem;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .2s}.legal-nav a:hover{color:var(--text-inverse)}.legal-nav a.active{color:var(--text-inverse);border-bottom-color:var(--text-inverse)}.legal-content{padding:3rem 2rem;max-width:800px;margin:0 auto}.legal-container{background:var(--surface);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm)}.legal-container h1{font-size:2rem;color:var(--text);margin:0 0 .5rem}.last-updated{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.legal-section{margin-bottom:2rem}.legal-section h2{font-size:1.25rem;color:var(--color-primary);margin:0 0 .75rem}.legal-section p{color:var(--text-secondary);line-height:1.7;white-space:pre-line;margin:0}.legal-footer{margin-top:2.5rem;text-align:center}.legal-footer p{color:var(--text-secondary);font-size:.9rem}.legal-footer a{color:var(--color-primary);text-decoration:none}.legal-footer a:hover{text-decoration:underline}@media(max-width:640px){.legal-header{flex-direction:column;gap:1rem;padding:1rem}.legal-nav{gap:1rem}.legal-nav a{font-size:.85rem}.legal-content{padding:1.5rem 1rem}.legal-container{padding:1.5rem}.legal-container h1{font-size:1.5rem}.legal-section h2{font-size:1.1rem}}._container_kwn9p_1{display:flex;min-height:100vh;background:var(--app-bg)}._sidebar_kwn9p_8{width:320px;background:var(--color-primary);color:var(--text-inverse);padding:2rem;display:flex;flex-direction:column;box-shadow:var(--shadow-md);position:fixed;height:100vh}._sidebarHeader_kwn9p_20{margin-bottom:2rem}._sidebarHeader_kwn9p_20 a{display:block}._logo_kwn9p_28{display:block;width:48px;height:48px;margin-bottom:1rem}._sidebarHeader_kwn9p_20 h2{font-size:1.5rem;font-weight:600;margin:0}._sidebarDescription_kwn9p_41{font-size:1rem;opacity:.9;line-height:1.6;flex:1}._sidebarFooter_kwn9p_48{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}._helpText_kwn9p_54{font-size:.875rem;opacity:.8}._helpText_kwn9p_54 a{color:var(--text-inverse);text-decoration:underline}._main_kwn9p_65{flex:1;margin-left:320px;padding:3rem;display:flex;justify-content:center;align-items:flex-start}._content_kwn9p_74{max-width:600px;width:100%}._card_kwn9p_79{background:var(--surface);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-sm)}._title_kwn9p_86{font-size:2rem;font-weight:700;color:var(--text);margin:0 0 .75rem}._description_kwn9p_93{font-size:1.1rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}._form_kwn9p_101{display:flex;flex-direction:column;gap:1.5rem}._formGroup_kwn9p_107{display:flex;flex-direction:column;gap:.5rem}._formGroup_kwn9p_107 label{font-size:.875rem;font-weight:500;color:var(--gray-700)}._formGroup_kwn9p_107 input,._formGroup_kwn9p_107 textarea,._formGroup_kwn9p_107 select{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;transition:all .2s ease;font-family:inherit}._formGroup_kwn9p_107 input:focus,._formGroup_kwn9p_107 textarea:focus,._formGroup_kwn9p_107 select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}._formGroup_kwn9p_107 textarea{resize:vertical}._formActions_kwn9p_142{display:flex;justify-content:flex-end;align-items:center;padding-top:1rem}._submitBtn_kwn9p_150{padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;background:var(--color-primary);color:var(--text-inverse)}._submitBtn_kwn9p_150:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}._submitBtn_kwn9p_150:disabled{opacity:.6;cursor:not-allowed}._toast_kwn9p_174{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-weight:500;font-size:.95rem}._toastSuccess_kwn9p_182{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}._toastError_kwn9p_189{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}@media(max-width:768px){._container_kwn9p_1{flex-direction:column}._sidebar_kwn9p_8{width:100%;height:auto;position:relative;padding:1.5rem}._sidebarHeader_kwn9p_20{margin-bottom:.5rem}._sidebarHeader_kwn9p_20 h2{font-size:1.25rem;margin:0}._logo_kwn9p_28{width:36px;height:36px;margin-bottom:.75rem}._sidebarDescription_kwn9p_41{font-size:.9rem;margin-bottom:0}._sidebarFooter_kwn9p_48{display:none}._main_kwn9p_65{margin-left:0;padding:1rem}._card_kwn9p_79{padding:1.5rem}._title_kwn9p_86{font-size:1.5rem}._formGroup_kwn9p_107 input,._formGroup_kwn9p_107 textarea,._formGroup_kwn9p_107 select{font-size:16px}}.setup-page{min-height:100vh;background:var(--app-bg);display:flex;justify-content:center;align-items:flex-start;padding:2rem}.setup-container{max-width:700px;width:100%;margin-top:2rem}.setup-loading{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.125rem}.setup-header{text-align:center;margin-bottom:2rem}.setup-logo{height:48px;margin-bottom:1.5rem}.setup-header h1{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0 0 .5rem}.setup-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0}.setup-progress{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:opacity .2s ease}.progress-step:not(.active):not(.completed){opacity:.5;cursor:default}.progress-step-number{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;transition:all .2s ease}.progress-step.active .progress-step-number{background:var(--color-primary);color:var(--text-inverse)}.progress-step.completed .progress-step-number{background:var(--color-success);color:var(--text-inverse)}.progress-step-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.progress-step.active .progress-step-label{color:var(--color-primary);font-weight:600}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9375rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger-hover);border:1px solid var(--color-danger)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7;padding:0 .25rem}.alert-close:hover{opacity:1}.setup-content{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-sm)}.setup-step h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.step-description{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.connected-list{margin-bottom:1.5rem}.connected-list h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.connected-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-muted);border-radius:var(--radius-md);margin-bottom:.5rem}.connected-info{display:flex;align-items:center;gap:.75rem}.provider-icon{display:flex;align-items:center;justify-content:center}.connected-email{font-size:.9375rem;font-weight:500;color:var(--text)}.connection-status{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm);font-weight:500}.connection-status.error{background:var(--color-danger-bg);color:var(--color-danger-hover)}.connection-status.syncing{background:var(--color-warning-bg);color:var(--color-warning)}.connection-status.success{background:var(--color-success-bg);color:var(--color-success)}.btn-text-danger{background:none;border:none;color:var(--color-danger-hover);font-size:.875rem;cursor:pointer;padding:.25rem .5rem}.btn-text-danger:hover{text-decoration:underline}.discovery-progress{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9375rem;font-weight:500}.discovery-progress .spinner{border-color:#ffffff4d;border-top-color:var(--text-inverse)}.connect-buttons{margin-bottom:1.5rem}.connect-label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .75rem}.connect-buttons-row{display:flex;gap:.75rem;flex-wrap:wrap}.discover-section{text-align:center;padding:2rem 0}.warning-text{color:var(--color-warning);font-size:.875rem;margin-top:1rem}.locations-list,.locations-config-list{margin:1.5rem 0}.locations-list h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.location-item{display:flex;align-items:center;padding:.75rem 1rem;background:var(--surface-muted);border-radius:var(--radius-md);margin-bottom:.5rem}.location-info{display:flex;align-items:center;gap:.5rem}.location-name{font-size:.9375rem;font-weight:500;color:var(--text)}.location-code{font-size:.875rem;color:var(--text-secondary)}.location-config-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface-muted);border-radius:var(--radius-md);margin-bottom:.5rem}.location-config-info{display:flex;flex-direction:column;gap:.25rem}.config-status{font-size:.75rem;font-weight:500}.config-status.connected{color:var(--color-success)}.config-status.pending{color:var(--text-secondary)}.step-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.setup-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.setup-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.setup-btn.primary:hover{background:var(--navy-700)}.setup-btn.secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.setup-btn.secondary:hover{background:var(--surface-muted);color:var(--text)}.setup-btn.text{background:transparent;color:var(--text-secondary);border:none}.setup-btn.text:hover{color:var(--text)}.setup-btn.large{padding:.875rem 2rem;font-size:1rem}.setup-btn.small{padding:.375rem .75rem;font-size:.8125rem}.setup-btn:disabled{opacity:.6;cursor:not-allowed}.setup-btn.oauth-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.625rem 1rem}.setup-btn.oauth-btn:hover{background:var(--surface-muted);border-color:var(--border-strong)}.setup-btn.oauth-btn svg{flex-shrink:0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-footer{margin-top:2rem;text-align:center}@media(max-width:640px){.setup-page{padding:1rem}.setup-container{margin-top:1rem}.setup-header h1{font-size:1.5rem}.setup-subtitle{font-size:1rem}.setup-progress{gap:.5rem}.progress-step-number{width:32px;height:32px;font-size:.875rem}.progress-step-label{font-size:.75rem}.setup-content{padding:1.5rem}.setup-step h2{font-size:1.25rem}.connect-buttons-row{flex-direction:column}.setup-btn.oauth-btn{width:100%}.step-actions{flex-direction:column-reverse}.step-actions .setup-btn{width:100%}.location-config-item{flex-direction:column;align-items:flex-start;gap:.75rem}.location-config-item .setup-btn{width:100%}}.no-locations{text-align:center;padding:2rem;color:var(--text-secondary);background:var(--surface-muted);border-radius:var(--radius-md);margin:1rem 0}.no-locations p{margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface);border-radius:var(--radius-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1.5rem}.modal-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0 0 1.5rem}.modal-error{background:var(--color-danger-bg);color:var(--color-danger-hover);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input{width:100%;padding:.625rem .875rem;font-size:.9375rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .2s ease,box-shadow .2s ease}.form-group input::placeholder{color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border);background:var(--surface-muted);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media(max-width:640px){.modal-content{margin:0;max-height:100vh;border-radius:0}.modal-footer{flex-direction:column-reverse}.modal-footer .setup-btn{width:100%}}.employee-signup-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-primary);padding:2rem}.signup-container{background:var(--surface);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-lg);max-width:500px;width:100%}.signup-header{text-align:center;margin-bottom:2rem}.signup-logo{width:64px;height:64px;margin-bottom:1.5rem}.signup-header h1{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.signup-header p{font-size:1rem;color:var(--text-secondary);margin:0}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-group input{padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed}.form-hint{font-size:.8125rem;color:var(--text-secondary);margin:0}.alert{padding:1rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:1.5rem}.alert-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.btn-submit{margin-top:.5rem;width:100%}.signup-footer{margin-top:2rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.signup-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.signup-footer a:hover{text-decoration:underline}@media(max-width:640px){.employee-signup-page{padding:1rem}.signup-container{padding:2rem 1.5rem}.signup-header h1{font-size:1.5rem}.form-row{grid-template-columns:1fr}}.availability-editor{margin-top:15px}.availability-loading{color:var(--text-secondary);font-size:14px;padding:20px 0}.availability-success{padding:12px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);margin-bottom:15px;border-left:4px solid var(--color-success);font-size:14px}.availability-error{background-color:var(--color-danger-bg);color:var(--color-danger);padding:12px;border-radius:var(--radius-sm);border-left:4px solid var(--color-danger);font-size:14px;margin-bottom:15px}.availability-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.day-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.day-row.active{background:var(--color-success-bg);border-color:#c3e6c3}.day-toggle{display:flex;align-items:center;gap:12px}.day-label{font-weight:600;color:var(--text);min-width:100px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-strong);transition:.3s;border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--surface);transition:.3s;border-radius:var(--radius-full)}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.time-inputs{display:flex;align-items:center;gap:10px}.time-inputs input[type=time]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;background:var(--surface)}.time-inputs input[type=time]:focus{outline:none;border-color:var(--color-primary)}.time-separator{color:var(--text-secondary);font-size:14px}.not-available{color:var(--text-muted);font-size:14px;font-style:italic}.save-availability-btn{padding:10px 20px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s;width:100%}.save-availability-btn:hover:not(:disabled){background-color:var(--navy-700)}.save-availability-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:768px){.day-row{flex-direction:column;gap:12px;align-items:flex-start}.time-inputs{width:100%}.time-inputs input[type=time]{flex:1}.not-available{align-self:flex-start}}.settings-container{width:100%;max-width:800px;margin:0 auto;padding:20px}.settings-content{background:var(--surface);padding:30px;border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.settings-content h1{color:var(--text);margin:0 0 10px;font-size:28px}.settings-subtitle{color:var(--text-secondary);margin-bottom:30px;font-size:14px}.settings-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:var(--text);font-size:14px}.form-group input{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{background-color:var(--surface-muted);cursor:not-allowed}.submit-btn{padding:10px 20px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:var(--navy-700)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{padding:12px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius-sm);margin-bottom:20px;border-left:4px solid var(--color-success)}.error-message{background-color:var(--color-danger-bg);color:var(--color-danger);padding:12px 16px;border-radius:var(--radius-sm);border-left:4px solid var(--color-danger);font-size:14px;margin-bottom:20px}.security-section{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.change-password-btn{padding:10px 20px;background-color:var(--gray-500);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.change-password-btn:hover{background-color:var(--gray-600)}.button-group{display:flex;gap:10px}.cancel-btn{padding:10px 20px;background-color:var(--gray-500);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:var(--gray-600)}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}.email-connection-section{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.section-description{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.email-connected{background:var(--surface-muted);padding:20px;border-radius:var(--radius-md);border:1px solid var(--border)}.connection-info{margin-bottom:15px}.connection-status{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-success);margin-bottom:15px}.status-dot{width:10px;height:10px;border-radius:var(--radius-full);display:inline-block}.status-dot.connected{background-color:var(--color-success)}.connection-details p{margin:8px 0;font-size:14px;color:var(--text)}.connection-details strong{color:var(--text-secondary)}.connection-error{color:var(--color-danger)!important}.disconnect-btn{padding:10px 20px;background-color:var(--color-danger);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.disconnect-btn:hover:not(:disabled){background-color:var(--color-danger-hover)}.disconnect-btn:disabled{opacity:.7;cursor:not-allowed}.email-connect-options p{color:var(--text-secondary);margin-bottom:15px;font-size:14px}.oauth-buttons{display:flex;gap:15px;flex-wrap:wrap}.oauth-btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;background:var(--surface);min-width:180px}.oauth-btn:hover:not(:disabled){border-color:var(--gray-400);background:var(--surface-muted)}.oauth-btn:disabled{opacity:.7;cursor:not-allowed}.google-btn{color:var(--text)}.google-btn:hover:not(:disabled){border-color:#4285f4}.microsoft-btn{color:var(--text)}.microsoft-btn:hover:not(:disabled){border-color:#00a4ef}.social-login-section,.availability-section{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.social-connections-list{display:flex;flex-direction:column;gap:12px}.social-connection-row{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md)}.social-provider{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--text)}.social-connected-info{display:flex;align-items:center;gap:12px}.connected-email{color:var(--color-success);font-size:14px}.connect-social-btn{padding:8px 16px;background-color:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.connect-social-btn:hover:not(:disabled){background-color:var(--navy-700)}.connect-social-btn:disabled{opacity:.7;cursor:not-allowed}.disconnect-social-btn{padding:8px 16px;background-color:var(--color-danger);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.disconnect-social-btn:hover:not(:disabled){background-color:var(--color-danger-hover)}.disconnect-social-btn:disabled{opacity:.7;cursor:not-allowed}.legal-section{margin-top:40px;padding-top:30px;border-top:1px solid var(--border)}.legal-links{display:flex;flex-direction:column;gap:8px}.legal-link{display:flex;align-items:center;padding:14px 16px;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text);transition:all .2s}.legal-link:hover{background:var(--gray-100);border-color:var(--border)}.legal-icon{font-size:18px;margin-right:12px}.legal-link span:nth-child(2){flex:1;font-weight:500}.legal-arrow{color:var(--text-secondary);font-size:14px}@media(max-width:768px){.settings-container{padding:10px}.settings-content{padding:20px}.settings-content h1{font-size:24px}.form-row{grid-template-columns:1fr}.button-group,.oauth-buttons{flex-direction:column}.oauth-btn{width:100%}.social-connection-row{flex-direction:column;gap:12px;align-items:flex-start}.social-connected-info{width:100%;justify-content:space-between}}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:none;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center}.notification-bell-button:hover{background-color:#ffffff1a}.notification-badge{position:absolute;top:4px;right:4px;background-color:var(--color-danger);color:#fff;border-radius:var(--radius-full);padding:2px 6px;font-size:.7rem;font-weight:600;min-width:18px;text-align:center}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:90vw;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:1000}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.notification-dropdown-header h3{margin:0;font-size:1.1rem;color:var(--text);font-weight:600}.mark-all-read-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);transition:all .2s}.mark-all-read-btn:hover:not(:disabled){background-color:var(--color-info-bg)}.mark-all-read-btn:disabled{opacity:.5;cursor:not-allowed}.notification-list{max-height:400px;overflow-y:auto}.notification-item{padding:16px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s}.notification-item:hover{background-color:var(--surface-muted)}.notification-item:last-child{border-bottom:none}.notification-message{color:var(--text);font-size:.9375rem;line-height:1.5;margin-bottom:4px}.notification-time{color:var(--text-muted);font-size:.8125rem}.no-notifications{padding:40px 20px;text-align:center}.no-notifications p{color:var(--text-muted);margin:0;font-size:.9375rem}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--gray-100)}.notification-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.billing-settings{max-width:900px;margin:0 auto;padding:2rem}.billing-header{margin-bottom:2rem;text-align:center}.billing-header h2{font-size:1.75rem;font-weight:700;color:var(--text);margin:0}.billing-loading,.billing-error{padding:2rem;text-align:center;color:var(--text-secondary)}.billing-error{color:var(--color-danger)}.subscription-card{background:var(--color-primary);border-radius:var(--radius-lg);padding:2rem;color:var(--text-inverse);margin-bottom:2rem}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.plan-name-section{display:flex;flex-direction:column;gap:8px}.subscription-header h3{margin:0;font-size:1.75rem;font-weight:700}.subscription-total-amount{font-size:2.5rem;font-weight:800;color:#fffffff2;margin-top:4px;line-height:1}.plan-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;width:fit-content}.plan-tier-badge.tier-starter,.plan-tier-badge.tier-basic{background:#ffffff26;color:var(--text-inverse);border:1px solid rgba(255,255,255,.3)}.plan-tier-badge.tier-pro,.plan-tier-badge.tier-professional{background:var(--color-warning-bg);color:var(--color-warning)}.plan-tier-badge.tier-enterprise{background:var(--surface);color:var(--color-primary);border:1px solid var(--border)}.status-badge{padding:.5rem 1rem;border-radius:var(--radius-full);background:#ffffff26;font-size:.875rem;font-weight:500}.status-trial{background:#3b82f64d}.status-active{background:#22c55e4d}.status-inactive{background:#9ca3af4d}.status-expired,.status-cancelled{background:#ef444433}.trial-info{display:flex;gap:2rem;flex-wrap:wrap}.trial-status{flex:1;min-width:200px}.trial-days{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#ffffff26;border-radius:var(--radius-md);margin-bottom:1rem}.days-number{font-size:3rem;font-weight:700;line-height:1}.days-label{font-size:.875rem;opacity:.9;margin-top:.5rem}.trial-warning,.trial-expired{padding:1rem;border-radius:var(--radius-md);font-size:.875rem;text-align:center}.trial-warning{background:#fbbf2433;border:1px solid rgba(251,191,36,.5)}.trial-expired{background:#ef444433;border:1px solid rgba(239,68,68,.5)}.trial-features{flex:1;min-width:250px}.trial-features p{margin:0 0 .5rem;font-weight:500}.trial-features ul{list-style:none;padding:0;margin:0}.trial-features li{padding:.25rem 0;font-size:.875rem;opacity:.95}.trial-expiry-note{margin-top:1rem;padding:.75rem;background:#ffffff1a;border-radius:var(--radius-sm);font-size:.8rem;opacity:.9}.current-plan-info h4{margin:0 0 1rem;font-size:1.5rem;font-weight:600}.plan-price{margin-bottom:1.5rem}.price{font-size:2rem;font-weight:700}.interval{font-size:1rem;opacity:.9}.plan-total-price{margin-top:.75rem;padding:.75rem 1rem;background:#ffffff26;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:space-between}.total-label{font-size:.875rem;opacity:.95}.total-amount{font-size:1.25rem;font-weight:700}.plan-features h5,.plan-usage p strong{font-weight:600;margin-bottom:.5rem}.plan-features ul{list-style:none;padding:0;margin:.5rem 0 1.5rem}.plan-features li{padding:.25rem 0;font-size:.9rem;opacity:.95}.plan-usage{background:#ffffff26;padding:1rem;border-radius:var(--radius-md);font-size:.9rem}.plan-usage p{margin:.25rem 0}.expired-info{padding:1.5rem;text-align:center;background:#ef444433;border-radius:var(--radius-md);font-size:1rem}.inactive-info{padding:1.5rem;text-align:center;background:#3b82f61a;border-radius:var(--radius-md);font-size:1rem}.inactive-info strong{color:var(--color-info)}.free-tier-info{display:flex;flex-direction:column;gap:1rem}.free-tier-info .plan-price{margin-bottom:.5rem}.upgrade-prompt{margin-top:1rem;padding:1rem;background:#ffffff26;border-radius:var(--radius-md);text-align:center}.upgrade-prompt p{margin:0;font-size:.9rem;opacity:.95}.refund-notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#22c55e1a;border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-success);margin:.75rem 0}.refund-icon{font-size:1rem}.available-plans,.upgrade-section,.billing-history{margin-bottom:2rem}.available-plans h3,.upgrade-section h3,.billing-history h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.plans-subtitle{color:var(--text-secondary);margin:0 0 1.5rem}.billing-message{padding:1rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.billing-message.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid #86efac}.billing-message.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid #fca5a5}.billing-message.info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #93c5fd}.billing-toggle{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-md);padding:4px;margin-bottom:2rem}.toggle-btn{position:relative;padding:10px 24px;border:none;background:transparent;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.save-badge{background:var(--color-success);color:var(--text-inverse);font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);white-space:nowrap}.manage-billing-btn{margin-top:1.5rem;padding:.875rem 1.5rem;background:#fff3;color:var(--text-inverse);border:2px solid rgba(255,255,255,.5);border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.manage-billing-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffffb3}.manage-billing-btn:disabled{opacity:.6;cursor:not-allowed}.price-equivalent{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.annual-savings{display:inline-block;margin-top:8px;padding:4px 12px;background:var(--color-success-bg);color:var(--color-success);font-size:.8rem;font-weight:600;border-radius:var(--radius-full)}.plan-total-preview{margin-top:12px;padding:12px;background:var(--color-info-bg);border-radius:var(--radius-md);text-align:center}.total-preview-label{font-size:.75rem;color:var(--color-info);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.total-preview-amount{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1}.total-preview-period{font-size:1rem;font-weight:500;color:var(--color-info)}.total-preview-note{font-size:.75rem;color:var(--color-info);margin-top:4px;font-style:italic}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.plan-card{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:2rem;transition:all .3s}.plan-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.popular{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.popular-badge{position:absolute;top:-12px;right:20px;background:var(--color-primary);color:var(--text-inverse);padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.plan-card .plan-header{margin-bottom:1.5rem}.plan-card h4{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text)}.plan-card .plan-price{margin:0}.plan-card .price{font-size:2.5rem;font-weight:700;color:var(--color-primary)}.plan-card .interval{font-size:1rem;color:var(--text-secondary)}.plan-card .plan-features{margin-bottom:2rem}.plan-card .plan-features ul{list-style:none;padding:0;margin:0}.plan-card .plan-features li{padding:.5rem 0;color:var(--text);font-size:.9rem;border-bottom:1px solid var(--border)}.plan-card .plan-features li:last-child{border-bottom:none}.upgrade-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.upgrade-btn.primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upgrade-btn.secondary{background:var(--surface);color:var(--color-primary);border:2px solid var(--color-primary)}.upgrade-btn.secondary:hover{background:var(--color-primary-soft)}.coming-soon{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center;background:var(--surface-muted);border-radius:var(--radius-md)}.billing-management{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-xs)}.billing-management h3{font-size:1.25rem;font-weight:600;color:var(--text);margin:0 0 1.5rem}.billing-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.billing-info-card{background:var(--surface-muted);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--border)}.billing-info-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem}.billing-info-icon{font-size:1.25rem}.billing-info-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--gray-700)}.payment-method-info,.next-billing-info{margin-bottom:1rem}.card-display{font-size:1.1rem;font-weight:600;color:var(--text);margin:0 0 .25rem}.card-expiry{font-size:.875rem;color:var(--text-secondary);margin:0}.no-payment-method,.no-upcoming{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.next-amount{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.next-date{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.billing-action-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--color-primary);color:var(--text-inverse)}.billing-action-btn:hover:not(:disabled){background:var(--color-primary-hover)}.billing-action-btn.secondary{background:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong)}.billing-action-btn.secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--gray-400)}.billing-action-btn:disabled{opacity:.6;cursor:not-allowed}.invoices-section{border-top:1px solid var(--border);padding-top:1.5rem}.invoices-section h4{font-size:1rem;font-weight:600;color:var(--gray-700);margin:0 0 1rem}.invoices-list{display:flex;flex-direction:column;gap:.75rem}.invoice-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-muted);border-radius:var(--radius-md);border:1px solid var(--border)}.invoice-info{display:flex;align-items:center;gap:1rem}.invoice-date{font-size:.9rem;color:var(--gray-700);font-weight:500}.invoice-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm);text-transform:capitalize}.invoice-status.paid{background:var(--color-success-bg);color:var(--color-success)}.invoice-status.open{background:var(--color-warning-bg);color:var(--color-warning)}.invoice-status.draft{background:var(--gray-200);color:var(--text-secondary)}.invoice-amount{font-size:.9rem;font-weight:600;color:var(--text)}.invoice-actions{display:flex;gap:.75rem}.invoice-link{font-size:.8rem;color:var(--color-primary);text-decoration:none;font-weight:500}.invoice-link:hover{text-decoration:underline}@media(max-width:768px){.subscription-card{padding:1.5rem}.trial-info{flex-direction:column;gap:1rem}.plans-grid{grid-template-columns:1fr}.plan-card,.billing-management{padding:1.5rem}.billing-cards-row{grid-template-columns:1fr}.invoice-row{flex-direction:column;align-items:flex-start;gap:.5rem}.invoice-info{width:100%;justify-content:space-between}.invoice-actions{width:100%;justify-content:flex-end}}.devices-settings{max-width:900px;margin:0 auto;padding:2rem}.devices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.devices-header-text h2{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.devices-description{color:var(--text-secondary);margin:0;font-size:.95rem}.devices-loading,.devices-error{padding:2rem;text-align:center;color:var(--text-secondary)}.devices-error{color:var(--color-danger);background:var(--color-danger-bg);border-radius:var(--radius-md);margin-bottom:1rem}.add-device-btn{padding:.75rem 1.25rem;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-device-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.devices-empty{text-align:center;padding:4rem 2rem;background:var(--surface-muted);border-radius:var(--radius-lg);border:2px dashed var(--border)}.devices-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.devices-empty h3{font-size:1.25rem;font-weight:600;color:var(--gray-700);margin:0 0 .5rem}.devices-empty p{color:var(--text-secondary);margin:0 0 1.5rem}.devices-list{display:flex;flex-direction:column;gap:1rem}.device-card{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:all .2s}.device-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.device-card.inactive{background:var(--surface-muted);opacity:.7}.device-info{flex:1}.device-main{display:flex;align-items:center;gap:1.5rem;margin-bottom:.5rem}.device-name{font-size:1.1rem;font-weight:600;color:var(--text);margin:0}.device-code-display{display:flex;align-items:center;gap:.5rem;background:var(--gray-100);padding:.375rem .75rem;border-radius:var(--radius-sm)}.code-label{font-size:.8rem;color:var(--text-secondary)}.code-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;font-weight:600;color:var(--text);letter-spacing:.5px}.device-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.device-location{font-size:.875rem;color:var(--text-secondary)}.device-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:var(--radius-sm)}.device-status.active{background:var(--color-success-bg);color:var(--color-success)}.device-status.inactive{background:var(--gray-100);color:var(--text-secondary)}.device-last-login{font-size:.8rem;color:var(--text-muted)}.device-actions{display:flex;gap:.5rem}.device-action-btn{padding:.5rem .875rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--surface)}.device-action-btn.edit{color:var(--color-info);border-color:#bfdbfe}.device-action-btn.edit:hover{background:var(--color-info-bg);border-color:#93c5fd}.device-action-btn.deactivate{color:var(--color-warning);border-color:#fef08a}.device-action-btn.deactivate:hover{background:var(--color-warning-bg);border-color:#fde047}.device-action-btn.activate{color:var(--color-success);border-color:#86efac}.device-action-btn.activate:hover{background:var(--color-success-bg);border-color:#4ade80}.device-action-btn.delete{color:var(--color-danger);border-color:#fca5a5}.device-action-btn.delete:hover{background:var(--color-danger-bg);border-color:#f87171}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-secondary)}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:.95rem;color:var(--text);transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--navy-100)}.form-hint{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.375rem}.form-error{background:var(--color-danger-bg);color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.btn-cancel{padding:.75rem 1.25rem;background:var(--surface);color:var(--gray-700);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:var(--surface-muted);border-color:var(--gray-400)}.btn-save{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:var(--color-primary-hover)}.btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.devices-settings{padding:1rem}.devices-header{flex-direction:column;align-items:stretch}.add-device-btn{width:100%}.device-card{flex-direction:column;align-items:stretch;gap:1rem}.device-main{flex-direction:column;align-items:flex-start;gap:.75rem}.device-actions{justify-content:stretch}.device-action-btn{flex:1;text-align:center}}.subscription-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.subscription-overlay-backdrop{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.subscription-overlay-modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.subscription-overlay-icon{width:64px;height:64px;margin:0 auto 24px;background:var(--color-danger);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.subscription-overlay-icon svg{width:32px;height:32px;color:var(--text-inverse)}.subscription-overlay-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 12px}.subscription-overlay-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 32px}.subscription-overlay-actions{display:flex;flex-direction:column;gap:12px}.subscription-overlay-btn{width:100%;padding:14px 24px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.subscription-overlay-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.subscription-overlay-btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.subscription-overlay-btn.secondary{background:var(--gray-100);color:var(--text-secondary)}.subscription-overlay-btn.secondary:hover{background:var(--gray-200)}.subscription-overlay-note{font-size:13px;color:var(--text-muted);margin:24px 0 0}@media(max-width:480px){.subscription-overlay-modal{padding:32px 24px;margin:0 16px}.subscription-overlay-icon{width:56px;height:56px}.subscription-overlay-icon svg{width:28px;height:28px}.subscription-overlay-title{font-size:20px}.subscription-overlay-message{font-size:14px}.subscription-overlay-btn{padding:12px 20px;font-size:15px}}.email-verification-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.email-verification-overlay-backdrop{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.email-verification-overlay-modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:emailModalAppear .3s ease-out}@keyframes emailModalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.email-verification-overlay-icon{width:64px;height:64px;margin:0 auto 24px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.email-verification-overlay-icon svg{width:32px;height:32px;color:var(--text-inverse)}.email-verification-overlay-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 12px}.email-verification-overlay-message{font-size:16px;color:var(--text-secondary);line-height:1.6;margin:0 0 24px}.email-verification-overlay-message strong{color:var(--text)}.email-verification-message{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px}.email-verification-message.success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.email-verification-message.error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.email-verification-overlay-actions{display:flex;flex-direction:column;gap:12px}.email-verification-overlay-btn{width:100%;padding:14px 24px;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.email-verification-overlay-btn:disabled{opacity:.7;cursor:not-allowed}.email-verification-overlay-btn.primary{background:var(--color-primary);color:var(--text-inverse)}.email-verification-overlay-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.email-verification-overlay-btn.secondary{background:var(--gray-100);color:var(--text-secondary)}.email-verification-overlay-btn.secondary:hover:not(:disabled){background:var(--gray-200)}.email-verification-overlay-note{font-size:13px;color:var(--text-muted);margin:24px 0 0}@media(max-width:480px){.email-verification-overlay-modal{padding:32px 24px;margin:0 16px}.email-verification-overlay-icon{width:56px;height:56px}.email-verification-overlay-icon svg{width:28px;height:28px}.email-verification-overlay-title{font-size:20px}.email-verification-overlay-message{font-size:14px}.email-verification-overlay-btn{padding:12px 20px;font-size:15px}}.demo-indicator{position:fixed;top:20px;right:20px;z-index:1001;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.demo-indicator-badge{background:var(--color-warning);color:var(--text-inverse);padding:8px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px;border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.demo-indicator-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.demo-indicator.expanded .demo-indicator-badge{border-radius:var(--radius-full) var(--radius-full) var(--radius-sm) var(--radius-sm)}.demo-indicator-content{background:var(--surface);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:10px;min-width:160px;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-indicator-text{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.4}.demo-indicator-cta{background:var(--color-warning);color:var(--text-inverse);padding:8px 14px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all .2s;text-align:center}.demo-indicator-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:768px){.demo-indicator{top:16px;right:16px}.demo-indicator-badge{padding:6px 12px;font-size:10px}.demo-indicator-content{min-width:140px;padding:10px 12px}}*{margin:0;padding:0;box-sizing:border-box}.app-layout{min-height:100vh;background-color:var(--app-bg);display:flex;flex-wrap:wrap}.app-layout>.demo-banner,.app-layout>.trial-banner{flex:0 0 100%}.sidebar{width:240px;background:var(--color-primary);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width .2s ease,top .2s ease,height .2s ease}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:flex-end;justify-content:center;padding:12px 8px;margin:0;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-logo{width:100%;display:flex;align-items:flex-end;gap:12px;text-decoration:none;min-width:0;margin-bottom:0}.sidebar-logo .logo-image{width:36px;height:36px;flex-shrink:0;display:block}.sidebar-logo .logo-text{color:#fff;font-size:20px;font-weight:700;white-space:nowrap}.sidebar-toggle{background:#ffffff1a;border:none;padding:0;color:#fff;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .2s;flex-shrink:0}.sidebar-toggle:hover{background:#fff3}.sidebar.collapsed .sidebar-toggle{margin:0 auto}.sidebar.collapsed .sidebar-logo .logo-image{display:none}.sidebar-nav{flex:1 1 0%;min-height:0;overflow-y:auto;padding:0;margin:0}.sidebar-nav ul{list-style:none;margin:0;padding:8px 8px 0}.sidebar-nav li{margin:0 0 2px}.sidebar-nav li:first-child{margin-top:0}.nav-divider{height:1px;background:#ffffff1a;margin:12px 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#ffffffb3;text-decoration:none;border-radius:8px;transition:all .15s ease;font-size:14px;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;color:#fff}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.nav-icon svg{display:block}.nav-label{white-space:nowrap;overflow:hidden}.nav-badge{margin-left:auto;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600}.nav-badge.warning{background:var(--color-warning);color:#fff}.nav-badge.urgent{background:var(--color-danger);color:#fff}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.sidebar.collapsed .nav-label{display:none}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.user-info{display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:8px}.user-info.collapsed{justify-content:center}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff24;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.user-details{overflow:hidden;min-width:0}.user-details .user-name{display:block;color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;margin-top:2px}.role-badge.admin{background:var(--color-warning);color:#78350f}.role-badge.manager{background:var(--color-success);color:#fff}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;background:#ffffff1a;border:none;border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.logout-btn:hover{background:#ef444433;color:#fca5a5}.logout-btn.icon-only{padding:10px}.logout-btn.icon-only span:not(.logout-icon){display:none}.logout-icon{font-size:16px}.main-content{flex:1;margin-left:240px;min-height:100vh;padding:24px;transition:margin-left .2s ease;max-width:calc(100vw - 240px);overflow-x:hidden}.main-content.expanded{margin-left:72px;max-width:calc(100vw - 72px)}.mobile-header,.sidebar-overlay{display:none}@media(max-width:1024px){.sidebar{transform:translate(-100%);width:280px;padding-left:max(8px,env(safe-area-inset-left));height:100vh;height:100dvh;display:grid!important;grid-template-rows:auto 1fr auto;overflow:hidden}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:280px}.sidebar-toggle{display:none}.sidebar-header{padding-left:16px}.sidebar-nav{min-height:0;overflow-y:auto;overflow-x:hidden}.sidebar-nav ul{padding-left:12px;padding-right:12px}.sidebar-footer{padding:12px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));background:var(--color-primary);border-top:1px solid rgba(255,255,255,.1)}.main-content,.main-content.expanded{margin-left:0;max-width:100vw}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-primary);position:fixed;top:0;left:0;right:0;z-index:50;transition:top .2s ease}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;padding:8px;cursor:pointer;line-height:1;min-width:44px;min-height:44px}.mobile-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:18px;font-weight:700}.mobile-logo .logo-image{height:32px;width:auto}.mobile-header-right{display:flex;align-items:center;gap:12px}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99}.main-content{padding:72px 16px 16px}.logout-btn{min-height:44px}}@media(max-width:640px){.main-content{padding:72px 12px 12px}.mobile-header{padding:10px 12px}.mobile-logo .logo-image{height:28px}.mobile-logo span{font-size:16px}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:18px;color:var(--text-secondary)}.error{text-align:center;padding:40px;color:var(--color-danger)}.navbar{display:none}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}