:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%;-webkit-text-size-adjust:100%;overflow-x:hidden}input,select,textarea{font-size:16px}@media(max-width:768px){button,a,input[type=submit],input[type=button]{min-height:44px}}html{scroll-behavior:smooth}*{-webkit-tap-highlight-color:rgba(0,0,0,.1)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.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:8px;box-shadow:0 4px 12px #00000026;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:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-info{background-color:#3b82f6;color:#fff}.toast-warning{background-color:#f59e0b;color:#fff}.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:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;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:#111827}.confirm-modal-message{margin:0 0 24px;font-size:14px;color:#6b7280;line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-modal-btn-cancel{background-color:#f3f4f6;color:#374151}.confirm-modal-btn-cancel:hover{background-color:#e5e7eb}.confirm-modal-btn-confirm{background-color:#3b82f6;color:#fff}.confirm-modal-btn-confirm:hover{background-color:#2563eb}.confirm-modal-btn-confirm.danger{background-color:#ef4444}.confirm-modal-btn-confirm.danger:hover{background-color:#dc2626}.landing-page{min-height:100vh;background:#fff}.hero{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;min-height:600px;position:relative}.hero-header{padding:20px 40px;position:absolute;top:0;left:0;right:0;z-index:10}.hero-header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.hero-logo-section{display:flex;align-items:center;gap:12px}.hero-header-logo{height:40px;width:auto}.hero-brand-name{font-size:24px;font-weight:700;color:#fff}.hero-header-actions{display:flex;align-items:center;gap:16px}.hero-enterprise-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease;background:#ffffff1a;white-space:nowrap}.hero-enterprise-link:hover{background:#fff3;transform:translateY(-1px)}.hero-sign-in{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:10px 24px;border:2px solid white;border-radius:8px;transition:all .3s ease}.hero-sign-in:hover{background:#ffffff1a}.hero-content{max-width:1200px;width:100%;margin:0 auto;padding:120px 20px 80px;display:flex;align-items:center;justify-content:center;min-height:600px}.hero-text{text-align:center;max-width:800px}.hero h1{font-size:56px;font-weight:700;margin:0 0 24px;letter-spacing:-1px;line-height:1.1}.hero-description{font-size:20px;line-height:1.6;margin:0 auto 12px;max-width:600px;opacity:.9}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto}.hero-fine-print{text-align:center;font-size:14px;color:#fff9;margin:24px 0 0;font-weight:400}.demo-link{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:12px 24px;border:1px solid rgba(255,255,255,.3);border-radius:8px;transition:all .2s ease;background:transparent}.demo-link:hover{background:#ffffff1a;border-color:#ffffff80}.demo-link.light{color:#fff;border-color:#fff6}.hero-success-message{background:#fff3;color:#fff;padding:16px 24px;border-radius:8px;margin-bottom:24px;font-size:18px;font-weight:500;text-align:center}.hero-email-form{display:flex;gap:12px;align-items:stretch}.hero-email-input{flex:1;padding:18px 24px;font-size:16px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;transition:all .3s ease}.hero-email-input::placeholder{color:#fff9}.hero-email-input:focus{outline:none;background:#fff3;border-color:#ffffff80}.hero-submit-btn{padding:16px 28px;background:#fff;color:#1e3a5f;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hero-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.hero-trial-note{font-size:14px;color:#ffffffb3;margin:0;font-weight:400}.hero-cta{display:flex;gap:20px;justify-content:center;align-items:center}.cta-button{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;cursor:pointer;border:2px solid transparent}.cta-button.primary{background:#fff;color:#1e3a5f}.cta-button.primary:hover{background:#f0f2f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.cta-button.secondary{background:transparent;color:#fff;border-color:#fff}.cta-button.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.cta-button.large{padding:18px 48px;font-size:18px}.platform-showcase{padding:100px 20px;background:#fff}.showcase-container{max-width:1200px;margin:0 auto}.showcase-item{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:100px}.showcase-item:last-child{margin-bottom:0}.showcase-item.reverse{direction:rtl}.showcase-item.reverse>*{direction:ltr}.showcase-content{padding:20px 0}.showcase-badge{display:inline-block;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}.showcase-content h3{font-size:36px;font-weight:700;color:#1e3a5f;margin:0 0 20px;line-height:1.2}.showcase-content p{font-size:18px;line-height:1.7;color:#666;margin:0 0 24px}.showcase-features{list-style:none;padding:0;margin:0}.showcase-features li{position:relative;padding-left:28px;margin-bottom:12px;font-size:16px;color:#444}.showcase-features li:before{content:"✓";position:absolute;left:0;color:#1e3a5f;font-weight:700}.showcase-image{position:relative;display:flex;align-items:center;justify-content:center}.showcase-image-placeholder{background:linear-gradient(135deg,#f0f4f8,#e2e8f0);border-radius:16px;aspect-ratio:16 / 10;display:flex;align-items:center;justify-content:center;border:2px dashed #cbd5e1;transition:all .3s ease;overflow:hidden}.showcase-image-placeholder span{color:#64748b;font-size:16px;font-weight:500}.showcase-image-placeholder:hover{border-color:#1e3a5f;background:linear-gradient(135deg,#e8f0f8,#dae4f0)}.showcase-image img{max-width:100%;max-height:500px;width:auto;height:auto;border-radius:16px;box-shadow:0 20px 60px #1e3a5f26;transition:transform .3s ease,box-shadow .3s ease;object-fit:contain}.showcase-image img:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 30px 80px #1e3a5f33}.features{padding:100px 20px;background:#f8f9fa}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:52px!important;font-weight:700;text-align:center;margin:0 auto 60px;color:#1e3a5f;line-height:1.2}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}.feature-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:22px;font-weight:600;margin:0 0 16px;color:#1e3a5f}.feature-card p{font-size:16px;line-height:1.6;color:#666;margin:0}.how-it-works{padding:100px 20px;background:#fff}.how-it-works-container{max-width:1200px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:60px;margin-top:60px}.step{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 24px}.step h3{font-size:22px;font-weight:600;margin:0 0 12px;color:#1e3a5f}.step p{font-size:16px;line-height:1.6;color:#666;margin:0}.final-cta{padding:100px 20px;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;text-align:center}.final-cta-content{max-width:800px;margin:0 auto}.final-cta h2{font-size:52px;font-weight:700;margin:0 0 20px}.final-cta p{font-size:20px;margin:0 0 40px;opacity:.9}.final-cta-actions{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto}.email-capture-form{display:flex;gap:16px;justify-content:center;align-items:center;max-width:600px;margin:0 auto}.email-input{flex:1;padding:16px 24px;font-size:16px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;transition:all .3s ease}.email-input::placeholder{color:#fff9}.email-input:focus{outline:none;background:#fff3;border-color:#ffffff80}.email-success-message{background:#fff3;color:#fff;padding:16px 24px;border-radius:8px;margin-bottom:24px;font-size:18px;font-weight:500}.landing-footer{background:#0f1f35;color:#fff;padding:40px 20px}.footer-content{max-width:1200px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-logo{height:60px;width:auto}.footer-bottom p{margin:0;font-size:14px;color:#fff9}@media(max-width:768px){.hero{min-height:500px}.hero-header{padding:16px 20px}.hero-brand-name{font-size:20px}.hero-header-logo{height:32px}.hero-header-actions{gap:8px}.hero-enterprise-link{font-size:12px;padding:6px 12px}.hero-sign-in{font-size:14px;padding:8px 16px}.hero-content{padding:100px 20px 60px;min-height:500px}.hero h1{font-size:36px}.hero-description{font-size:17px}.hero-cta-group{width:100%}.hero-email-form{flex-direction:column;gap:12px}.hero-submit-btn{width:100%}.hero-cta{flex-direction:column;gap:12px}.cta-button{width:100%;max-width:300px;text-align:center}.section-title{font-size:32px}.features,.how-it-works,.final-cta{padding:60px 20px}.final-cta h2{font-size:32px}.final-cta p{font-size:18px}.features-grid{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr;gap:40px}.email-capture-form{flex-direction:column;width:100%}.email-input{width:100%}.platform-showcase{padding:60px 20px}.showcase-item{grid-template-columns:1fr;gap:30px;margin-bottom:60px}.showcase-item.reverse{direction:ltr}.showcase-content h3{font-size:28px}.showcase-content p{font-size:16px}.showcase-image-placeholder{aspect-ratio:16 / 9}}.demo-loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a5f,#2b4f7d)}.demo-loading-content{text-align:center;color:#fff;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:#fff;border-radius:50%;margin:0 auto;animation:demo-spin 1s linear infinite}@keyframes demo-spin{to{transform:rotate(360deg)}}.demo-back-btn{padding:12px 28px;background:#fff;color:#1e3a5f;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.demo-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.time-range-picker{position:relative;display:inline-block}.time-range-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .2s}.time-range-button:hover{border-color:#2196f3;background:#f5f5f5}.time-icon{font-size:16px}.time-label{font-weight:500}.dropdown-arrow{font-size:10px;color:#666}.time-range-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;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:#333;transition:background .15s}.preset-item:hover{background:#f5f5f5}.preset-item.active{background:#e3f2fd;color:#1976d2;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{padding:4px 8px;background:none;border:none;cursor:pointer;color:#666;font-size:14px}.back-button:hover{color:#333}.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:#666;font-weight:500}.date-input-group input{padding:8px 10px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px}.date-input-group input:focus{outline:none;border-color:#2196f3}.apply-button{width:100%;padding:10px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.apply-button:hover:not(:disabled){background:#1976d2}.apply-button:disabled{background:#ccc;cursor:not-allowed}.kpi-cards{display:grid;grid-template-columns:repeat(3,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:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;transition:all .2s}.kpi-card:hover{box-shadow:0 4px 12px #0000001a}.kpi-card.loading{opacity:.6}.kpi-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;font-size:24px;font-weight:600}.sales-icon{background:#e8f5e9;color:#2e7d32}.transactions-icon{background:#e3f2fd;color:#1565c0}.trend-icon{background:#f3f4f6;color:#6b7280}.trend-icon.trend-up{background:#dcfce7;color:#16a34a}.trend-icon.trend-down{background:#fee2e2;color:#dc2626}.trend-icon.trend-flat{background:#fef3c7;color:#d97706}.kpi-content{display:flex;flex-direction:column;gap:4px}.kpi-value{font-size:28px;font-weight:700;color:#1a1a1a;line-height:1.2}.kpi-label{font-size:14px;color:#666;font-weight:500}.kpi-value.trend-up{color:#16a34a}.kpi-value.trend-down{color:#dc2626}.kpi-value.trend-flat{color:#d97706}.sales-chart-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-header{margin-bottom:20px}.chart-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.chart-wrapper{width:100%}.chart-loading,.chart-empty{display:flex;align-items:center;justify-content:center;height:300px;color:#666;font-size:14px}.chart-tooltip{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px;box-shadow:0 2px 8px #00000026}.tooltip-label{margin:0 0 8px;font-weight:600;color:#333;font-size:13px}.tooltip-value{margin:0;color:#2196f3;font-weight:600;font-size:14px}.tooltip-transactions{margin:4px 0 0;color:#666;font-size:12px}.top-products-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;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:#333}.chart-subtitle{font-size:12px;color:#999}.top-products-container .chart-loading,.top-products-container .chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#666;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 #f0f0f0}.product-row:last-child{border-bottom:none}.product-name{font-size:14px;color:#333;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:#1565c0;min-width:40px;text-align:right}.product-revenue{font-size:13px;color:#666;min-width:70px;text-align:right}.predicted-sellers-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;height:100%;min-height:340px;display:flex;flex-direction:column}.predicted-sellers-container .card-header{margin-bottom:16px}.predicted-sellers-container .card-header h3{margin:0;font-size:16px;font-weight:600;color:#333}.prediction-period{font-size:12px;color:#999;display:block;margin-top:4px}.card-loading{display:flex;align-items:center;justify-content:center;flex:1;min-height:250px;color:#666;font-size:14px}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;flex:1}.no-data-icon{font-size:36px;margin-bottom:12px}.no-data-message p{margin:0;color:#666;font-size:14px}.no-data-hint{margin-top:8px!important;color:#999!important;font-size:12px!important}.predictions-list{display:flex;flex-direction:column;gap:12px}.prediction-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;transition:background .15s}.prediction-item:hover{background:#f0f0f0}.prediction-rank{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#e3f2fd;color:#1565c0;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.prediction-info{display:flex;flex-direction:column;min-width:0}.prediction-name{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prediction-stats{font-size:12px;color:#666;margin-top:2px}.no-predictions{display:flex;align-items:center;justify-content:center;height:200px;color:#999;font-size:14px}.location-chart-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;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:#333}.chart-total{font-size:14px;color:#2e7d32;font-weight:600}.location-chart-container .chart-loading{display:flex;align-items:center;justify-content:center;height:100px;color:#666;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 #f0f0f0}.location-row:last-child{border-bottom:none}.location-name{font-size:14px;color:#333;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:#2e7d32;min-width:80px;text-align:right}.location-percent{font-size:13px;color:#999;min-width:40px;text-align:right}.trial-card{position:relative;display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;margin-bottom:24px}.trial-card.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.trial-card.urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444}.trial-card-dismiss{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px 8px;line-height:1;border-radius:4px;transition:background .15s}.trial-card-dismiss:hover{background:#0000001a}.trial-card-icon{font-size:32px;flex-shrink:0}.trial-card-content{flex:1}.trial-card-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#1f2937}.trial-card-text{margin:0 0 16px;font-size:14px;color:#4b5563}.trial-card-cta{display:inline-block;background:#1e3a5f;color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:background .15s,transform .15s}.trial-card-cta:hover{background:#2d4a6f;transform:translateY(-1px)}.trial-card.urgent .trial-card-cta{background:#dc2626}.trial-card.urgent .trial-card-cta:hover{background:#b91c1c}@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:#1a1a1a}.header-subtitle{margin:4px 0 0;font-size:14px;color:#666}.header-controls{display:flex;align-items:center;gap:12px}.location-select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;background:#fff;color:#333;cursor:pointer;min-width:150px}.location-select:hover{border-color:#2196f3}.location-select:focus{outline:none;border-color:#2196f3}.order-predictions-panel{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #1E3A5F;border-radius:8px;padding:16px 20px}.order-predictions-panel .panel-content{display:flex;align-items:center;gap:12px}.order-predictions-panel .panel-icon{font-size:1.5rem}.order-predictions-panel .panel-text{display:flex;flex-direction:column;gap:2px}.order-predictions-panel .panel-title{font-weight:600;color:#1e3a5f;font-size:.95rem}.order-predictions-panel .panel-description{font-size:.85rem;color:#666}.order-predictions-panel .panel-button{padding:8px 16px;background:#1e3a5f;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.order-predictions-panel .panel-button:hover{background:#2b4f7d}.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}}@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{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h2{color:#333;margin:0;font-size:20px}.modal-close{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5;color:#333}.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:#333;font-size:14px}.shift-form .form-group input,.shift-form .form-group select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;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:#1e3a5f}.modal-actions{display:flex;gap:10px;justify-content:space-between;margin-top:30px}.delete-btn{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.delete-btn:hover{background-color:#d32f2f}.cancel-btn{padding:10px 20px;background-color:#f5f5f5;color:#333;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;margin-left:auto}.cancel-btn:hover{background-color:#e0e0e0}.submit-btn{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.submit-btn:disabled{background-color:#ccc;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:#fff;border-radius:8px;width:90%;max-width:500px;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background-color:#f3f4f6}.modal-body{padding:20px}.modal-body p{margin:10px 0;color:#374151}.message-preview{margin-top:20px;padding:15px;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.message-preview strong{display:block;margin-bottom:8px;color:#1f2937}.preview-text{color:#6b7280;font-style:italic;margin:0}.modal-footer{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.modal-btn{padding:10px 20px;border-radius:6px;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:#f3f4f6;color:#374151}.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.confirm-btn{background-color:#3b82f6;color:#fff}.confirm-btn:hover:not(:disabled){background-color:#2563eb}.ocr-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ocr-modal{background:#fff;border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.ocr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.ocr-modal-header h2{margin:0;font-size:24px;color:#333}.close-btn{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#f5f5f5;color:#333}.ocr-modal-body{padding:30px}.upload-section{display:flex;flex-direction:column;gap:20px}.drop-zone{border:3px dashed #2563eb;border-radius:12px;padding:40px;text-align:center;cursor:pointer;background-color:#f8fafc;transition:all .3s;position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}.drop-zone:hover{border-color:#1e40af;background-color:#eff6ff}.drop-zone-text p{margin:10px 0;font-size:16px;color:#64748b}.drop-zone-hint{font-size:14px!important;color:#94a3b8!important}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.image-preview{max-width:100%;max-height:400px;object-fit:contain;border-radius:8px}.week-selector{display:flex;flex-direction:column;gap:8px}.week-selector label{font-size:14px;font-weight:500;color:#475569;display:flex;flex-direction:column;gap:8px}.week-selector input[type=date]{padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;max-width:200px}.upload-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.review-section{display:flex;flex-direction:column;gap:20px}.review-header{border-bottom:1px solid #e2e8f0;padding-bottom:15px}.review-header h3{margin:0 0 8px;font-size:20px;color:#1e293b}.review-hint{margin:0;font-size:14px;color:#64748b}.image-reference{border:1px solid #e2e8f0;border-radius:8px;padding:15px;background-color:#f8fafc}.image-reference summary{cursor:pointer;font-weight:500;color:#2563eb;-webkit-user-select:none;user-select:none}.image-reference summary:hover{color:#1e40af}.original-image{margin-top:15px;max-width:100%;max-height:300px;object-fit:contain;border-radius:6px}.shifts-table-container{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.shifts-table{width:100%;border-collapse:collapse;font-size:14px}.shifts-table thead{background-color:#f1f5f9}.shifts-table th{padding:12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0}.shifts-table td{padding:12px;border-bottom:1px solid #f1f5f9}.shifts-table tbody tr:hover{background-color:#f8fafc}.shifts-table tbody tr.low-confidence{background-color:#fffbeb}.shifts-table select,.shifts-table input[type=date],.shifts-table input[type=time]{width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px}.shifts-table select:focus,.shifts-table input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.confidence-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.confidence-badge.high{background-color:#d1fae5;color:#065f46}.confidence-badge.low{background-color:#fed7aa;color:#92400e}.btn-delete{background:none;border:none;cursor:pointer;font-size:20px;padding:4px;border-radius:4px;transition:background-color .2s}.btn-delete:hover{background-color:#fee2e2}.btn-add-shift{padding:10px 16px;background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-add-shift:hover{background-color:#e2e8f0;border-color:#94a3b8;color:#1e293b}.review-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0}.btn-primary{padding:12px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#1e40af}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:12px 24px;background-color:#fff;color:#64748b;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background-color:#f8fafc;border-color:#94a3b8;color:#475569}@media(max-width:768px){.ocr-modal{margin:0;max-height:100vh;border-radius:0}.shifts-table{font-size:12px}.shifts-table th,.shifts-table td{padding:8px 4px}.upload-actions,.review-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.employee-shift.location-color-0{background:#1e3a5f;border-left:4px solid #90CAF9}.employee-shift.location-color-1{background:#2e7d32;border-left:4px solid #A5D6A7}.employee-shift.location-color-2{background:#c62828;border-left:4px solid #EF9A9A}.employee-shift.location-color-3{background:#6a1b9a;border-left:4px solid #CE93D8}.employee-shift.location-color-4{background:#e65100;border-left:4px solid #FFCC80}.employee-shift.location-color-5{background:#00838f;border-left:4px solid #80DEEA}.employee-shift.location-color-6{background:#ad1457;border-left:4px solid #F48FB1}.employee-shift.location-color-7{background:#4527a0;border-left:4px solid #B39DDB}.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:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.schedule-header h1{color:#1e3a5f;margin:0 0 10px;font-size:20px;font-weight:700}.schedule-subtitle{color:#666;font-size:12px;margin:0;line-height:1.4}.employee-schedule-sidebar .location-filter-container{display:flex;flex-direction:column;gap:6px;background:#f7f9fc;border-radius:8px;box-shadow:0 1px 3px #1e3a5f12;padding:12px 16px;margin-bottom:10px}.employee-schedule-sidebar .location-filter-label{font-size:13px;color:#1e3a5f;font-weight:600;margin-bottom:2px}.employee-schedule-sidebar .location-filter-select{padding:7px 12px;border-radius:6px;border:1px solid #cfd8e3;background:#fff;font-size:14px;color:#1e3a5f;transition:border-color .2s;outline:none}.employee-schedule-sidebar .location-filter-select:focus{border-color:#1e3a5f}.schedule-controls{display:flex;flex-direction:column;gap:12px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.month-title{color:#1e3a5f;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:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.month-nav-btn:hover{background-color:#2b4f7d}.copy-prev-week-btn{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.copy-prev-week-btn:hover:not(:disabled){background-color:#1976d2}.copy-prev-week-btn:disabled{background-color:#90caf9;cursor:not-allowed;opacity:.7}.notify-team-btn{padding:8px 16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.notify-team-btn:hover{background-color:#f57c00}.upload-paper-schedule-btn{padding:8px 16px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.upload-paper-schedule-btn:hover{background-color:#2a5080}.employee-schedule-grid-wrapper{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:auto}.employee-schedule-grid{display:grid;grid-template-columns:150px repeat(7,1fr);min-width:800px;width:100%}.grid-header-row{display:contents}.employee-header-cell{background-color:#1e3a5f;color:#fff;font-weight:700;padding:12px;font-size:13px;position:sticky;top:0;z-index:10;border-bottom:2px solid #e0e0e0;text-align:center}.day-header-cell{background-color:#1e3a5f;color:#fff;font-weight:700;padding:8px;text-align:center;position:sticky;top:0;z-index:10;border-bottom:2px solid #e0e0e0;border-left:1px solid rgba(255,255,255,.1)}.day-header-cell.today{background-color:#4caf50}.day-header-cell .day-name{font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.day-header-cell .day-date{font-size:16px;font-weight:700}.employee-row{display:contents}.employee-name-cell{padding:12px;font-weight:600;color:#333;background:#f9f9f9;border-bottom:1px solid #e0e0e0;font-size:13px;display:flex;align-items:center}.employee-schedule-grid .shift-cell{padding:0;min-height:54px;height:auto;width:auto;min-width:0;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;display:flex;flex-direction:row;gap:0;position:relative;align-items:stretch;background-color:#f8fafc}.shift-cell.clickable{cursor:pointer}.shift-cell.clickable:hover{background-color:#eef2f7}.shift-cell.two-shifts{gap:0}.shift-cell.has-availability{background:linear-gradient(to bottom,#28a74514,#28a7450a)}.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:#28a745;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:#94a3b8;font-size:24px;font-weight:300;opacity:.5;transition:opacity .2s,color .2s}.shift-cell.clickable:hover .empty-cell-hint{opacity:1;color:#3b82f6}.employee-shift{background:#1e3a5f;color:#fff;padding:10px 12px;border-radius:0;font-size:14px;font-weight:600;cursor:pointer;transition:box-shadow .2s,filter .2s;display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1;min-width:0;border-left:4px solid #90CAF9;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:3px;align-self:flex-start;margin-top:2px;letter-spacing:.5px}.new-badge{background-color:#ffd700e6;color:#1e3a5f}.updated-badge{background-color:#ff9800e6;color:#fff}.shift-cell.two-shifts .employee-shift{padding:6px 8px;font-size:11px;border-radius:0}.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:#666;font-size:14px}.preset-popover{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;min-width:200px;overflow:hidden}.preset-popover-header{padding:10px 14px;font-weight:600;color:#1e3a5f;border-bottom:1px solid #e0e0e0;font-size:13px}.preset-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:#fff;cursor:pointer;text-align:left;font-size:13px;transition:background-color .2s}.preset-option:hover{background-color:#f5f7fa}.preset-icon{font-size:16px;width:24px;text-align:center}.preset-label{flex:1;font-weight:500;color:#333}.preset-time{font-size:12px;color:#666}.preset-divider{height:1px;background:#e0e0e0;margin:4px 0}.custom-option,.custom-option .preset-label{color:#1e3a5f}@media(max-width:1024px){.employee-schedule-grid{grid-template-columns:120px repeat(7,1fr)}.employee-name-cell{font-size:12px;padding:8px}.employee-shift{font-size:10px;padding:4px 6px;border-radius:0}}@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));min-width:600px}.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:#1e3a5f}.schedule-mobile-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#666}.day-nav{display:flex;gap:8px;margin-bottom:16px}.day-nav .nav-btn{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#1e3a5f;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.day-nav .nav-btn:active{background:#f0f0f0;transform:scale(.98)}.day-nav .today-btn{flex:1;padding:12px 16px;border:none;border-radius:8px;background:#1e3a5f;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.day-nav .today-btn:active{background:#15293f;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 #e0e0e0}.selected-date-header h2{margin:0;font-size:1.1rem;color:#333;font-weight:600}.shift-count{font-size:.875rem;color:#666;background:#f0f0f0;padding:4px 10px;border-radius:12px}.shifts-list{display:flex;flex-direction:column;gap:12px}.no-shifts{text-align:center;padding:40px 20px;color:#999}.no-shifts p{margin:0;font-size:1rem}.employee-shift-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000001a}.employee-shift-card .employee-name{font-weight:600;color:#1e3a5f;font-size:1rem;margin-bottom:8px}.shift-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid #f0f0f0}.shift-detail:first-of-type{border-top:none}.shift-time{font-size:.875rem;color:#333;font-weight:500}.shift-location{font-size:.875rem;color:#666;background:#f0f0f0;padding:4px 10px;border-radius:6px}.desktop-notice{margin-top:24px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.schedule-view-container{display:flex;flex-direction:column;height:100%}.payroll-mobile{padding:16px;max-width:600px;margin:0 auto}.payroll-mobile-title{margin:0 0 16px;font-size:1.5rem;color:#1e3a5f}.payroll-mobile-loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#666}.week-nav{display:flex;gap:8px;margin-bottom:8px}.week-nav button{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.week-nav .nav-btn{background:#f0f0f0;color:#333}.week-nav .nav-btn:active{background:#e0e0e0}.week-nav .today-btn{background:#1e3a5f;color:#fff}.week-nav .today-btn:active{background:#2b4f7d}.week-range{text-align:center;font-size:1rem;font-weight:600;color:#333;padding:12px 0;margin-bottom:16px;border-bottom:1px solid #e0e0e0}.summary-card{background:#1e3a5f;border-radius:12px;padding:16px;margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.summary-row:last-child{border-bottom:none}.summary-row .summary-label{font-size:.875rem;color:#fffc}.summary-row .summary-value{font-size:1rem;font-weight:600;color:#fff}.summary-row.overtime .summary-value{color:#ffc107}.summary-row.total .summary-label,.summary-row.total .summary-value{font-size:1rem;font-weight:700}.hours-card-list{display:flex;flex-direction:column;gap:12px}.no-hours{text-align:center;padding:40px 20px;color:#999}.no-hours p{margin:0;font-size:1rem}.hours-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000001a}.hours-card-name{font-weight:600;color:#1e3a5f;font-size:1rem;margin-bottom:12px}.hours-card-stats{display:flex;gap:12px}.hours-card-stats .stat{flex:1;text-align:center;padding:10px;background:#f8f9fa;border-radius:8px}.hours-card-stats .stat-value{display:block;font-size:1.25rem;font-weight:700;color:#333}.hours-card-stats .stat-label{display:block;font-size:.75rem;color:#666;margin-top:4px}.hours-card-stats .stat.overtime{background:#fff3cd}.hours-card-stats .stat.overtime .stat-value{color:#856404}.hours-card-stats .stat.total{background:#e7f1ff}.hours-card-stats .stat.total .stat-value{color:#1e3a5f}.export-btn-mobile{width:100%;padding:14px 20px;margin-top:20px;border:none;border-radius:8px;background:#28a745;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;min-height:48px}.export-btn-mobile:active{background:#218838}.desktop-notice{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;text-align:center}.desktop-notice p{margin:0;font-size:.875rem;color:#666}.payroll-container{width:100%;max-width:100%;height:calc(100vh - 60px);display:flex;flex-direction:column;padding:10px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.payroll-content{display:flex;gap:20px;flex:1;min-height:0}.payroll-sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;gap:15px}.payroll-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.payroll-header h1{color:#1e3a5f;margin:0 0 10px;font-size:20px;font-weight:700}.payroll-subtitle{color:#666;font-size:12px;margin:0;line-height:1.4}.payroll-controls{display:flex;flex-direction:column;gap:12px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.week-info,.control-buttons{display:flex;flex-direction:column;gap:10px}.week-title{color:#1e3a5f;margin:0;font-size:16px;font-weight:600;text-align:center;white-space:nowrap}.week-nav-btn{padding:8px 16px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.week-nav-btn:hover{background-color:#2b4f7d}.today-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.today-btn:hover{background-color:#45a049}.export-btn{padding:8px 16px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;transition:background-color .2s;width:100%}.export-btn:hover{background-color:#f57c00}.payroll-table-container{border-radius:8px;overflow-y:auto;overflow-x:auto;flex:1;min-height:0;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.payroll-table{min-width:1200px;border-collapse:separate;border-spacing:0;display:table;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;table-layout:fixed}.payroll-table thead{display:table-header-group;position:sticky;top:0;z-index:10}.payroll-table tbody{display:table-row-group}.payroll-table tr{display:table-row}.payroll-table th,.payroll-table td{display:table-cell}.payroll-table th{background-color:#1e3a5f;color:#fff;padding:8px 4px;text-align:center;font-weight:700;border-right:1px solid rgba(255,255,255,.2);border-bottom:2px solid #e0e0e0;white-space:nowrap;font-size:12px}.payroll-table th:last-child{border-right:none}.employee-header{text-align:left;background-color:#1e3a5f;width:180px;min-width:180px}.day-header{width:130px;min-width:130px}.day-header.today{background-color:#4caf50}.day-name{font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.day-date{font-size:14px;font-weight:700}.hours-header{font-size:11px;line-height:1.3;width:70px;min-width:70px}.hours-header.regular{background-color:#2b4f7d}.hours-header.overtime{background-color:#d32f2f}.payroll-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s}.payroll-table tbody tr:hover{background-color:#f8f9fa}.employee-cell{padding:8px;font-weight:600;color:#1e3a5f;border-right:2px solid #e0e0e0;background:#fff;width:180px;min-width:180px;white-space:nowrap}.payroll-table tbody tr:hover .employee-cell{background-color:#f8f9fa}.employee-name{font-size:14px}.shift-cell{padding:6px 2px;text-align:center;vertical-align:middle;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:70px;width:130px;min-width:130px}.shifts-wrapper{display:flex;flex-direction:column;gap:4px;align-items:center}.shift-info{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;padding:6px 5px;border-radius:4px;width:100%;max-width:100%;box-shadow:0 1px 3px #0003;overflow:hidden}.shift-time{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-details{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between;align-items:center;gap:4px;width:100%}.shift-location{display:inline-block;font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.shift-hours{display:inline-block;font-size:12px;font-weight:600;color:#4caf50;background:#fff3;padding:2px 5px;border-radius:3px;white-space:nowrap;flex-shrink:0}.no-shift{color:#ccc;font-size:16px;padding:15px 0}.hours-cell{padding:8px 4px;text-align:center;font-weight:700;font-size:12px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;white-space:nowrap;width:70px;min-width:70px}.hours-cell:last-child{border-right:none}.hours-cell.regular{background-color:#e3f2fd;color:#1565c0}.hours-cell.overtime{background-color:#ffebee;color:#c62828}.hours-value{font-size:14px}.no-data{text-align:center;padding:30px;color:#999;font-size:14px}.loading{text-align:center;padding:30px;font-size:16px;color:#666}@media(max-width:1024px){.shift-time,.shift-location,.shift-hours{font-size:10px}}@media(max-width:768px){.payroll-container{padding:5px;overflow-x:hidden;width:100%;max-width:100vw}.payroll-content{flex-direction:column;width:100%}.payroll-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.payroll-header,.payroll-controls{flex:1;min-width:150px}.payroll-table-container{width:100%;max-width:100%}.payroll-table{min-width:unset;width:100%;table-layout:auto}.employee-header,.employee-cell{width:100px;min-width:100px;max-width:100px}.day-header,.shift-cell{width:80px;min-width:80px}.hours-header,.hours-cell{width:50px;min-width:50px}.day-name{font-size:9px}.day-date{font-size:12px}.shift-info{padding:3px 4px}.shift-time{font-size:10px}.shift-location{display:none}.shift-hours{font-size:9px}.employee-name{font-size:11px}.hours-value{font-size:12px}.payroll-table th{padding:6px 2px;font-size:10px}.shift-cell{height:50px;padding:4px 2px}}.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:#fff;border-radius:12px;width:100%;max-width:480px;box-shadow:0 4px 20px #00000026;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 #e5e7eb}.cant-work-modal-header h2{margin:0;font-size:1.25rem;color:#1f2937}.cant-work-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s}.cant-work-modal-close:hover{background-color:#f3f4f6}.cant-work-modal-body{padding:20px}.shift-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px}.shift-summary-date{font-weight:600;color:#1e3a5f;font-size:1.1rem;margin-bottom:4px}.shift-summary-time{color:#475569;font-size:.95rem}.shift-summary-location{color:#64748b;font-size:.9rem;margin-top:8px;padding-top:8px;border-top:1px solid #e2e8f0}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:8px;font-size:.95rem}.form-group textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;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:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea::placeholder{color:#9ca3af}.availability-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.availability-label{margin:0 0 4px;color:#1e3a5f;font-weight:600;font-size:.95rem}.availability-hint{font-size:.85rem;color:#64748b;margin:0 0 12px}.availability-loading{text-align:center;color:#64748b;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:#fff;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s}.day-row-compact.active{border-color:#3b82f6;background:#eff6ff}.day-toggle-compact{display:flex;align-items:center;gap:8px}.day-label-compact{font-size:.9rem;font-weight:500;color:#374151;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:#cbd5e1;transition:.2s;border-radius:20px}.toggle-slider-small:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.toggle-switch-small input:checked+.toggle-slider-small{background-color:#3b82f6}.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 #d1d5db;border-radius:4px;font-size:.85rem;width:90px}.time-inputs-compact input[type=time]:focus{outline:none;border-color:#3b82f6}.time-sep{color:#64748b;font-size:.85rem}.not-available-compact{color:#9ca3af;font-size:.85rem;font-style:italic}.cant-work-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.cant-work-btn-secondary,.cant-work-btn-primary{padding:10px 20px;border-radius:8px;border:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.cant-work-btn-secondary{background-color:#f3f4f6;color:#374151}.cant-work-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.cant-work-btn-primary{background-color:#dc2626;color:#fff}.cant-work-btn-primary:hover:not(:disabled){background-color:#b91c1c}.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:8px}.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:#333;margin-bottom:5px}.welcome-text{color:#666;font-size:16px;margin:0}.filter-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.tab{flex:1;padding:12px 20px;background:transparent;border:2px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .2s}.tab:hover{background-color:#f5f5f5;color:#333}.tab.active{background-color:#1e3a5f;color:#fff;border-color:#1e3a5f}.shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.shift-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;position:relative;border-left:4px solid #1E3A5F}.shift-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.shift-card.today{border-left-color:#4caf50;background:linear-gradient(135deg,#fff,#f1f8f4)}.shift-card.past{opacity:.7;border-left-color:#999}.today-badge{position:absolute;top:15px;right:15px;background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.shift-date{font-size:18px;font-weight:700;color:#1e3a5f;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:#999;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:#333;font-weight:600;line-height:1.4}.shift-address{font-size:13px;color:#666;padding-top:8px;border-top:1px solid #f0f0f0;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:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cant-work-btn:hover{background-color:#fef2f2;border-color:#f87171}.no-shifts{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.no-shifts p{color:#999;font-size:16px;margin:0}.loading,.error{text-align:center;padding:40px;font-size:18px}.error{color:#f44336}.error button{margin-top:20px;padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.error button:hover{background-color:#2b4f7d}@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:#fff;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:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.my-shifts-calendar-header h1{margin:0 0 .5rem;font-size:1.25rem;color:#1e3a5f;font-weight:700}.my-shifts-calendar-subtitle{margin:0;color:#666;font-size:.75rem}.my-shifts-calendar-controls{display:flex;flex-direction:column;gap:12px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.week-info{display:flex;flex-direction:column;gap:10px}.month-title{font-size:1rem;margin:0;color:#1e3a5f;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:#1e3a5f;color:#fff;border:none;border-radius:4px;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:#2a5080}.date-picker-popup{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px}.date-picker-content{display:flex;flex-direction:column;gap:15px}.date-picker-content label{font-weight:600;color:#333;font-size:.8125rem}.date-picker-content input[type=date]{padding:8px;border:2px solid #e0e0e0;border-radius:6px;font-size:.8125rem;transition:border-color .2s;width:100%}.date-picker-content input[type=date]:focus{outline:none;border-color:#1e3a5f}.date-picker-actions{display:flex;gap:10px}.go-btn,.cancel-date-btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.8125rem;font-weight:600;transition:background-color .2s;flex:1}.go-btn{background:#4caf50;color:#fff}.go-btn:hover:not(:disabled){background:#45a049}.go-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-date-btn{background:#f5f5f5;color:#666}.cancel-date-btn:hover{background:#e0e0e0}.my-shifts-week-view{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;min-width:0}.my-shifts-week-header-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid #e0e0e0;background:#fff;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 #e0e0e0;background:#f8f9fa}.my-shifts-day-header:last-child{border-right:none}.my-shifts-day-header.today{background:#e3f2fd;color:#1976d2;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 #e0e0e0}.time-label-text{position:absolute;left:8px;top:-10px;background:#fff;padding:2px 6px;font-size:.75rem;color:#666;font-weight:500;pointer-events:auto}.my-shifts-day-slots{position:relative;min-height:840px;border-right:1px solid #e0e0e0;background:#fff}.my-shifts-day-slots:last-child{border-right:none}.time-slot{height:60px;border-bottom:1px solid #f0f0f0}.my-shift-block{background:linear-gradient(135deg,#5a7a9a,#4a6a8a);border-radius:6px;padding:.75rem;color:#fff;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s;overflow:hidden;margin:0 4px;border-left:3px solid #7CB68E}.my-shift-block:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001f;background:linear-gradient(135deg,#6888a8,#5878a0)}.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:#f1f1f1}.my-shifts-week-scroll-container::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.my-shifts-week-scroll-container::-webkit-scrollbar-thumb:hover{background:#555}@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:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 4px #0000001a}.mobile-card-empty,.mobile-card-loading{text-align:center;padding:40px 20px;color:#999;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:#1e3a5f;font-size:1rem}.mobile-card-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.mobile-card-badge.success{background:#d4edda;color:#155724}.mobile-card-badge.warning{background:#fff3cd;color:#856404}.mobile-card-badge.danger{background:#f8d7da;color:#721c24}.mobile-card-badge.info{background:#e7f1ff;color:#004085}.mobile-card-subtitle{font-size:.875rem;color:#666;margin-bottom:12px}.mobile-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{font-size:.875rem;color:#666}.mobile-card-value{font-size:.875rem;color:#333;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:8px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.mobile-card-actions button.primary{background:#1e3a5f;color:#fff}.mobile-card-actions button.primary:active{background:#2b4f7d}.mobile-card-actions button.secondary{background:#f0f0f0;color:#333}.mobile-card-actions button.secondary:active{background:#e0e0e0}.mobile-card-actions button.danger{background:#dc3545;color:#fff}.mobile-card-actions button.danger:active{background:#c82333}.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:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600}.invite-btn:hover{background-color:#2563eb}.invite-link-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:20px;margin-bottom:30px}.invite-link-section h3{margin:0 0 8px;color:#1e293b;font-size:1.1rem}.invite-link-section p{margin:0 0 15px;color:#64748b;font-size:.9rem}.invite-link-box{display:flex;gap:10px;align-items:stretch}.invite-link-input{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:4px;font-size:.875rem;background:#fff;color:#1e293b;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.copy-btn{padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;white-space:nowrap}.copy-btn:hover{background-color:#2563eb}.whatsapp-btn{padding:10px 20px;background-color:#25d366;color:#fff;border:none;border-radius:4px;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:4px;cursor:pointer;font-size:14px;font-weight:600}.whatsapp-invite-btn:hover{background-color:#20ba5a}.employee-form{background:#f5f5f5;padding:20px;border-radius:8px;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:4px;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:#f44336;color:#fff;border:none;border-radius:4px;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:#1e3a5f;font-size:1.1rem}.employee-card-badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.employee-card-badge.active{background:#d4edda;color:#155724}.employee-card-contact{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:#666;margin-bottom:12px}.employee-card-contact .no-contact{color:#999;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:8px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.employee-card-actions button.primary{background:#1e3a5f;color:#fff}.employee-card-actions button.primary:active{background:#2b4f7d}.employee-card-actions button.primary.whatsapp{background:#25d366}.employee-card-actions button.primary.whatsapp:active{background:#20ba5a}.employee-card-actions button.secondary{background:#6c757d;color:#fff}.employee-card-actions button.secondary:active{background:#5a6268}.employee-card-actions button.danger{background:#dc3545;color:#fff}.employee-card-actions button.danger:active{background:#c82333}.employee-card-you{font-size:.875rem;color:#999;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}}.employee-view-container{display:flex;flex-direction:column;height:100%}.toggle-btn:hover{background:#f8f9fa;border-color:#007bff;color:#007bff}.toggle-btn.active{background:#007bff;color:#fff;border-color:#007bff}.toggle-btn.active:hover{background:#0056b3;border-color:#0056b3}.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:#333;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:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600}.add-btn:hover{background-color:#45a049}.location-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:30px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.submit-btn{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600}.submit-btn:hover{background-color:#2b4f7d}.locations-list{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 4px #0000001a;border-radius:8px;overflow:hidden}thead{background-color:#1e3a5f;color:#fff}th{padding:15px;text-align:left;font-weight:600}td{padding:12px 15px;border-bottom:1px solid #eee}tbody tr:hover{background-color:#f5f5f5}tbody tr:last-child td{border-bottom:none}.edit-btn{padding:6px 12px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.edit-btn:hover{background-color:#2b4f7d}.delete-btn{padding:6px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.delete-btn:hover{background-color:#da190b}.delete-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.delete-btn:disabled:hover{background-color:#ccc}.btn{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600}.btn:hover{background-color:#5a6268}.location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.location-card-name{font-weight:600;color:#1e3a5f;font-size:1.1rem}.location-card-status{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#f0f0f0;color:#999}.location-card-status.connected{background:#d4edda;color:#155724}.location-card-address{font-size:.875rem;color:#666;margin-bottom:12px}.location-card-actions{display:flex;gap:8px}.location-card-actions button{flex:1;padding:10px 12px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.location-card-actions button.primary{background:#1e3a5f;color:#fff}.location-card-actions button.primary:active{background:#2b4f7d}.location-card-actions button.danger{background:#dc3545;color:#fff}.location-card-actions button.danger:active{background:#c82333}.location-card-actions button:disabled{background:#ccc;cursor:not-allowed;opacity:.6}@media(max-width:768px){.header button.add-btn{width:100%;min-height:44px}}.inventory-calendar-container{height:calc(100vh - 148px);width:100%;max-width:100vw;display:flex;flex-direction:column;background:#f5f7fa;gap:16px;padding:16px;overflow:hidden;box-sizing:border-box}.inventory-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 1px 3px #00000014}.inventory-header-left h1{margin:0;font-size:1.5rem;color:#1e3a5f;font-weight:700}.inventory-subtitle{margin:4px 0 0;color:#666;font-size:.875rem}.inventory-header-controls{display:flex;gap:12px;align-items:center}.inventory-header-controls .location-select,.inventory-header-controls .history-select,.inventory-header-controls .search-input{padding:8px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.875rem;transition:border-color .2s;background:#fff}.inventory-header-controls .location-select:focus,.inventory-header-controls .history-select:focus,.inventory-header-controls .search-input:focus{outline:none;border-color:#1e3a5f}.inventory-header-controls .search-input{width:200px}.prediction-summary{display:flex;gap:12px}.summary-chip{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #00000014}.summary-chip.overdue{border-left:4px solid #dc3545}.summary-chip.soon{border-left:4px solid #ffc107}.summary-chip.total{border-left:4px solid #1E3A5F}.chip-count{font-size:1.5rem;font-weight:700;color:#1e3a5f}.chip-label{font-size:.875rem;color:#666}.inventory-main{flex:1;display:flex;gap:16px;min-height:0;overflow:hidden}.predictions-panel{width:350px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;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:8px;cursor:pointer;transition:background .15s;border-left:4px solid transparent;margin-bottom:4px}.prediction-row:hover{background:#f8f9fa}.prediction-row.selected{background:#e8f4fd}.prediction-row.urgency-overdue{border-left-color:#dc3545;background:#fff5f5}.prediction-row.urgency-soon{border-left-color:#ffc107;background:#fffbeb}.prediction-row.urgency-upcoming{border-left-color:#17a2b8}.prediction-row.urgency-ok{border-left-color:#28a745}.prediction-info{flex:1;min-width:0}.prediction-name{font-weight:600;color:#333;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:#666}.meta-insufficient{font-size:.75rem;color:#999;font-style:italic}.meta-confidence{font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.confidence-high{background:#d4edda;color:#155724}.confidence-medium{background:#fff3cd;color:#856404}.confidence-low{background:#f8d7da;color:#721c24}.prediction-urgency{font-weight:700;font-size:.9rem;color:#1e3a5f;white-space:nowrap;padding-left:12px}.urgency-overdue .prediction-urgency{color:#dc3545}.urgency-soon .prediction-urgency{color:#d39e00}.predictions-empty{padding:40px 20px;text-align:center;color:#999}.predictions-calculating{padding:60px 20px;text-align:center;color:#666}.predictions-calculating p{margin:8px 0}.predictions-calculating .calculating-hint{font-size:.8rem;color:#999}.calculating-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1e3a5f;border-radius:50%;margin:0 auto 16px;animation:spin 1s linear infinite}.calendar-panel{flex:1;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;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:#f8f9fa;border-bottom:2px solid #e0e0e0}.product-column-header{width:250px;flex-shrink:0;padding:12px 16px;font-weight:700;color:#1e3a5f;position:sticky;left:0;background:#f8f9fa;z-index:11;border-right:2px solid #e0e0e0}.date-column-header{width:70px;flex-shrink:0;padding:8px 4px;text-align:center;border-right:1px solid #eee}.date-label{font-size:.75rem;font-weight:600;color:#666}.order-indicator{color:#28a745;font-weight:700;font-size:.75rem}.calendar-product-row{display:flex;border-bottom:1px solid #eee;min-height:44px;cursor:pointer;transition:background .15s}.calendar-product-row:hover{background:#f8f9fa}.calendar-product-row.selected{background:#e8f4fd}.product-name-cell{width:250px;flex-shrink:0;padding:10px 16px;display:flex;align-items:center;position:sticky;left:0;background:#fff;z-index:5;border-right:2px solid #e0e0e0}.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:#333;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 #eee;font-size:.8rem}.order-amount{color:#28a745;font-weight:600}.order-empty{color:#ddd}.today-column{background:#e8f4fd!important;border-left:2px solid #1E3A5F;border-right:2px solid #1E3A5F}.today-column .date-label{color:#1e3a5f;font-weight:700}.today-cell{background:#e8f4fd!important;border-left:2px solid #1E3A5F;border-right:2px solid #1E3A5F}.estimated-qty{color:#1e3a5f;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:#fff;padding:10px 24px;border-radius:24px;box-shadow:0 2px 12px #00000026;z-index:100}.summary-item{display:flex;align-items:center;gap:6px}.summary-count{font-size:1.1rem;font-weight:700;color:#1e3a5f}.summary-item.overdue .summary-count{color:#dc3545}.summary-item.soon .summary-count{color:#d39e00}.summary-label{font-size:.8rem;color:#666}.summary-divider{width:1px;height:24px;background:#e0e0e0}.detail-sheet-overlay{display:none}.detail-sheet{background:#fff;border-radius:16px 16px 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 #eee;position:sticky;top:0;background:#fff}.detail-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0}.detail-sheet-header h2{margin:0;font-size:1.1rem;color:#1e3a5f}.detail-sheet-content{padding:20px}.detail-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.detail-stat{background:#f8f9fa;padding:12px 16px;border-radius:8px}.stat-label{display:block;font-size:.75rem;color:#666;margin-bottom:4px}.stat-value{font-size:1rem;font-weight:600;color:#333}.stat-value.urgency-overdue{color:#dc3545}.stat-value.urgency-soon{color:#d39e00}.detail-history h3{margin:0 0 12px;font-size:.9rem;color:#1e3a5f}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;padding:10px 12px;background:#f8f9fa;border-radius:6px;font-size:.875rem}.history-date{color:#666}.history-qty{color:#28a745;font-weight:600}.no-history{color:#999;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:#666}.calendar-empty-hint{margin-top:8px!important;font-size:.875rem!important;color:#999!important}.inventory-calendar-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.25rem;color:#666}.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:#f1f1f1}.predictions-list::-webkit-scrollbar-thumb,.calendar-scroll-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.predictions-list::-webkit-scrollbar-thumb:hover,.calendar-scroll-container::-webkit-scrollbar-thumb:hover{background:#999}@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:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.toggle-btn{padding:.75rem 1.5rem;border:1px solid #ddd;background:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.toggle-btn:hover{background:#f8f9fa;border-color:#1e3a5f;color:#1e3a5f}.toggle-btn.active{background:#1e3a5f;color:#fff;border-color:#1e3a5f}.toggle-btn.active:hover{background:#2a5080;border-color:#2a5080}.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:#1e3a5f;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 #ccc;border-radius:4px;font-size:14px;width:200px;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f1a}.search-input::placeholder{color:#999}.inventory-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e0e0e0}.tab{padding:12px 24px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:16px;font-weight:600;color:#666;transition:all .2s}.tab:hover{color:#1e3a5f;background-color:#f5f5f5}.tab.active{color:#fff;background-color:#1e3a5f;border-bottom-color:#1e3a5f}.tab.active:hover{color:#fff;background-color:#2b4f7d}.inventory-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.inventory-content h2{color:#1e3a5f;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:#1e3a5f;color:#fff;padding:12px;text-align:left;font-weight:600;font-size:14px;white-space:nowrap}.inventory-table td{padding:12px;border-bottom:1px solid #e0e0e0;font-size:14px}.inventory-table tbody tr:hover{background-color:#f8f9fa}.product-name{font-weight:600;color:#1e3a5f;margin-bottom:4px}.product-description{font-size:12px;color:#666;font-style:italic}.unit-badge{display:inline-block;padding:4px 10px;background-color:#e3f2fd;color:#1565c0;border-radius:12px;font-size:12px;font-weight:500}.quantity-cell{text-align:center;font-weight:600;color:#2b4f7d}.volume-cell{text-align:center;font-weight:600;color:#4caf50}.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:#1e3a5f}.location-qty{color:#2b4f7d}.location-volume{color:#666;font-size:12px}.no-stock{color:#999;font-style:italic}.action-buttons{display:flex;gap:8px;flex-direction:row}.btn-primary{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-primary:hover{background-color:#2b4f7d}.btn-primary.btn-compact{padding:7px 10px;font-size:12px;font-weight:500;white-space:nowrap;width:auto;background:#1e3a5f}.btn-secondary{padding:10px 20px;background-color:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background-color:#d0d0d0}.btn-secondary.btn-compact{padding:7px 10px;font-size:12px;font-weight:500;white-space:nowrap;width:auto}.btn-small{padding:6px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:background-color .2s}.btn-small:hover{background-color:#45a049}.btn-small.btn-edit{background-color:#ff9800}.btn-small.btn-edit:hover{background-color:#f57c00}.btn-small.btn-delete{background-color:#d32f2f;font-size:13px}.btn-small.btn-delete:hover{background-color:#b71c1c}.location-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px}.location-selector label{font-weight:600;color:#1e3a5f}.location-selector select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;min-width:200px}.no-data{text-align:center;padding:40px;color:#999;font-size:16px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.modal-content h2{color:#1e3a5f;margin:0 0 20px;font-size:22px}.modal-description{color:#666;font-size:14px;margin-bottom:20px;line-height:1.5}.stored-credentials-info{background-color:#f0f8ff;border:1px solid #b3d9ff;border-radius:4px;padding:12px;margin-bottom:16px}.stored-credentials-info p{margin:0 0 8px;color:#1e3a5f;font-size:14px}.btn-link{background:none;border:none;color:#1e3a5f;text-decoration:underline;cursor:pointer;font-size:13px;padding:0}.btn-link:hover{color:#2b4f7d}.checkbox-label{display:flex;align-items:center;gap:8px;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:#333;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f5f5f5;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 #e0e0e0}@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:#1e3a5f;font-size:1.1rem}.product-card-qty{font-weight:600;color:#1e3a5f;font-size:1rem;background:#e7f1ff;padding:4px 10px;border-radius:12px}.product-card-desc{font-size:.875rem;color:#666;margin:0 0 12px}.product-card-actions{display:flex;gap:8px}.product-card-actions button{flex:1;padding:10px 12px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;min-height:44px}.product-card-actions button.secondary{background:#6c757d;color:#fff}.product-card-actions button.secondary:active{background:#5a6268}.product-card-actions button.danger{background:#dc3545;color:#fff}.product-card-actions button.danger:active{background:#c82333}.stock-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;background:#1e3a5f;color:#fff;min-height:36px}.stock-btn:active{background:#2b4f7d}.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:#f8f9fa;border-radius:6px}.stock-location-row .loc-name{font-size:.875rem;color:#666}.stock-location-row .loc-qty{font-size:.875rem;color:#1e3a5f;font-weight:600}.stock-card-locations .no-stock{font-size:.875rem;color:#999;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:#666}.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 #ddd;border-radius:8px;background-color:#fff;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 #ddd;border-radius:8px;outline:none}.stock-count-search .search-input:focus{border-color:#4a90d9;box-shadow:0 0 0 2px #4a90d91a}.clear-search{padding:.75rem 1rem;font-size:.875rem;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer}.stock-count-list{display:flex;flex-direction:column;gap:.75rem}.no-products{text-align:center;padding:2rem;color:#666}.stock-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;transition:all .2s ease}.stock-card.changed{border-color:#4a90d9;background:#f8fbff}.stock-card-info{flex:1;min-width:150px}.stock-card-info .product-name{font-weight:600;font-size:1rem;color:#333;margin-bottom:.25rem}.stock-card-info .product-description{font-size:.8rem;color:#666;margin-bottom:.25rem;line-height:1.3}.stock-card-info .current-stock{font-size:.8rem;color:#888}.stock-card-info .current-stock span{font-weight:600;color:#555}.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:#f5f5f5;border:1px solid #ddd;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.qty-btn.decrement{border-radius:8px 0 0 8px}.qty-btn.increment{border-radius:0 8px 8px 0}.qty-btn:hover{background:#e8e8e8}.qty-btn:active{background:#ddd;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 #ddd;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:#fffbe6;border-color:#ddd}.stock-diff{padding:.25rem .5rem;font-size:.875rem;font-weight:600;border-radius:6px;min-width:40px;text-align:center}.stock-diff.positive{background:#e6f4ea;color:#1e7e34}.stock-diff.negative{background:#fce8e6;color:#c62828}.stock-count-actions{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -4px 12px #0000001a;z-index:100}.changes-summary{font-size:.875rem;color:#666}.action-buttons{display:flex;gap:.75rem}.btn-reset,.btn-save{padding:.75rem 1.25rem;font-size:1rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-reset{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-reset:hover{background:#e8e8e8}.btn-save{background:#4a90d9;color:#fff}.btn-save:hover{background:#3a7bc8}.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:linear-gradient(135deg,#1e3a5f,#2b4f7d)}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:450px}.auth-card h1{color:#333;margin-bottom:10px;font-size:28px}.auth-subtitle{color:#666;margin-bottom:30px;font-size:14px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.auth-submit-btn{padding:14px 24px;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;border:none;border-radius:8px;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:0 5px 20px #1e3a5f66}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:8px;border-left:4px solid #c33;font-size:14px}.auth-switch{text-align:center;margin-top:20px;color:#666;font-size:14px}.auth-switch a{color:#1e3a5f;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 #e0e0e0;border-radius:8px;background:#fff;font-size:15px;font-weight:500;color:#333;cursor:pointer;transition:all .2s}.social-btn:hover:not(:disabled){border-color:#1e3a5f;background:#f8f9fa}.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 #e0e0e0}.auth-divider span{padding:0 16px;color:#999;font-size:14px;text-transform:uppercase}.code-input{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;font-family:monospace;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .2s,box-shadow .2s;text-transform:uppercase}.code-input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.code-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;border-left:4px solid #28a745;font-size:14px;margin-bottom:16px}.resend-section{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.resend-section p{color:#666;font-size:14px;margin-bottom:8px}.btn-link{background:none;border:none;color:#1e3a5f;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover:not(:disabled){color:#2b4f7d}.btn-link:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.verification-icon{text-align:center;margin-bottom:16px;color:#1e3a5f}.success-icon{text-align:center;margin-bottom:16px;color:#28a745}.error-icon{text-align:center;margin-bottom:16px;color:#dc3545}@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:#f8f9fa;display:flex;flex-direction:column}.business-info-header{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);padding:20px 40px;box-shadow:0 2px 8px #0000001a}.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:#fff}.header-actions{display:flex;align-items:center;gap:16px}.header-enterprise-link{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease;background:#ffffff1a;white-space:nowrap}.header-enterprise-link:hover{background:#fff3;transform:translateY(-1px)}.header-sign-in{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:10px 24px;border:2px solid white;border-radius:8px;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:#1e3a5f;margin:0 0 20px}.business-info-description{font-size:18px;line-height:1.6;color:#666;margin:0}.business-info-form-wrapper{background:#fff;padding:48px;border-radius:12px;box-shadow:0 2px 16px #00000014;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 #ddd;border-radius:8px;font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.submit-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.success-message{text-align:center;padding:40px 20px}.success-message h2{font-size:32px;font-weight:700;color:#1e3a5f;margin:0 0 16px}.success-message p{font-size:18px;line-height:1.6;color:#666;margin:0}.error-message{text-align:center;padding:40px 20px;background:#fff5f5;border-radius:8px;border:2px solid #fc8181}.error-message h2{font-size:32px;font-weight:700;color:#c53030;margin:0 0 16px}.error-message p{font-size:18px;line-height:1.6;color:#666;margin:0}.owner-question{text-align:center;padding:40px 20px}.owner-question h2{font-size:32px;font-weight:700;color:#1e3a5f;margin:0 0 24px}.owner-question-text{font-size:20px;line-height:1.6;color:#666;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:8px;cursor:pointer;transition:all .3s ease;min-width:200px}.yes-btn{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff}.yes-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.no-btn{background:#fff;color:#1e3a5f;border:2px solid #1E3A5F}.no-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.business-info-footer{background:#0f1f35;color:#fff;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:#f8f9fa;display:flex;flex-direction:column}.contact-header{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;padding:20px;box-shadow:0 2px 8px #0000001a}.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:#fff}.header-logo{height:40px;width:auto}.header-logo-text{font-size:24px;font-weight:700}.header-nav{display:flex;gap:24px}.nav-link{color:#fff;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:#1e3a5f;margin:0 0 20px}.contact-description{font-size:18px;line-height:1.6;color:#666;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:#1e3a5f;margin:0 0 8px}.detail-content p,.detail-content a{font-size:16px;color:#666;margin:0;text-decoration:none}.detail-content a:hover{color:#1e3a5f}.contact-form-wrapper{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 16px #00000014}.contact-form h2{font-size:28px;font-weight:600;color:#1e3a5f;margin:0 0 32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;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:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.form-group textarea{resize:vertical;min-height:150px}.submit-btn{width:100%;padding:14px 32px;background:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-footer{background:#0f1f35;color:#fff;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:#fff}@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}}.onboarding-container{display:flex;min-height:100vh;background:#f8f9fa}.onboarding-sidebar{width:320px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:2rem;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;position:fixed;height:100vh;overflow-y:auto}.onboarding-sidebar .sidebar-header{margin-bottom:3rem}.onboarding-sidebar .sidebar-logo{width:48px;height:48px;margin-bottom:1rem}.onboarding-sidebar .sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0}.steps-nav{flex:1}.step-item{display:flex;align-items:flex-start;gap:1rem;border-left:2px solid rgba(255,255,255,.2);margin-left:1.25rem;padding:1.25rem 0 1.25rem 1.5rem;position:relative;transition:all .3s ease}.step-item:before{content:"";position:absolute;left:-2px;top:0;width:2px;height:100%;background:transparent;transition:background .3s ease}.step-item.active:before{background:#fff}.step-item.completed:before{background:#10b981}.step-number{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;margin-left:-48px;transition:all .3s ease}.step-item.active .step-number{background:#fff;color:#1e3a8a;box-shadow:0 0 0 4px #ffffff4d}.step-item.completed .step-number{background:#10b981;color:#fff}.step-item.disabled .step-number{opacity:.5}.step-number .checkmark{font-size:1.1rem}.step-info h3{font-size:.95rem;font-weight:500;margin:0;opacity:.9}.step-item.active .step-info h3{opacity:1;font-weight:600}.step-item.disabled .step-info h3{opacity:.5}.step-item.clickable:hover{background:#ffffff1a;transform:translate(4px);transition:all .2s ease}.step-item.clickable:hover .step-number{box-shadow:0 0 0 4px #ffffff4d}.sidebar-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.help-text{font-size:.875rem;opacity:.8}.help-text a{color:#fff;text-decoration:underline}.onboarding-main{flex:1;margin-left:320px;padding:3rem;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto}.onboarding-content{max-width:700px;width:100%}.step-container{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 1px 3px #0000001a}.step-header h1{font-size:2rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.step-description{font-size:1.1rem;color:#64748b;margin:0;line-height:1.6}.step-form{display:flex;flex-direction:column;gap:2rem}.form-section{background:#f8f9fa;padding:1.5rem;border-radius:8px}.form-section h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 1.5rem}.form-section>div:first-of-type{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-section>div:first-of-type h3{margin:0;flex:1 1 auto}.form-section>div:first-of-type .btn,.form-section>div:first-of-type button{flex:0 0 auto;width:auto;white-space:nowrap}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:#f1f5f9;cursor:not-allowed}.error-text{font-size:.8125rem;color:#ef4444;margin:0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.location-item .form-group,.product-item .form-group,.order-item .form-group,.employee-item .form-group{margin-bottom:1rem}.location-item .form-row,.product-item .form-row,.order-item .form-row,.employee-item .form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.location-item .form-row,.product-item .form-row,.order-item .form-row,.employee-item .form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.input-with-suffix{display:flex;align-items:stretch}.input-with-suffix input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.input-suffix{background:#f1f5f9;border:1px solid #e2e8f0;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:.75rem 1rem;display:flex;align-items:center;color:#64748b;font-size:.95rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.location-item,.product-item,.order-item,.employee-item{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1rem;display:block}.location-header,.product-header,.order-header,.employee-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.location-header h4,.product-header h4,.order-header h4,.employee-header h4{font-size:.875rem;font-weight:600;color:#64748b;margin:0;text-transform:uppercase;letter-spacing:.5px;flex:0 0 auto}.location-item p,.product-item p,.order-item p,.employee-item p{margin:.25rem 0;display:block}.location-item strong,.product-item strong,.order-item strong,.employee-item strong{font-size:1rem;color:#1e293b}.btn-remove{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:.375rem .75rem;border-radius:4px;font-size:.8125rem;cursor:pointer;transition:all .2s ease}.btn-remove:hover:not(:disabled){background:#ef4444;color:#fff}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-link{background:transparent;color:#3b82f6;padding:.75rem 1rem}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-add{width:100%;border:2px dashed #cbd5e1;background:transparent;color:#64748b}.btn-add:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.btn-complete{background:#10b981}.btn-complete:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.action-group{display:flex;align-items:center;gap:.5rem}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.import-method-selection{margin-bottom:2rem}.method-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.method-card{position:relative;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease;background:#fff}.method-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.method-card.selected{border-color:#3b82f6;background:#3b82f60d}.method-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.method-card-content{text-align:center}.method-icon{font-size:2.5rem;margin-bottom:.75rem}.method-card-content h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.method-card-content p{font-size:.875rem;color:#64748b;margin:0}.integration-form{background:#f8f9fa;padding:1.5rem;border-radius:8px}.integration-form h3,.upload-section h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.upload-locations{display:grid;gap:1.5rem}.upload-location-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.upload-location-item h4{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.location-address{font-size:.875rem;color:#64748b;margin:0 0 1rem}.file-upload-area{border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center;transition:all .2s ease}.file-upload-area:hover{border-color:#3b82f6;background:#3b82f605}.file-upload-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#475569}.upload-icon{font-size:2.5rem}.file-upload-label span{font-weight:500}.file-upload-label small{font-size:.8125rem;color:#64748b}.uploaded-file{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e2e8f0}.file-info{display:flex;align-items:center;gap:1rem}.file-icon{font-size:2rem}.file-details{display:flex;flex-direction:column;gap:.25rem}.file-name{font-weight:500;color:#1e293b;margin:0}.file-size{font-size:.8125rem;color:#64748b;margin:0}.btn-remove-file{background:transparent;border:1px solid #ef4444;color:#ef4444;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-remove-file:hover:not(:disabled){background:#ef4444;color:#fff}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.btn-sync-nowcommerce{width:100%;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:1rem}.btn-sync-nowcommerce:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-sync-nowcommerce:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8}.sync-success{margin-top:1rem;padding:.75rem 1rem;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:6px;font-size:.875rem;font-weight:500}.info-box{padding:1.5rem;background:#f1f5f9;border-radius:8px;text-align:center}.completing-container{display:flex;align-items:center;justify-content:center;min-height:400px}.completing-content{text-align:center;max-width:400px}.completing-spinner{width:64px;height:64px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 2rem}.completing-content h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.completing-description{font-size:1.1rem;color:#64748b;margin:0 0 2rem;line-height:1.6}.completing-steps{text-align:left;background:#f8f9fa;border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:1.5rem}.completing-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#94a3b8;font-size:.95rem}.completing-step.active{color:#1e293b;font-weight:500}.completing-step-icon{font-size:.75rem}.completing-step.active .completing-step-icon{color:#3b82f6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.completing-hint{font-size:.875rem;color:#94a3b8;margin:0}.employee-add-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.employee-add-form{margin-top:1rem}.employees-list-section{margin-bottom:1.5rem}.employees-list{display:flex;flex-direction:column;gap:.75rem}.employee-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.employee-list-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.employee-list-info{display:flex;align-items:center;gap:.75rem;flex:1}.employee-number{font-size:.875rem;font-weight:600;color:#64748b;min-width:1.5rem}.employee-name{font-size:1rem;font-weight:500;color:#1e293b}.btn-remove-small{background:transparent;border:none;color:#ef4444;font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-remove-small:hover:not(:disabled){background:#fee2e2;color:#dc2626}.btn-remove-small:disabled{opacity:.5;cursor:not-allowed}.invite-link-section{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.invite-link-box{display:flex;gap:.75rem;align-items:stretch}.invite-link-input{flex:1;padding:.75rem 1rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem;background:#fff;color:#1e293b;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.invite-link-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:1024px){.onboarding-sidebar{width:280px}.onboarding-main{margin-left:280px;padding:2rem}.step-container{padding:2rem}}@media(max-width:768px){.onboarding-container{flex-direction:column}.onboarding-sidebar{width:100%;height:auto;position:relative;padding:1rem 1.5rem}.onboarding-sidebar .sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.onboarding-sidebar .sidebar-header h2{font-size:1.25rem;margin:0}.onboarding-sidebar .sidebar-logo{width:36px;height:36px;margin-bottom:0}.steps-nav{display:flex;flex-direction:row;justify-content:space-between;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.step-item{flex:1;min-width:auto;padding:.5rem;margin-left:0;padding-left:0;border-left:none;border-bottom:2px solid rgba(255,255,255,.2);flex-direction:column;align-items:center;text-align:center;gap:.25rem}.step-item:before{display:none}.step-item.active{border-bottom-color:#fff}.step-item.completed{border-bottom-color:#10b981}.step-number{width:28px;height:28px;font-size:.875rem;margin-left:0}.step-info h3{font-size:.7rem;white-space:nowrap}.onboarding-sidebar .sidebar-footer{display:none}.onboarding-main{margin-left:0;padding:1rem}.onboarding-content{max-width:100%}.step-container{padding:1.25rem;border-radius:8px}.step-header{margin-bottom:1.5rem}.step-header h1{font-size:1.35rem}.step-description{font-size:.95rem}.step-form{gap:1.25rem}.form-section{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem;padding-top:1rem}.action-group{width:100%;flex-direction:column}.action-group .btn{width:100%}.btn{padding:.875rem 1.25rem;font-size:1rem}.method-cards{grid-template-columns:1fr}.method-card{padding:1rem}.method-icon{font-size:2rem}.invite-link-box{flex-direction:column}.invite-link-input{font-size:.75rem}.employee-list-item{flex-direction:column;align-items:flex-start;gap:.75rem}.employee-list-info{width:100%}.btn-remove-small{align-self:flex-end}}@media(max-width:400px){.onboarding-sidebar{padding:.75rem 1rem}.step-info h3{font-size:.6rem}.step-number{width:24px;height:24px;font-size:.75rem}.step-container{padding:1rem}.step-header h1{font-size:1.2rem}.form-group input,.form-group textarea,.form-group select{padding:.625rem .875rem;font-size:16px}}.social-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.social-divider:before,.social-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.social-divider span{color:#64748b;font-size:.875rem;white-space:nowrap}.social-signup-buttons{display:flex;gap:1rem}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.social-btn:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-icon{flex-shrink:0}.social-auth-connected{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;color:#166534;font-weight:500}.social-auth-connected .social-icon{flex-shrink:0}@media(max-width:480px){.social-signup-buttons{flex-direction:column}}.checkbox-group{margin-top:.5rem}.checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.checkbox-text{color:#1e293b;font-size:.9375rem;line-height:1.5}.checkbox-group .form-hint{margin-left:1.65rem;margin-top:.25rem}.locations-inline{display:flex;flex-direction:column;gap:.75rem}.location-inline-item{display:flex;align-items:center;gap:.5rem}.location-inline-item input{flex:1}.btn-remove-inline{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.btn-remove-inline:hover:not(:disabled){background:#fef2f2;color:#ef4444}.btn-remove-inline:disabled{opacity:.5;cursor:not-allowed}.import-tabs{display:flex;gap:0;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0}.import-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.import-tab:hover{color:#3b82f6;background:#3b82f60d}.import-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-icon{font-size:1.25rem}.tab-badge{background:#10b981;color:#fff;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;margin-left:.25rem}.import-tab-content{min-height:300px}.import-question{text-align:center;padding:1rem 0}.import-question h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.import-question .form-hint{max-width:480px;margin:0 auto 1.5rem;line-height:1.6}.yes-no-buttons{display:flex;flex-direction:column;gap:.75rem;max-width:320px;margin:0 auto}.btn-option{padding:1rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-option:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d}.btn-option-secondary{padding:1rem 1.5rem;background:#fff;color:#64748b;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-option-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.email-connect-section{max-width:400px;margin:0 auto;text-align:center}.email-connect-section h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.email-connect-section .social-signup-buttons{justify-content:center;margin-top:1rem}.email-connected-status{max-width:400px;margin:0 auto;text-align:center}.connected-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;color:#166534}.connected-text{font-weight:600;font-size:1rem}.connected-badge .checkmark{color:#10b981;font-size:1.25rem}.no-email-section{max-width:400px;margin:0 auto;text-align:center}.import-section-header{margin-bottom:1.5rem}.import-section-header h3{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.portal-locations{display:flex;flex-direction:column;gap:1rem}.portal-location-card{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem}.location-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.location-number{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.btn-remove-location{background:transparent;border:none;color:#94a3b8;font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.btn-remove-location:hover{background:#fef2f2;color:#ef4444}.location-card-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.sync-success-inline{color:#10b981;font-weight:500;font-size:.875rem}.add-location-btn{align-self:flex-start;margin-top:.5rem}.skip-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;text-align:center}@media(max-width:768px){.import-tabs{gap:0}.import-tab{padding:.75rem 1rem;font-size:.875rem}.tab-icon{font-size:1rem}.yes-no-buttons,.email-connect-section,.email-connected-status,.no-email-section{max-width:100%}.email-connect-section .social-signup-buttons{flex-direction:column}}.inventory-setup-prompt{text-align:center;padding:2rem 1rem;max-width:520px;margin:0 auto}.inventory-setup-prompt .prompt-icon{font-size:3rem;margin-bottom:1rem}.inventory-setup-prompt h3{font-size:1.35rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.inventory-setup-prompt .btn-primary{padding:.875rem 2rem;font-size:1rem}@media(max-width:768px){.inventory-setup-prompt{padding:1rem 0}.inventory-setup-prompt .prompt-icon{font-size:2.5rem}.inventory-setup-prompt h3{font-size:1.15rem}}.verification-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.verification-icon svg{color:#1e3a5f}.verification-icon.success svg{color:#22c55e}.verification-content{text-align:center;padding:1rem 0}.verification-status{min-height:2rem;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.checking-text{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.verification-actions{margin:1.5rem 0}.verification-note{font-size:.875rem;color:#64748b;margin-top:1rem}.spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#1e3a5f;border-radius:50%;animation:spin 1s linear infinite}.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:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;border:2px solid #e2e8f0;border-radius:8px;transition:border-color .2s,box-shadow .2s;text-transform:uppercase}.code-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.code-input:disabled{background-color:#f1f5f9;cursor:not-allowed}.message{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.message.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.message.success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.link-button{background:none;border:none;color:#3b82f6;font-weight:500;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.link-button:hover:not(:disabled){color:#2563eb}.link-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.code-input{width:40px;height:48px;font-size:20px}.code-input-container{gap:6px}}.setup-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);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:#64748b;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:#1e3a5f;margin:0 0 .5rem}.setup-subtitle{font-size:1.125rem;color:#64748b;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:50%;background:#e2e8f0;color:#64748b;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:#1e3a5f;color:#fff}.progress-step.completed .progress-step-number{background:#22c55e;color:#fff}.progress-step-label{font-size:.875rem;color:#64748b;font-weight:500}.progress-step.active .progress-step-label{color:#1e3a5f;font-weight:600}.alert{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9375rem}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.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:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.setup-step h2{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.step-description{font-size:1rem;color:#64748b;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:#64748b;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:#f8fafc;border-radius:8px;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:#1e293b}.connection-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:500}.connection-status.error{background:#fef2f2;color:#b91c1c}.connection-status.syncing{background:#fef3c7;color:#b45309}.connection-status.success{background:#dcfce7;color:#15803d}.btn-text-danger{background:none;border:none;color:#b91c1c;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:linear-gradient(135deg,#1e3a5f,#2b4f7d);color:#fff;border-radius:8px;margin-bottom:1.5rem;font-size:.9375rem;font-weight:500}.discovery-progress .spinner{border-color:#ffffff4d;border-top-color:#fff}.connect-buttons{margin-bottom:1.5rem}.connect-label{font-size:.875rem;color:#64748b;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:#b45309;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:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .75rem}.location-item{display:flex;align-items:center;padding:.75rem 1rem;background:#f8fafc;border-radius:8px;margin-bottom:.5rem}.location-info{display:flex;align-items:center;gap:.5rem}.location-name{font-size:.9375rem;font-weight:500;color:#1e293b}.location-code{font-size:.875rem;color:#64748b}.location-config-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8fafc;border-radius:8px;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:#15803d}.config-status.pending{color:#64748b}.step-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.setup-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.setup-btn.primary{background:#1e3a5f;color:#fff}.setup-btn.primary:hover{background:#2b4f7d}.setup-btn.secondary{background:transparent;color:#64748b;border:1px solid #e2e8f0}.setup-btn.secondary:hover{background:#f8fafc;color:#1e293b}.setup-btn.text{background:transparent;color:#64748b;border:none}.setup-btn.text:hover{color:#1e293b}.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:#fff;border:1px solid #e2e8f0;color:#1e293b;padding:.625rem 1rem}.setup-btn.oauth-btn:hover{background:#f8fafc;border-color:#cbd5e1}.setup-btn.oauth-btn svg{flex-shrink:0}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;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:#64748b;background:#f8fafc;border-radius:8px;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:#fff;border-radius:12px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.modal-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#1e293b}.modal-body{padding:1.5rem}.modal-subtitle{font-size:.9375rem;color:#64748b;margin:0 0 1.5rem}.modal-error{background:#fef2f2;color:#b91c1c;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input{width:100%;padding:.625rem .875rem;font-size:.9375rem;border:1px solid #d1d5db;border-radius:6px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:#1e3a5f;box-shadow:0 0 0 3px #1e3a5f1a}.form-group input::placeholder{color:#9ca3af}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc;border-radius:0 0 12px 12px}@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:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.signup-container{background:#fff;border-radius:12px;padding:3rem;box-shadow:0 10px 40px #0003;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:#1e293b;margin:0 0 .5rem}.signup-header p{font-size:1rem;color:#64748b;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:#334155}.form-group input{padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f1f5f9;cursor:not-allowed}.form-hint{font-size:.8125rem;color:#64748b;margin:0}.alert{padding:1rem 1.25rem;border-radius:6px;margin-bottom:1.5rem}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.btn{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;text-decoration:none;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-submit{margin-top:.5rem}.signup-footer{margin-top:2rem;text-align:center;font-size:.875rem;color:#64748b}.signup-footer a{color:#667eea;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:#666;font-size:14px;padding:20px 0}.availability-success{padding:12px;background:#d4edda;color:#155724;border-radius:4px;margin-bottom:15px;border-left:4px solid #28a745;font-size:14px}.availability-error{background-color:#fee;color:#c33;padding:12px;border-radius:4px;border-left:4px solid #c33;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:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;transition:all .2s}.day-row.active{background:#f0f7f0;border-color:#c3e6c3}.day-toggle{display:flex;align-items:center;gap:12px}.day-label{font-weight:600;color:#333;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:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.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 #ddd;border-radius:4px;font-size:14px;background:#fff}.time-inputs input[type=time]:focus{outline:none;border-color:#1e3a5f}.time-separator{color:#666;font-size:14px}.not-available{color:#999;font-size:14px;font-style:italic}.save-availability-btn{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s;width:100%}.save-availability-btn:hover:not(:disabled){background-color:#2b4f7d}.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:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-content h1{color:#333;margin:0 0 10px;font-size:28px}.settings-subtitle{color:#666;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:#333;font-size:14px}.form-group input{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#1e3a5f}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.submit-btn{padding:10px 20px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.submit-btn:hover:not(:disabled){background-color:#2b4f7d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{padding:12px;background:#d4edda;color:#155724;border-radius:4px;margin-bottom:20px;border-left:4px solid #28a745}.error-message{background-color:#fee;color:#c33;padding:12px 16px;border-radius:4px;border-left:4px solid #c33;font-size:14px;margin-bottom:20px}.security-section{margin-top:40px;padding-top:30px;border-top:1px solid #ddd}.change-password-btn{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.change-password-btn:hover{background-color:#5a6268}.button-group{display:flex;gap:10px}.cancel-btn{padding:10px 20px;background-color:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:600;transition:background-color .2s}.cancel-btn:hover:not(:disabled){background-color:#5a6268}.cancel-btn:disabled{opacity:.7;cursor:not-allowed}.email-connection-section{margin-top:40px;padding-top:30px;border-top:1px solid #ddd}.section-description{color:#666;margin-bottom:20px;font-size:14px}.email-connected{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.connection-info{margin-bottom:15px}.connection-status{display:flex;align-items:center;gap:8px;font-weight:600;color:#28a745;margin-bottom:15px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-dot.connected{background-color:#28a745}.connection-details p{margin:8px 0;font-size:14px;color:#333}.connection-details strong{color:#555}.connection-error{color:#dc3545!important}.disconnect-btn{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.disconnect-btn:hover:not(:disabled){background-color:#c82333}.disconnect-btn:disabled{opacity:.7;cursor:not-allowed}.email-connect-options p{color:#666;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 #ddd;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;background:#fff;min-width:180px}.oauth-btn:hover:not(:disabled){border-color:#999;background:#f8f9fa}.oauth-btn:disabled{opacity:.7;cursor:not-allowed}.google-btn{color:#333}.google-btn:hover:not(:disabled){border-color:#4285f4}.microsoft-btn{color:#333}.microsoft-btn:hover:not(:disabled){border-color:#00a4ef}.social-login-section,.availability-section{margin-top:40px;padding-top:30px;border-top:1px solid #ddd}.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:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.social-provider{display:flex;align-items:center;gap:12px;font-weight:600;color:#333}.social-connected-info{display:flex;align-items:center;gap:12px}.connected-email{color:#28a745;font-size:14px}.connect-social-btn{padding:8px 16px;background-color:#1e3a5f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.connect-social-btn:hover:not(:disabled){background-color:#2b4f7d}.connect-social-btn:disabled{opacity:.7;cursor:not-allowed}.disconnect-social-btn{padding:8px 16px;background-color:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.disconnect-social-btn:hover:not(:disabled){background-color:#c82333}.disconnect-social-btn:disabled{opacity:.7;cursor:not-allowed}@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:8px;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:#ef4444;color:#fff;border-radius:10px;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:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;z-index:1000}.notification-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e5e7eb}.notification-dropdown-header h3{margin:0;font-size:1.1rem;color:#1f2937;font-weight:600}.mark-all-read-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.875rem;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .2s}.mark-all-read-btn:hover:not(:disabled){background-color:#eff6ff}.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 #f3f4f6;cursor:pointer;transition:all .2s}.notification-item:hover{background-color:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-message{color:#374151;font-size:.9375rem;line-height:1.5;margin-bottom:4px}.notification-time{color:#9ca3af;font-size:.8125rem}.no-notifications{padding:40px 20px;text-align:center}.no-notifications p{color:#9ca3af;margin:0;font-size:.9375rem}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f3f4f6}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.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:#1a1a1a;margin:0}.billing-loading,.billing-error{padding:2rem;text-align:center;color:#666}.billing-error{color:#dc2626}.subscription-card{background:linear-gradient(135deg,#1e3a5f,#2b4f7d);border-radius:12px;padding:2rem;color:#fff;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}.plan-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;width:fit-content}.plan-tier-badge.tier-starter,.plan-tier-badge.tier-basic{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.plan-tier-badge.tier-pro,.plan-tier-badge.tier-professional{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f}.plan-tier-badge.tier-enterprise{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.status-badge{padding:.5rem 1rem;border-radius:20px;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:8px;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:8px;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:6px;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-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:8px;font-size:.9rem}.plan-usage p{margin:.25rem 0}.expired-info{padding:1.5rem;text-align:center;background:#ef444433;border-radius:8px;font-size:1rem}.inactive-info{padding:1.5rem;text-align:center;background:#3b82f61a;border-radius:8px;font-size:1rem}.inactive-info strong{color:#2563eb}.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:8px;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:6px;font-size:.875rem;color:#15803d;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:#1a1a1a;margin:0 0 .5rem}.plans-subtitle{color:#666;margin:0 0 1.5rem}.billing-message{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.billing-message.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.billing-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.billing-message.info{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.billing-toggle{display:inline-flex;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:2rem}.toggle-btn{position:relative;padding:10px 24px;border:none;background:transparent;border-radius:8px;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.toggle-btn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.save-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:12px;white-space:nowrap}.manage-billing-btn{margin-top:1.5rem;padding:.875rem 1.5rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.5);border-radius:8px;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:#6b7280;margin-top:4px}.annual-savings{display:inline-block;margin-top:8px;padding:4px 12px;background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;font-size:.8rem;font-weight:600;border-radius:12px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.plan-card{position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;transition:all .3s}.plan-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.plan-card.popular{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.popular-badge{position:absolute;top:-12px;right:20px;background:#2563eb;color:#fff;padding:.375rem .75rem;border-radius:20px;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:#1a1a1a}.plan-card .plan-price{margin:0}.plan-card .price{font-size:2.5rem;font-weight:700;color:#2563eb}.plan-card .interval{font-size:1rem;color:#666}.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:#333;font-size:.9rem;border-bottom:1px solid #f0f0f0}.plan-card .plan-features li:last-child{border-bottom:none}.upgrade-btn{width:100%;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn.primary{background:#2563eb;color:#fff}.upgrade-btn.primary:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 8px #2563eb4d}.upgrade-btn.secondary{background:#fff;color:#2563eb;border:2px solid #2563eb}.upgrade-btn.secondary:hover{background:#f0f7ff}.coming-soon{color:#666;font-style:italic;padding:2rem;text-align:center;background:#f9fafb;border-radius:8px}.billing-management{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.billing-management h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;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:#f9fafb;border-radius:10px;padding:1.5rem;border:1px solid #e5e7eb}.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:#374151}.payment-method-info,.next-billing-info{margin-bottom:1rem}.card-display{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.card-expiry{font-size:.875rem;color:#6b7280;margin:0}.no-payment-method,.no-upcoming{color:#9ca3af;font-size:.9rem;margin-bottom:1rem}.next-amount{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.next-date{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.billing-action-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;background:#2563eb;color:#fff}.billing-action-btn:hover:not(:disabled){background:#1d4ed8}.billing-action-btn.secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.billing-action-btn.secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.billing-action-btn:disabled{opacity:.6;cursor:not-allowed}.invoices-section{border-top:1px solid #e5e7eb;padding-top:1.5rem}.invoices-section h4{font-size:1rem;font-weight:600;color:#374151;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:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.invoice-info{display:flex;align-items:center;gap:1rem}.invoice-date{font-size:.9rem;color:#374151;font-weight:500}.invoice-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;text-transform:capitalize}.invoice-status.paid{background:#dcfce7;color:#166534}.invoice-status.open{background:#fef3c7;color:#92400e}.invoice-status.draft{background:#e5e7eb;color:#4b5563}.invoice-amount{font-size:.9rem;font-weight:600;color:#1f2937}.invoice-actions{display:flex;gap:.75rem}.invoice-link{font-size:.8rem;color:#2563eb;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:#1a1a1a;margin:0 0 .5rem}.devices-description{color:#666;margin:0;font-size:.95rem}.devices-loading,.devices-error{padding:2rem;text-align:center;color:#666}.devices-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:1rem}.add-device-btn{padding:.75rem 1.25rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.add-device-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.devices-empty{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.devices-empty .empty-icon{font-size:3rem;margin-bottom:1rem}.devices-empty h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.devices-empty p{color:#6b7280;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:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem;transition:all .2s}.device-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.device-card.inactive{background:#f9fafb;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:#1f2937;margin:0}.device-code-display{display:flex;align-items:center;gap:.5rem;background:#f3f4f6;padding:.375rem .75rem;border-radius:6px}.code-label{font-size:.8rem;color:#6b7280}.code-value{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.9rem;font-weight:600;color:#1f2937;letter-spacing:.5px}.device-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.25rem}.device-location{font-size:.875rem;color:#6b7280}.device-status{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.device-status.active{background:#dcfce7;color:#166534}.device-status.inactive{background:#f3f4f6;color:#6b7280}.device-last-login{font-size:.8rem;color:#9ca3af}.device-actions{display:flex;gap:.5rem}.device-action-btn{padding:.5rem .875rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;background:#fff}.device-action-btn.edit{color:#2563eb;border-color:#bfdbfe}.device-action-btn.edit:hover{background:#eff6ff;border-color:#93c5fd}.device-action-btn.deactivate{color:#ca8a04;border-color:#fef08a}.device-action-btn.deactivate:hover{background:#fefce8;border-color:#fde047}.device-action-btn.activate{color:#16a34a;border-color:#86efac}.device-action-btn.activate:hover{background:#dcfce7;border-color:#4ade80}.device-action-btn.delete{color:#dc2626;border-color:#fca5a5}.device-action-btn.delete:hover{background:#fee2e2;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:#fff;border-radius:12px;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 #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#6b7280}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;color:#1f2937;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-hint{display:block;font-size:.8rem;color:#6b7280;margin-top:.375rem}.form-error{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;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:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-save{padding:.75rem 1.5rem;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#1d4ed8}.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:#fff;border-radius:16px;padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;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:linear-gradient(135deg,#f87171,#ef4444);border-radius:50%;display:flex;align-items:center;justify-content:center}.subscription-overlay-icon svg{width:32px;height:32px;color:#fff}.subscription-overlay-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px}.subscription-overlay-message{font-size:16px;color:#6b7280;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:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.subscription-overlay-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.subscription-overlay-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.subscription-overlay-btn.secondary{background:#f3f4f6;color:#6b7280}.subscription-overlay-btn.secondary:hover{background:#e5e7eb}.subscription-overlay-note{font-size:13px;color:#9ca3af;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:#fff;border-radius:16px;padding:40px;max-width:480px;width:100%;text-align:center;box-shadow:0 25px 50px -12px #00000040;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:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center}.email-verification-overlay-icon svg{width:32px;height:32px;color:#fff}.email-verification-overlay-title{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 12px}.email-verification-overlay-message{font-size:16px;color:#6b7280;line-height:1.6;margin:0 0 24px}.email-verification-overlay-message strong{color:#1f2937}.email-verification-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px}.email-verification-message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.email-verification-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.email-verification-overlay-actions{display:flex;flex-direction:column;gap:12px}.email-verification-overlay-btn{width:100%;padding:14px 24px;border-radius:10px;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:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.email-verification-overlay-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #3b82f659}.email-verification-overlay-btn.secondary{background:#f3f4f6;color:#6b7280}.email-verification-overlay-btn.secondary:hover:not(:disabled){background:#e5e7eb}.email-verification-overlay-note{font-size:13px;color:#9ca3af;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:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 14px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.5px;border:none;cursor:pointer;box-shadow:0 2px 8px #f59e0b66;transition:all .2s ease}.demo-indicator-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #f59e0b80}.demo-indicator.expanded .demo-indicator-badge{border-radius:20px 20px 4px 4px}.demo-indicator-content{background:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 4px 16px #00000026;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:#64748b;line-height:1.4}.demo-indicator-cta{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:8px 14px;border-radius:6px;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:0 2px 8px #f59e0b66}@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:#f5f7fa;display:flex;flex-wrap:wrap}.app-layout>.demo-banner,.app-layout>.trial-banner{flex:0 0 100%}.sidebar{width:240px;background:#1e3a5f;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{display:flex;align-items:center;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{font-size:18px;width:24px;text-align:center;flex-shrink:0}.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:#f59e0b;color:#fff}.nav-badge.urgent{background:#ef4444;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:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);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:#fbbf24;color:#78350f}.role-badge.manager{background:#22c55e;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}.main-content.expanded{margin-left: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:#1e3a5f;border-top:1px solid rgba(255,255,255,.1)}.main-content,.main-content.expanded{margin-left:0}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#1e3a5f;position:fixed;top:0;left:0;right:0;z-index:50;transition:top .2s ease}.mobile-menu-toggle{background:none;border:none;color:#fff;font-size:24px;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:#64748b}.error{text-align:center;padding:40px;color:#ef4444}.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}