.warning-banner{padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:8px;border-left:4px solid;background:var(--bg-secondary);box-shadow:0 2px 4px #0000001a}.warning-banner-error{border-left-color:var(--error, #d32f2f);background:linear-gradient(to right,rgba(211,47,47,.1),var(--bg-secondary))}.warning-banner-warning{border-left-color:var(--warning, #ed6c02);background:linear-gradient(to right,rgba(237,108,2,.1),var(--bg-secondary))}.warning-banner-info{border-left-color:var(--info, #0288d1);background:linear-gradient(to right,rgba(2,136,209,.1),var(--bg-secondary))}.warning-banner-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.warning-banner-icon{font-size:1.5rem;flex-shrink:0}.warning-banner-message{flex:1;min-width:0}.warning-banner-message p{margin:0;font-weight:500;color:var(--text-primary)}.warning-banner-count{display:block;font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.warning-banner-action{flex-shrink:0;white-space:nowrap}.warning-banner-dismiss{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.warning-banner-dismiss:hover{background-color:#0000001a}.warning-banner-details{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.1)}.warning-banner-details summary{cursor:pointer;color:var(--text-secondary);font-size:.875rem;-webkit-user-select:none;user-select:none}.warning-banner-details summary:hover{color:var(--text-primary)}.warning-banner-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.warning-banner-list li{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;background:#0000000d}.warning-banner-list li .warning-banner-icon{font-size:1.25rem}.flexxbot-bubble{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:var(--accent, #007bff);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 12px #00000026;z-index:9998;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.flexxbot-bubble:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.flexxbot-bubble.open{background:var(--error, #dc3545)}.flexxbot-window{position:fixed;bottom:100px;right:24px;width:400px;max-width:calc(100vw - 48px);height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.flexxbot-header{background:var(--accent, #007bff);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.flexxbot-header-content{display:flex;align-items:center;gap:12px}.flexxbot-avatar{font-size:32px}.flexxbot-title{font-weight:600;font-size:18px}.flexxbot-subtitle{font-size:12px;opacity:.9}.flexxbot-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;line-height:1;opacity:.8;transition:opacity .2s}.flexxbot-close:hover{opacity:1}.flexxbot-messages{flex:1;overflow-y:auto;padding:16px;background:#f8f9fa;display:flex;flex-direction:column;gap:12px}.flexxbot-message{display:flex;animation:messageSlideIn .3s ease}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flexxbot-message-user{justify-content:flex-end}.flexxbot-message-bot{justify-content:flex-start}.flexxbot-message-content{max-width:75%;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#333!important}.flexxbot-message-user .flexxbot-message-content{background:var(--accent, #007bff);color:#fff!important}.flexxbot-message-text{word-wrap:break-word;white-space:pre-wrap;line-height:1.5;color:#333!important}.flexxbot-message-time{font-size:10px;opacity:.7;margin-top:4px;color:var(--text-secondary, #666666)}.flexxbot-typing{display:flex;gap:4px;padding:8px 0}.flexxbot-typing span{width:8px;height:8px;background:var(--text-secondary, #666);border-radius:50%;animation:typing 1.4s infinite}.flexxbot-typing span:nth-child(2){animation-delay:.2s}.flexxbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.flexxbot-video-links{margin-top:12px;display:flex;flex-direction:column;gap:8px}.flexxbot-video-link{display:flex;align-items:center;gap:12px;padding:12px;background:#f0f7ff;border:1px solid #cce5ff;border-radius:8px;text-decoration:none;color:inherit;transition:all .2s}.flexxbot-message-user .flexxbot-video-link{background:#fff3;border-color:#ffffff4d}.flexxbot-video-link:hover{background:#e0f0ff;transform:translate(4px)}.flexxbot-message-user .flexxbot-video-link:hover{background:#ffffff4d}.flexxbot-video-icon{font-size:24px;flex-shrink:0}.flexxbot-video-title{font-weight:600;font-size:14px;margin-bottom:4px}.flexxbot-video-description{font-size:12px;opacity:.8}.flexxbot-video-arrow{margin-left:auto;font-size:18px;opacity:.6}.flexxbot-action-button{margin-top:12px;padding:8px 16px;background:var(--accent, #007bff);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.flexxbot-action-button:hover{background:var(--accent-hover, #0056b3)}.flexxbot-input-container{padding:16px;border-top:1px solid #e0e0e0;display:flex;gap:8px;background:#fff}.flexxbot-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.flexxbot-input:focus{border-color:var(--accent, #007bff)}.flexxbot-send{padding:12px 24px;background:var(--accent, #007bff);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.flexxbot-send:hover:not(:disabled){background:var(--accent-hover, #0056b3)}.flexxbot-send:disabled{opacity:.5;cursor:not-allowed}.flexxbot-footer{padding:12px 16px;border-top:1px solid #e0e0e0;background:#fff}.flexxbot-support-button{width:100%;padding:10px;background:#f8f9fa;border:1px solid #ddd;border-radius:6px;font-size:12px;cursor:pointer;color:#333!important;transition:background .2s;font-weight:500}.flexxbot-support-button:hover{background:#e9ecef;color:#000!important}@media(max-width:480px){.flexxbot-window{width:calc(100vw - 24px);right:12px;bottom:80px;height:calc(100vh - 100px)}.flexxbot-bubble{bottom:16px;right:16px}}.customers-page{padding:1.5rem;max-width:1400px;margin:0 auto}.customers-page .page-header{flex-wrap:wrap;gap:1rem}.customers-page .page-actions{flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.customers-page{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.customers-page .page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.customers-page .page-actions{width:100%}.customers-page .page-actions .btn{flex:1;min-width:0;font-size:.8125rem;padding:.625rem .75rem}}@media(max-width:480px){.customers-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left,.75rem));padding-right:max(.75rem,env(safe-area-inset-right,.75rem))}}.customer-filters{display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.filter-type-select,.filter-sort-select,.filter-dropdown-container{display:flex;align-items:center;min-width:0;flex-shrink:0;flex:0 1 auto;position:relative}.filter-type-select .form-group,.filter-sort-select .form-group{margin-bottom:0!important;width:100%;min-width:0}.filter-type-select select,.filter-type-select .form-select,.filter-sort-select select,.filter-sort-select .form-select{min-width:150px;max-width:200px;padding:.5rem 2.5rem .5rem 1rem!important;font-size:.875rem!important;height:auto!important;min-height:2.5rem!important;box-sizing:border-box!important;line-height:1.5!important}.customers-mobile-list{display:none}.customers-table-view{display:block}.customer-card{margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.customer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.customer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.customer-card-name{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.customer-card-body{display:flex;flex-direction:column;gap:.5rem}.customer-card-body p{margin:0;font-size:.9375rem;color:var(--text-secondary)}.customer-card-body strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.customers-mobile-list{display:block}.customers-table-view{display:none}.customer-filters{flex-direction:column}.filter-buttons-group{flex-direction:column;align-items:stretch}.filter-btn,.filter-type-select,.filter-sort-select{width:100%}.filter-type-select select,.filter-type-select .form-select,.filter-sort-select select,.filter-sort-select .form-select{width:100%;max-width:100%}.default-discount-container{padding:0 1rem 1rem}.default-discount-container .form-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important;margin-bottom:0!important}.default-discount-container .form-row .form-group{min-width:0!important;flex:1!important;width:100%!important;margin-bottom:0!important}.default-discount-container .form-row .form-group label{font-size:.875rem!important;font-weight:500!important;margin-bottom:.5rem!important}.default-discount-container .form-row .form-group input{width:100%!important;min-width:0!important;box-sizing:border-box!important}}.new-customer-page{position:relative!important;z-index:1!important;padding:1rem;max-width:1200px;margin:0 auto;background:var(--surface);min-height:100vh}.new-customer-page *{position:relative;z-index:auto}.new-customer-page .customer-form{display:flex;flex-direction:column;gap:1.5rem}.new-customer-page .form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);margin-top:1rem}.new-customer-page .form-actions-left,.new-customer-page .form-actions-right{display:flex;gap:.75rem}.new-customer-page .default-discount-container{padding:0 1rem}.new-customer-page .vehicles-section{margin-top:1rem}.new-customer-page .vehicle-list{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.new-customer-page .vehicle-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.new-customer-page .vehicle-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.new-customer-page .vehicle-rego{font-weight:600;font-size:1rem;color:var(--text-primary)}.new-customer-page .vehicle-details{font-size:.875rem;color:var(--text-secondary)}.new-customer-page .vehicle-notes{font-size:.8125rem;color:var(--text-muted);font-style:italic}.new-customer-page .vehicle-delete-btn{background:transparent;border:none;color:var(--error);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.new-customer-page .vehicle-delete-btn:hover{background:var(--surface)}.new-customer-page .add-vehicle-form{padding:1rem;border-top:1px solid var(--border);margin-top:1rem}.new-customer-page .add-vehicle-form h4{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem}.new-customer-page .add-vehicle-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.new-customer-page .empty-message{padding:2rem;text-align:center;color:var(--text-muted);font-style:italic}@media(max-width:768px){.new-customer-page{padding:.75rem}.new-customer-page .form-actions{flex-direction:column;align-items:stretch}.new-customer-page .form-actions-left,.new-customer-page .form-actions-right{width:100%;justify-content:stretch}.new-customer-page .form-actions-left button,.new-customer-page .form-actions-right button{flex:1}}.monthly-billing-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.monthly-billing-item{padding:1.5rem;background-color:var(--bg-hover);border-radius:8px;border:1px solid var(--border)}.billing-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.billing-header h3{margin:0 0 .25rem;font-size:1.25rem}.billing-details{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1rem}.billing-info{font-size:.875rem;display:flex;flex-direction:column;gap:.5rem}.jobs-list{font-size:.875rem}.jobs-list ul{margin:.5rem 0 0;padding-left:1.5rem}.jobs-list li{margin-bottom:.25rem}.billing-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border)}.customer-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.customer-item{padding:1rem;background-color:var(--bg-hover);border-radius:6px;display:flex;justify-content:space-between;align-items:center}.customer-item h4{margin:0 0 .25rem;font-size:1rem}@media(max-width:768px){.billing-details{grid-template-columns:1fr}.billing-actions{flex-direction:column}.customer-item{flex-direction:column;align-items:flex-start;gap:.75rem}}.new-vehicle-page{position:relative!important;z-index:1!important;padding:1rem;max-width:1200px;margin:0 auto;background:var(--surface);min-height:100vh}.new-vehicle-page *{position:relative;z-index:auto}.new-vehicle-page .vehicle-form{display:flex;flex-direction:column;gap:1.5rem}.new-vehicle-page .customer-select-row{display:flex;gap:.75rem;align-items:flex-end}.new-vehicle-page .customer-select-row>div:first-child{flex:1}.new-vehicle-page .customer-actions{display:flex;gap:.5rem}.new-vehicle-page .form-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);margin-top:1rem}.new-vehicle-page .form-actions-left,.new-vehicle-page .form-actions-right{display:flex;gap:.75rem}@media(max-width:768px){.new-vehicle-page{padding:.75rem}.new-vehicle-page .customer-select-row,.new-vehicle-page .form-actions{flex-direction:column;align-items:stretch}.new-vehicle-page .form-actions-left,.new-vehicle-page .form-actions-right{width:100%;justify-content:stretch}.new-vehicle-page .form-actions-left button,.new-vehicle-page .form-actions-right button{flex:1}}.new-part-page{position:relative!important;z-index:1!important;padding:1rem;max-width:1200px;margin:0 auto;background:var(--surface);min-height:100vh}.new-part-page *{position:relative;z-index:auto}.new-part-page .part-form{display:flex;flex-direction:column;gap:1.5rem}.new-part-page .form-group-with-add{flex:1;position:relative}.new-part-page .inline-add-btn{position:absolute;right:.5rem;top:2.5rem;background:var(--accent);color:#fff;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;font-weight:700;transition:background .2s}.new-part-page .inline-add-btn:hover{background:var(--accent-secondary)}.new-part-page .inline-add-form{display:flex;gap:.5rem;align-items:flex-end}.new-part-page .inline-add-form>div:first-child{flex:1}.new-part-page .inline-save-btn,.new-part-page .inline-cancel-btn{background:var(--accent);color:#fff;border:none;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.125rem;transition:background .2s}.new-part-page .inline-save-btn:hover{background:var(--accent-secondary)}.new-part-page .inline-cancel-btn{background:var(--error)}.new-part-page .inline-cancel-btn:hover{background:var(--error);filter:brightness(1.1)}.new-part-page .compatibility-section{padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.new-part-page .compatibility-section h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.new-part-page .compat-hint{margin:0 0 1rem;font-size:.875rem;color:var(--text-secondary)}.new-part-page .compat-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.new-part-page .compat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.new-part-page .compat-vehicle{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.new-part-page .compat-years{font-size:.875rem;color:var(--text-secondary)}.new-part-page .compat-remove{background:var(--error);color:#fff;border:none;border-radius:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;transition:background .2s}.new-part-page .compat-remove:hover{background:var(--error);filter:brightness(1.1)}.new-part-page .compat-add{margin-top:1rem}.new-part-page .compat-single-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.new-part-page .stock-fields-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.new-part-page .stock-fields-row>div{flex:1;min-width:0}@media(max-width:600px){.new-part-page .stock-fields-row{grid-template-columns:repeat(2,1fr)!important}}.new-part-page .form-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);margin-top:1rem}.new-part-page .form-actions-right{display:flex;gap:.75rem}@media(max-width:768px){.new-part-page{padding:.75rem}.new-part-page .compat-single-row{grid-template-columns:1fr}.new-part-page .form-actions{flex-direction:column;align-items:stretch}.new-part-page .form-actions-right{width:100%;justify-content:stretch}.new-part-page .form-actions-right button{flex:1}}.vehicles-page{max-width:1400px;margin:0 auto;padding:1.5rem}.vehicles-page .page-header{flex-wrap:wrap;gap:1rem}.vehicles-page .page-actions{flex-wrap:wrap;gap:.5rem}.vehicles-page .page-actions .btn{white-space:nowrap}@media(max-width:768px){.vehicles-page{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.vehicles-page .page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.vehicles-page .page-actions{width:100%;justify-content:stretch}.vehicles-page .page-actions .btn{flex:1;min-width:0;font-size:.8125rem;padding:.625rem .75rem}}@media(max-width:480px){.vehicles-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left,.75rem));padding-right:max(.75rem,env(safe-area-inset-right,.75rem));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.vehicles-page .page-actions .btn{font-size:.75rem;padding:.5rem .625rem}}.call-sign-badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.75rem;font-weight:700;border-radius:4px;letter-spacing:.05em}.vehicle-cell{display:flex;flex-direction:column;gap:.125rem}.vehicle-name{font-weight:500;color:var(--text-primary)}.vehicle-color{font-size:.75rem;color:var(--text-muted)}.odometer-value{font-family:monospace;font-weight:500}.customer-select-row{display:flex;gap:.75rem;align-items:flex-end}.customer-select-row .form-group{flex:0 1 calc(50% - .375rem);min-width:0}.customer-actions{display:flex;gap:.5rem;margin-bottom:.25rem;flex-shrink:0}.add-customer-btn,.edit-customer-btn{white-space:nowrap;padding:.4rem .6rem!important;font-size:.8125rem!important}@media(max-width:600px){.customer-select-row{flex-wrap:wrap}.customer-select-row .form-group{flex:1 1 100%}.customer-actions{justify-content:flex-start;margin-bottom:.5rem}.add-customer-btn,.edit-customer-btn{padding:.5rem .75rem!important}}.vehicle-select-row{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.vehicle-select-row .form-group{flex:1}.add-vehicle-btn{white-space:nowrap;margin-bottom:.25rem}.vehicles-mobile-list{display:none}.vehicles-table-view{display:block}.vehicle-card{margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.vehicle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.vehicle-card-rego{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.vehicle-card-body{display:flex;flex-direction:column;gap:.5rem}.vehicle-card-body p{margin:0;font-size:.9375rem;color:var(--text-secondary)}.vehicle-card-body strong{color:var(--text-primary);font-weight:600}@media(max-width:768px){.vehicles-mobile-list{display:block}.vehicles-table-view{display:none}.vehicles-filters{flex-direction:column!important;gap:.75rem!important}.vehicles-filters>div{width:100%!important;min-width:100%!important}.vehicles-filters .form-group{width:100%}.vehicles-page .card>div[style*=gridTemplateColumns]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.vehicles-page .card>div[style*=gridTemplateColumns] .form-group{min-width:0!important;flex:1!important;width:100%!important}.vehicles-page .card>div[style*=gridTemplateColumns] .form-group label{font-size:.75rem!important;white-space:normal!important;line-height:1.3!important;margin-bottom:.375rem!important}.vehicles-page .card>div[style*=gridTemplateColumns] .form-group input{width:100%!important;min-width:0!important;box-sizing:border-box!important}}.parts-page{max-width:1400px;margin:0 auto;padding:1.5rem}.parts-page .page-header{flex-wrap:wrap;gap:1rem}.parts-page .page-actions{flex-wrap:wrap;gap:.5rem}@media(max-width:768px){.parts-page .page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.parts-page .page-actions{width:100%}.parts-page .page-actions .btn{flex:1;min-width:0;font-size:.8125rem;padding:.625rem .75rem}}.parts-mobile-list{display:none}.parts-table-view{display:block}.part-card{margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.part-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.part-card-highlighted{animation:highlightPart 2s ease-out;border:2px solid var(--accent)!important;box-shadow:0 0 0 4px #3b82f633!important}@keyframes highlightPart{0%{border-color:var(--accent);box-shadow:0 0 0 8px #3b82f666}to{border-color:var(--border);box-shadow:0 0 #3b82f600}}.part-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.part-card-name{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.part-card-body{display:flex;flex-direction:column;gap:.5rem}.part-card-body p{margin:0;font-size:.9375rem;color:var(--text-secondary)}.part-card-body strong{color:var(--text-primary);font-weight:600}.stock-low{color:var(--error);font-weight:600}.stock-ok{color:var(--text-secondary)}.filters-card{margin-bottom:1.5rem;overflow:visible!important;padding-top:.5rem}.filters-row{display:flex;gap:1rem;align-items:flex-start;flex-wrap:nowrap;width:100%;overflow-x:auto;overflow-y:visible!important;padding-top:.5rem}.filters-row .form-group{flex:0 0 auto;min-width:160px;max-width:200px;display:flex;flex-direction:column;padding-top:0;overflow:visible!important}.filters-row .form-group label{margin-bottom:.5rem;margin-top:0!important;padding-top:0!important;height:auto;line-height:1.5!important;overflow:visible!important;display:block;white-space:normal}.filters-row .form-group .form-select,.filters-row .form-group select{margin-top:0;min-height:38px!important;height:auto!important;line-height:1.6!important;padding:.75rem 2rem .75rem .75rem!important;overflow:visible!important;box-sizing:border-box!important;vertical-align:middle!important;text-overflow:ellipsis!important;white-space:nowrap!important}.filters-row .btn{margin-bottom:.25rem;flex-shrink:0;white-space:nowrap;min-height:38px!important;height:auto!important;line-height:1.6!important;padding:.75rem 1rem!important;overflow:visible!important;display:inline-flex!important;align-items:center!important;box-sizing:border-box!important}.filters-row .btn *{line-height:1.6!important;overflow:visible!important;margin:0!important;padding:0!important}.universal-badge{display:inline-block;padding:.25rem .5rem;background:#10b98126;color:var(--success);font-size:.75rem;font-weight:600;border-radius:4px}.compat-add{display:flex;flex-direction:column;gap:0;width:100%}.parts-page .stock-fields-row{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem!important}.parts-page .stock-fields-row>div{flex:1;min-width:0}@media(max-width:600px){.parts-page .stock-fields-row{grid-template-columns:repeat(2,1fr)!important}}.compat-single-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;align-items:start}.compat-single-row .form-group{min-width:0;width:100%;display:flex;flex-direction:column;margin-bottom:0}.compat-single-row .form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.compat-single-row .form-input,.compat-single-row .form-select{width:100%;min-height:2.5rem}@media(max-width:1400px){.compat-single-row{grid-template-columns:repeat(3,1fr)}}.compat-add .btn{align-self:flex-start;margin-top:.5rem}@media(max-width:800px){.compat-single-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.compat-single-row{grid-template-columns:1fr}}@media(max-width:768px){.parts-page{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}.parts-mobile-list{display:block}.parts-table-view{display:none}.filters-row{flex-direction:column;align-items:stretch}.filters-row .form-group{width:100%;max-width:100%;min-width:100%}}@media(max-width:480px){.parts-page{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left,.75rem));padding-right:max(.75rem,env(safe-area-inset-right,.75rem))}}.inline-save-btn:hover{opacity:.9}.inline-cancel-btn:hover{background:var(--error);color:#fff}.quotes-page{width:100%;max-width:100%;margin:0;padding:1rem;box-sizing:border-box}@media(max-width:768px){.quotes-page .line-item-part .part-dropdown[style]{position:absolute!important;top:calc(100% + .25rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;z-index:1000!important;margin-top:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}}@media(max-width:768px),(max-width:480px),(orientation:portrait){.quotes-page .line-items-header{display:none!important}.quotes-page .line-items{gap:.5rem!important;padding:.5rem!important}.quotes-page .line-item{display:flex!important;flex-direction:column!important;gap:0!important;padding:.75rem!important;background:var(--surface)!important;border-radius:8px!important;border:1px solid var(--border)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.quotes-page .line-item[style*=grid]{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:0!important}.quotes-page .line-item-top-row{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;margin-bottom:0!important}.quotes-page .line-item-top-row[style*=contents]{display:flex!important;flex-direction:column!important}.quotes-page .line-item-top-row,.quotes-page .line-item-bottom-row{display:flex!important;width:100%!important}.quotes-page .line-item-part{width:100%!important;min-width:100%!important;max-width:100%!important;margin-bottom:.5rem!important;order:1!important;position:relative!important}.quotes-page .line-item-part>div{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;position:relative!important}.quotes-page .line-item-part .part-dropdown,.quotes-page .line-item-part .part-dropdown[style]{position:absolute!important;top:calc(100% + .25rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;z-index:1000!important;margin-top:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;display:flex!important;flex-direction:column!important;max-height:50vh!important}.quotes-page .line-item-part[style*=relative]{position:relative!important;overflow:visible!important}.quotes-page .line-item-part-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;flex:1!important;min-width:0!important}.quotes-page .line-item-new-part-btn{display:none!important}.quotes-page .line-item-edit-part-btn{flex-shrink:0!important;min-width:32px!important;width:32px!important;height:32px!important;padding:.25rem!important;font-size:.875rem!important}.quotes-page .line-item-description{width:100%!important;min-width:100%!important;max-width:100%!important;margin-bottom:.5rem!important;order:2!important}.quotes-page .line-item-description .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;width:100%!important}.quotes-page .line-item-quantity{flex:0 0 auto!important;width:80px!important;min-width:80px!important;max-width:80px!important;order:3!important}.quotes-page .line-item-quantity .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;text-align:center!important;width:100%!important}.quotes-page .line-item-price{flex:0 0 auto!important;width:100px!important;min-width:100px!important;max-width:100px!important;order:4!important}.quotes-page .line-item-price .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;text-align:center!important;width:100%!important}.quotes-page .line-item-bottom-row{display:flex!important;gap:.5rem!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;flex-wrap:nowrap!important;margin-top:.5rem!important;order:5!important}.quotes-page .line-item-top-row>*,.quotes-page .line-item-bottom-row>*{position:static!important}.quotes-page .line-item-discount{display:flex!important;gap:.375rem!important;align-items:center!important;flex:0 0 auto!important}.quotes-page .line-item-discount button{font-size:.8125rem!important;padding:.5rem .625rem!important;min-width:32px!important;height:2.5rem!important;border-radius:6px!important;white-space:nowrap!important}.quotes-page .line-item-discount-input{width:70px!important;font-size:.875rem!important;padding:.5rem .375rem!important;min-height:2.5rem!important;height:2.5rem!important;border-radius:6px!important;text-align:center!important}.quotes-page .line-item-total{flex:1 1 auto!important;min-width:90px!important;text-align:right!important;font-size:1rem!important;font-weight:600!important;padding-right:.5rem!important;padding-left:.5rem!important}.quotes-page .line-item-delete{flex:0 0 auto!important}.quotes-page .line-item-delete .btn{font-size:.875rem!important;padding:.5rem!important;min-width:32px!important;width:32px!important;height:32px!important;border-radius:6px!important}.quotes-page .line-total{font-size:.9375rem!important;font-weight:600!important}.quotes-page .line-items{width:100%!important;max-width:100%!important;padding:.25rem!important;box-sizing:border-box!important;overflow-x:visible!important}.quotes-page .card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow-x:visible!important}.quotes-page .line-items-card{overflow-x:visible!important}.quotes-page .line-item-part,.quotes-page .line-item-quantity,.quotes-page .line-item-price{overflow:visible!important}}@media(min-width:769px)and (max-width:1024px){.quotes-page .line-items-header{display:grid!important;grid-template-columns:150px 1fr 70px 90px 140px 90px 36px!important;gap:.5rem!important;padding:.75rem 1rem!important;font-size:.875rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.quotes-page .line-item{display:grid!important;grid-template-columns:150px 1fr 70px 90px 140px 90px 36px!important;gap:.5rem!important;padding:.75rem 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;align-items:center!important}.quotes-page .line-item-part{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:.25rem!important}.quotes-page .line-item-part>div{display:flex!important;align-items:center!important;gap:.25rem!important;width:100%!important}.quotes-page .line-item-part-input{font-size:.875rem!important;padding:.5rem!important;flex:1!important;min-width:0!important}.quotes-page .line-item-description{min-width:0!important;max-width:100%!important}.quotes-page .line-item-description .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important}.quotes-page .line-item-quantity{display:flex!important;justify-content:center!important;min-width:70px!important}.quotes-page .line-item-quantity .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important;text-align:center!important}.quotes-page .line-item-price{display:flex!important;justify-content:center!important;min-width:90px!important}.quotes-page .line-item-price .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important;text-align:center!important}.quotes-page .line-item-discount{display:flex!important;gap:.25rem!important;align-items:center!important;justify-content:center!important;min-width:140px!important;flex-wrap:nowrap!important}.quotes-page .line-item-discount button{font-size:.8125rem!important;padding:.5rem .625rem!important;min-width:32px!important;height:2.5rem!important;flex-shrink:0!important}.quotes-page .line-item-discount-input{width:70px!important;font-size:.875rem!important;padding:.5rem .375rem!important;min-height:2.5rem!important;height:2.5rem!important;flex-shrink:0!important}.quotes-page .line-item-total{min-width:90px!important;font-size:1rem!important;font-weight:600!important;text-align:right!important;word-break:break-word!important;overflow-wrap:break-word!important;padding-right:.5rem!important}.quotes-page .line-item-delete{display:flex!important;justify-content:center!important;align-items:center!important;min-width:36px!important}.quotes-page .line-item-delete .btn{font-size:.875rem!important;padding:.5rem!important;min-width:32px!important;width:32px!important;height:32px!important}.quotes-page .line-item-edit-part-btn,.quotes-page .line-item-new-part-btn{min-width:28px!important;width:28px!important;height:28px!important;padding:.25rem!important;font-size:.875rem!important;flex-shrink:0!important}.quotes-page .line-items{width:100%!important;max-width:100%!important;padding:.75rem!important;box-sizing:border-box!important;overflow-x:hidden!important}.quotes-page .line-items-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;padding:1rem!important}.quotes-page .line-item-top-row,.quotes-page .line-item-bottom-row{display:contents!important}.quotes-page [style*="position: sticky"]{position:sticky!important;bottom:0!important;z-index:10!important;background:var(--surface)!important;padding:1rem 0!important;margin-top:2rem!important;border-top:2px solid var(--border)!important}.quotes-page [style*="position: sticky"] button{width:100%!important;padding:1rem!important;font-size:1rem!important;font-weight:600!important;display:block!important;visibility:visible!important}.quotes-page .modal{max-width:90vw!important;max-height:90vh!important}.quotes-page .modal-body{max-height:calc(90vh - 120px)!important;overflow-y:auto!important}}.quotes-page .line-item .form-group{margin-bottom:0!important}.compatibility-section{margin:1.5rem 0;padding:1.25rem;background:var(--surface-hover);border-radius:12px;border:1px solid var(--border)}.compatibility-section h4{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.compat-hint{margin:0 0 1rem;font-size:.8125rem;color:var(--text-muted)}.compat-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.compat-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.compat-vehicle{display:flex;flex-direction:column;gap:.125rem}.compat-vehicle strong{color:var(--text-primary);font-size:.9375rem}.compat-years{font-size:.8125rem;color:var(--text-muted)}.compat-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;border-radius:6px;transition:all .2s}.compat-remove:hover{background:#ef44441a;color:var(--error)}.form-group-with-add{display:flex;gap:.5rem;align-items:flex-end;flex:1}.form-group-with-add .form-group{flex:1}.inline-add-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;color:var(--accent);font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.inline-add-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.inline-add-form{display:flex;gap:.5rem;align-items:flex-end;flex:1}.inline-add-form .form-group{flex:1}.inline-save-btn,.inline-cancel-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:.25rem}.inline-save-btn{background:var(--success);color:#fff}.inline-save-btn:hover{background:var(--success-dark)}.inline-cancel-btn{background:var(--surface-hover);color:var(--text-muted)}.inline-cancel-btn:hover{background:var(--surface);color:var(--text-primary)}@media(max-width:800px){.compat-add-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.compat-add-fields{grid-template-columns:1fr}}.quotes-mobile-list{display:none}.quotes-table-view{display:block}.quote-card{margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.quote-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.quote-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.quote-card-number{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.quote-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.quote-card-body p{margin:0;font-size:.9375rem;color:var(--text-secondary)}.quote-card-body strong{color:var(--text-primary);font-weight:600}.quote-card-actions{display:flex;justify-content:flex-end;padding-top:.75rem;border-top:1px solid var(--border)}.quotes-page .card,.quotes-page .line-items-card{width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.quotes-page{padding:.25rem!important}.quotes-mobile-list{display:block}.quotes-table-view{display:none}.search-section{flex-direction:column;align-items:stretch;margin-bottom:.75rem}.search-section .form-group{width:100%}.quotes-page .card{margin-bottom:.75rem}.quotes-page .card-header{padding:.5rem!important}.quotes-page .card>div:not(.card-header){padding:.5rem!important}.quotes-page .form-group{margin-bottom:.75rem}.quotes-page .form-group:last-child{margin-bottom:0}.quotes-page .form-row{grid-template-columns:1fr!important;gap:.75rem!important;margin-bottom:.75rem}.quotes-page .form-row>div{width:100%!important}.quotes-page .form-row .form-group{width:100%!important;margin-bottom:0!important}.quotes-page .form-row .form-select{width:100%!important;min-width:0!important}.quotes-page .form-row .btn{width:100%!important}.quotes-page .line-items-card{margin:.75rem 0}.quotes-page .line-items{gap:.5rem!important;margin-bottom:.75rem}.quotes-page .line-items-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.375rem!important;width:100%!important}.quotes-page .line-items-actions .btn{font-size:.6875rem!important;padding:.375rem .5rem!important;white-space:nowrap!important;min-height:2rem!important;height:2rem!important}.quotes-page .card-header{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.quotes-page .card-header h3{margin-bottom:.25rem}.quotes-page .totals{padding-top:.75rem;margin-top:.75rem}.quotes-page .modal-body{padding:.75rem}.quotes-page .modal-body>*{margin-bottom:.75rem}.quotes-page .modal-body>*:last-child{margin-bottom:0}.quotes-page .customer-select-row,.quotes-page .vehicle-select-row{margin-bottom:.75rem}}@media print{.page-header,.search-section,.quotes-page>button,.quotes-page>div>button,.quotes-page .btn,.quotes-page .card-header,.quotes-page .customer-actions,.quotes-page .vehicle-actions,.quotes-page .line-items-actions,.quotes-page .template-selector,.quotes-page .add-customer-btn,.quotes-page .add-vehicle-btn,.quotes-page .edit-customer-btn,.quotes-page .edit-vehicle-btn,.quotes-page .oil-recommendation-card,.quotes-page .oil-recommendation-card+div,.quotes-page input[type=date],.quotes-page select,.quotes-page textarea,.quotes-page .form-group:has(button),.quotes-page .form-group:has(.btn){display:none!important}.quotes-page{padding:0;max-width:100%}.quotes-page form{background:#fff;padding:2rem;box-shadow:none}.quotes-page .line-item{display:grid!important;grid-template-columns:200px 1fr 80px 100px 160px 100px 40px!important;page-break-inside:avoid;border-bottom:1px solid #ddd;padding:.5rem 0}.quotes-page .line-item button,.quotes-page .line-item .btn{display:none!important}.quotes-page .totals{border-top:2px solid #000;padding-top:1rem;margin-top:1rem}.quotes-page *{color:#000!important;background:#fff!important}.quotes-page .line-items-header,.quotes-page .line-item,.quotes-page .totals{page-break-inside:avoid}}.invoices-page{position:relative!important;z-index:1!important;width:100%;max-width:100%;margin:0;padding:1rem;box-sizing:border-box;background:var(--surface);min-height:100vh}.invoices-page *{position:relative;z-index:auto}.part-dropdown{max-height:400px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:var(--border) transparent!important;display:flex!important;flex-direction:column!important}.part-dropdown,.part-dropdown[style]{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important}@media(max-width:768px){.invoices-page .line-item-part .part-dropdown[style]{position:absolute!important;top:calc(100% + .25rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;z-index:1000!important;margin-top:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}}.part-dropdown-item{min-height:90px!important;padding:1rem!important;transition:background-color .2s ease;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:visible!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;border-bottom:1px solid var(--border)!important;flex-shrink:0!important}.part-dropdown-item>*{max-width:100%!important;overflow-x:hidden!important;word-wrap:break-word!important}.part-dropdown-item>div{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.part-dropdown-item>div>div{width:100%!important;max-width:100%!important;overflow-x:hidden!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.part-dropdown-item:hover{background:var(--surface-hover)!important}.line-item-edit-part-btn,.line-item-new-part-btn{transition:all .2s ease}.line-item-edit-part-btn:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.line-item-new-part-btn:hover{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.payments-card{margin-top:1.5rem}.payment-summary{padding:1rem;background:var(--surface-hover);border-radius:8px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.payment-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem}.payment-summary-row span{color:var(--text-secondary)}.payment-summary-row.balance{padding-top:.5rem;border-top:1px solid var(--border);font-size:1rem;font-weight:600}.balance-due{color:var(--error)}.balance-paid,.paid-amount{color:var(--success)}.payments-list{display:flex;flex-direction:column;gap:.75rem}.payment-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.875rem 1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.payment-info{flex:1;display:flex;flex-direction:column;gap:.375rem}.payment-main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.payment-amount{font-size:1.125rem;font-weight:700;color:var(--success)}.payment-method{padding:.25rem .5rem;background:var(--surface);border-radius:4px;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.payment-date{font-size:.875rem;color:var(--text-muted)}.payment-reference{font-size:.8125rem;color:var(--text-muted);font-family:monospace}.payment-notes{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.payment-delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s;flex-shrink:0}.payment-delete-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.empty-message{padding:1rem;text-align:center;color:var(--text-muted);font-style:italic}.invoices-mobile-list{display:none}.invoices-table-view{display:block}.invoice-card{margin-bottom:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.invoice-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.invoice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.invoice-card-number{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.invoice-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.invoice-card-body p{margin:0;font-size:.9375rem;color:var(--text-secondary)}.invoice-card-body strong{color:var(--text-primary);font-weight:600}.invoice-card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.invoices-page .card,.invoices-page .line-items-card{width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.invoices-page{padding:.25rem!important}.invoices-mobile-list{display:block}.invoices-table-view{display:none}.search-section{flex-direction:column;align-items:stretch}.search-section .form-group{width:100%}.invoices-page .form-row{grid-template-columns:1fr!important;gap:.5rem!important}.invoices-page .form-row>div{width:100%!important}.invoices-page .form-row .form-group{width:100%!important}.invoices-page .form-row .form-select{width:100%!important;min-width:0!important}.invoices-page .form-row .btn{width:100%!important}.line-items-header{display:none!important}.invoices-page .line-items{gap:.5rem!important;padding:.25rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:visible!important}.invoices-page .line-item{display:flex!important;flex-direction:column!important;gap:0!important;padding:.75rem!important;background:var(--surface)!important;border-radius:8px!important;border:1px solid var(--border)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.invoices-page .line-item[style*=grid]{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;gap:0!important}.invoices-page .line-item-top-row{display:flex!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;margin-bottom:0!important}.invoices-page .line-item-top-row[style*=contents]{display:flex!important;flex-direction:column!important}.invoices-page .line-item-top-row,.invoices-page .line-item-bottom-row{display:flex!important;width:100%!important}.invoices-page .line-item-part{width:100%!important;min-width:100%!important;max-width:100%!important;margin-bottom:.5rem!important;order:1!important;position:relative!important}.invoices-page .line-item-part>div{display:flex!important;align-items:center!important;gap:.5rem!important;width:100%!important;position:relative!important}.invoices-page .line-item-part .part-dropdown,.invoices-page .line-item-part .part-dropdown[style]{position:absolute!important;top:calc(100% + .25rem)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;z-index:1000!important;margin-top:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;display:flex!important;flex-direction:column!important;max-height:50vh!important}.invoices-page .line-item-part[style*=relative]{position:relative!important;overflow:visible!important}.invoices-page .line-item-part-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;flex:1!important;min-width:0!important}.invoices-page .line-item-new-part-btn{display:none!important}.invoices-page .line-item-edit-part-btn{flex-shrink:0!important;min-width:32px!important;width:32px!important;height:32px!important;padding:.25rem!important;font-size:.875rem!important}.invoices-page .line-item-description{width:100%!important;min-width:100%!important;max-width:100%!important;margin-bottom:.5rem!important;order:2!important}.invoices-page .line-item-description .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;width:100%!important}.invoices-page .line-item-quantity{flex:0 0 auto!important;width:80px!important;min-width:80px!important;max-width:80px!important;order:3!important}.invoices-page .line-item-quantity .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;text-align:center!important;width:100%!important}.invoices-page .line-item-price{flex:0 0 auto!important;width:100px!important;min-width:100px!important;max-width:100px!important;order:4!important}.invoices-page .line-item-price .form-input{font-size:.875rem!important;padding:.5rem!important;height:auto!important;min-height:2.5rem!important;border-radius:6px!important;text-align:center!important;width:100%!important}.invoices-page .line-item-bottom-row{display:flex!important;gap:.5rem!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;flex-wrap:nowrap!important;margin-top:.5rem!important;order:5!important}.invoices-page .line-item-discount{display:flex!important;gap:.375rem!important;align-items:center!important;flex:0 0 auto!important}.invoices-page .line-item-discount button{font-size:.8125rem!important;padding:.5rem .625rem!important;min-width:32px!important;height:2.5rem!important;border-radius:6px!important;white-space:nowrap!important}.invoices-page .line-item-discount-input{width:70px!important;font-size:.875rem!important;padding:.5rem .375rem!important;min-height:2.5rem!important;height:2.5rem!important;border-radius:6px!important;text-align:center!important}.invoices-page .line-item-total{flex:1 1 auto!important;min-width:90px!important;text-align:right!important;font-size:1rem!important;font-weight:600!important;padding-right:.5rem!important;padding-left:.5rem!important}.invoices-page .line-item-delete{flex:0 0 auto!important}.invoices-page .line-item-delete .btn{font-size:.875rem!important;padding:.5rem!important;min-width:32px!important;width:32px!important;height:32px!important;border-radius:6px!important}.invoices-page .line-total{font-size:.9375rem!important;font-weight:600!important}.invoices-page .line-item-top-row>*,.invoices-page .line-item-bottom-row>*{position:static!important}.invoices-page .card{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow-x:visible!important}.invoices-page .line-items-card{overflow-x:visible!important}.invoices-page .line-item-part,.invoices-page .line-item-quantity,.invoices-page .line-item-price{overflow:visible!important}.payment-item{flex-direction:column;gap:.75rem}.payment-main{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-delete-btn{align-self:flex-end}.invoices-page .card>div[style*=gridTemplateColumns]{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.75rem!important}.invoices-page .card>div[style*=gridTemplateColumns] .form-group{min-width:0!important;flex:1!important;width:100%!important}.invoices-page .card>div[style*=gridTemplateColumns] .form-group label{font-size:.75rem!important;white-space:normal!important;line-height:1.3!important;margin-bottom:.375rem!important}.invoices-page .card>div[style*=gridTemplateColumns] .form-group input{width:100%!important;min-width:0!important;box-sizing:border-box!important}}@media(min-width:769px)and (max-width:1024px){.invoices-page .line-items-header{display:grid!important;grid-template-columns:150px 1fr 70px 90px 140px 90px 36px!important;gap:.5rem!important;padding:.75rem 1rem!important;font-size:.875rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.invoices-page .line-item{display:grid!important;grid-template-columns:150px 1fr 70px 90px 140px 90px 36px!important;gap:.5rem!important;padding:.75rem 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;align-items:center!important}.invoices-page .line-item-part{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:.25rem!important}.invoices-page .line-item-part>div{display:flex!important;align-items:center!important;gap:.25rem!important;width:100%!important}.invoices-page .line-item-part-input{font-size:.875rem!important;padding:.5rem!important;flex:1!important;min-width:0!important}.invoices-page .line-item-description{min-width:0!important;max-width:100%!important}.invoices-page .line-item-description .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important}.invoices-page .line-item-quantity{display:flex!important;justify-content:center!important;min-width:70px!important}.invoices-page .line-item-quantity .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important;text-align:center!important}.invoices-page .line-item-price{display:flex!important;justify-content:center!important;min-width:90px!important}.invoices-page .line-item-price .form-input{font-size:.875rem!important;padding:.5rem!important;width:100%!important;text-align:center!important}.invoices-page .line-item-discount{display:flex!important;gap:.25rem!important;align-items:center!important;justify-content:center!important;min-width:140px!important;flex-wrap:nowrap!important}.invoices-page .line-item-discount button{font-size:.8125rem!important;padding:.5rem .625rem!important;min-width:32px!important;height:2.5rem!important;flex-shrink:0!important}.invoices-page .line-item-discount-input{width:70px!important;font-size:.875rem!important;padding:.5rem .375rem!important;min-height:2.5rem!important;height:2.5rem!important;flex-shrink:0!important}.invoices-page .line-item-total{min-width:90px!important;font-size:1rem!important;font-weight:600!important;text-align:right!important;word-break:break-word!important;overflow-wrap:break-word!important;padding-right:.5rem!important}.invoices-page .line-item-delete{display:flex!important;justify-content:center!important;align-items:center!important;min-width:36px!important}.invoices-page .line-item-delete .btn{font-size:.875rem!important;padding:.5rem!important;min-width:32px!important;width:32px!important;height:32px!important}.invoices-page .line-item-edit-part-btn,.invoices-page .line-item-new-part-btn{min-width:28px!important;width:28px!important;height:28px!important;padding:.25rem!important;font-size:.875rem!important;flex-shrink:0!important}.invoices-page .line-items{width:100%!important;max-width:100%!important;padding:.75rem!important;box-sizing:border-box!important;overflow-x:hidden!important}.invoices-page .line-items-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;padding:1rem!important}.invoices-page .line-item-top-row,.invoices-page .line-item-bottom-row{display:contents!important}}.compat-add,.compat-add-fields{display:flex;flex-direction:column;gap:.75rem}.compat-add-fields .form-row{display:flex;gap:1rem;align-items:flex-start}.compat-add-fields .form-row .form-group{flex:1;display:flex;flex-direction:column;min-width:0}.compat-add-fields .form-row .form-group label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4}.compat-add-fields .form-row .form-group input,.compat-add-fields .form-row .form-group select{min-height:44px;height:44px;box-sizing:border-box}.invoice-detail-page{padding:1.5rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.invoice-view{background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.invoice-company-info{flex:1}.invoice-logo{max-width:150px;max-height:100px;margin-bottom:1rem;object-fit:contain}.invoice-company-info h1{margin:0 0 .5rem;font-size:1.75rem;color:#1a1a1a;font-weight:700}.company-address,.company-contact{margin:.25rem 0;font-size:.875rem;color:#333}.invoice-title-section{text-align:right}.invoice-title-section h2{margin:0 0 1rem;font-size:2rem;color:#1a1a1a;font-weight:700}.invoice-meta{display:flex;flex-direction:column;gap:.5rem}.invoice-meta-row{display:flex;justify-content:flex-end;gap:.75rem;font-size:.875rem}.meta-label{font-weight:600;color:#555}.meta-value{color:#1a1a1a;font-weight:500}.invoice-customer-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.invoice-bill-to h3,.invoice-vehicle h3,.invoice-payment-details h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.invoice-payment-details{max-width:100%}.payment-detail{margin:.25rem 0;font-size:.875rem;color:#333}.customer-name{font-weight:700!important;font-size:1.25rem!important;margin:.5rem 0!important;color:var(--customer-color)!important;opacity:1!important;text-shadow:none!important;-webkit-text-fill-color:var(--customer-color)!important}.customer-detail,.customer-address,.customer-contact,.vehicle-detail{margin:.25rem 0;font-size:.875rem;color:#333}.invoice-items-section{margin-bottom:2rem}.invoice-items-table{width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:auto;word-wrap:break-word;overflow-wrap:break-word}.invoice-items-table thead{background-color:var(--bg-secondary)}.invoice-items-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;border-bottom:2px solid var(--border)}.invoice-items-table td{padding:.75rem;border-bottom:1px solid var(--border);color:#1a1a1a;word-wrap:break-word;overflow-wrap:break-word;max-width:0}.invoice-items-table tbody tr:hover{background-color:var(--bg-secondary)}.item-description{width:50%}.item-quantity{width:10%;text-align:center}.item-price{width:20%;text-align:right}.item-total{width:20%;text-align:right;font-weight:600}.invoice-totals-section{margin-bottom:2rem;display:flex;justify-content:flex-end}.invoice-totals{width:300px;border-top:2px solid var(--border);padding-top:1rem}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.total-label{color:#555;font-weight:500}.total-value{color:#1a1a1a;font-weight:600}.total-row-main{border-top:2px solid var(--border);margin-top:.5rem;padding-top:.75rem;font-size:1.125rem;font-weight:700}.total-row-balance{font-size:1rem;font-weight:600;color:var(--color-danger)}.invoice-payments-section{margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.invoice-payments-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.payments-table{width:100%;border-collapse:collapse}.payments-table thead{background-color:var(--bg-secondary)}.payments-table th{padding:.75rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;color:#1a1a1a;border-bottom:2px solid var(--border)}.payments-table td{padding:.75rem;border-bottom:1px solid var(--border);color:#1a1a1a;font-size:.875rem}.invoice-notes-section,.invoice-checklist-section,.invoice-defects-section,.invoice-work-summaries-section{margin-bottom:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.invoice-notes-section h3,.invoice-checklist-section h3,.invoice-defects-section h3,.invoice-work-summaries-section h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.invoice-defects-section h3{font-weight:700;font-size:1.125rem;color:#000}.invoice-defects-section-compact h3,.invoice-defects-section-compact h3 strong{color:#000!important;font-weight:700}.invoice-defects-section h3 strong,.invoice-work-summaries-section h3 strong{font-weight:700}.invoice-notes-content,.invoice-checklist-content,.invoice-defects-content,.invoice-work-summaries-content{background-color:var(--bg-secondary);padding:1rem;border-radius:.375rem;font-size:.875rem;line-height:1.6;white-space:pre-wrap;font-family:Courier New,monospace;color:#000;font-weight:500}.invoice-defects-content{color:#000!important;font-weight:500}.invoice-defects-section-compact{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.invoice-defects-content-compact{background-color:var(--bg-secondary);padding:.375rem;border-radius:.25rem;font-size:.8125rem;color:#000;font-weight:500}.invoice-defects-content-compact span{color:#000!important;font-weight:500}.invoice-defects-content-compact li{color:#000!important}.invoice-defects-content-compact .defects-group{color:#000}.invoice-defects-content-compact .defects-group span{color:#000!important;font-weight:500}.invoice-checklist-content pre,.invoice-defects-content pre,.invoice-work-summaries-content pre{margin:0;font-family:inherit;white-space:pre-wrap}.invoice-defects-content pre{color:#000!important;font-weight:500}.checklist-legend{margin-top:.75rem;font-size:.75rem;color:#555;font-style:italic}.defects-legend{margin-top:.75rem;font-size:.8125rem;color:#1a1a1a;padding:0 1rem .5rem;font-weight:500}.defects-legend strong{font-weight:600;color:#1a1a1a}.invoice-footer{margin-top:3rem;padding-top:1.5rem;border-top:2px solid var(--border);text-align:center}.invoice-footer p{margin:.5rem 0;color:#333;font-size:.875rem;font-weight:500}.footer-text{font-size:.75rem;color:#555}.invoice-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.invoice-header-actions button{flex-shrink:0;min-width:140px;width:auto;white-space:nowrap}@media(max-width:768px){.invoice-detail-page{padding:.5rem;max-width:100vw;overflow-x:hidden}.invoice-view{padding:1rem;margin-top:1rem;overflow-x:hidden;max-width:100%;width:100%;box-sizing:border-box}.invoice-header{flex-direction:column;gap:1.5rem;align-items:flex-start;max-width:100%;width:100%;box-sizing:border-box}.invoice-company-info{max-width:100%;width:100%;word-wrap:break-word;overflow-wrap:break-word}.invoice-company-info h1{font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.company-address,.company-contact{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.invoice-title-section{text-align:left;width:100%;max-width:100%;box-sizing:border-box}.invoice-title-section h2{font-size:1.5rem;word-wrap:break-word;overflow-wrap:break-word}.invoice-meta{max-width:100%;width:100%}.invoice-meta-row{justify-content:flex-start;flex-wrap:wrap;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.meta-label,.meta-value{word-wrap:break-word;overflow-wrap:break-word}.invoice-customer-section{grid-template-columns:1fr;gap:1.5rem;max-width:100%;width:100%;box-sizing:border-box}.invoice-bill-to,.invoice-vehicle,.invoice-payment-details{max-width:100%;width:100%;word-wrap:break-word;overflow-wrap:break-word}.invoice-bill-to h3,.invoice-vehicle h3,.invoice-payment-details h3,.payment-detail{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.invoice-items-section{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;box-sizing:border-box}.invoice-items-table{min-width:600px;font-size:.75rem;table-layout:auto}.invoice-items-table th,.invoice-items-table td{padding:.5rem .25rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:150px}.item-description{max-width:200px;min-width:150px;word-wrap:break-word;overflow-wrap:break-word}.item-quantity{max-width:50px;min-width:40px}.item-price,.item-total{max-width:100px;min-width:80px}.invoice-totals-section{justify-content:flex-start;max-width:100%;width:100%;box-sizing:border-box}.invoice-totals{width:100%;max-width:100%;box-sizing:border-box}.total-row{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.total-label,.total-value{word-wrap:break-word;overflow-wrap:break-word}.invoice-payments-section{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;width:100%;box-sizing:border-box}.payments-table{min-width:500px;font-size:.75rem;table-layout:auto}.payments-table th,.payments-table td{padding:.5rem .25rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:120px}.invoice-notes-section,.invoice-checklist-section,.invoice-defects-section,.invoice-work-summaries-section{max-width:100%;width:100%;box-sizing:border-box}.invoice-notes-content,.invoice-checklist-content,.invoice-defects-content,.invoice-work-summaries-content{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box}.invoice-notes-content pre,.invoice-checklist-content pre,.invoice-defects-content pre,.invoice-work-summaries-content pre{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word;max-width:100%;width:100%;overflow-x:hidden;box-sizing:border-box;margin:0;padding:0}.invoice-detail-page .page-header-actions,.invoice-detail-page .invoice-header-actions{flex-direction:column;width:100%;gap:.5rem}.invoice-detail-page .page-header-actions>div,.invoice-detail-page .invoice-header-actions{flex-direction:column;width:100%;gap:.5rem}.invoice-detail-page .page-header-actions button,.invoice-detail-page .invoice-header-actions button{width:100%;white-space:normal;word-wrap:break-word;min-width:auto}.invoice-view *{max-width:100%;box-sizing:border-box}.customer-name{font-weight:700!important;font-size:1.125rem!important;color:var(--customer-color)!important;opacity:1!important;-webkit-text-fill-color:var(--customer-color)!important;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;width:100%}.customer-detail,.customer-address,.customer-contact,.vehicle-detail{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;width:100%}.invoice-footer{max-width:100%;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.invoice-footer p{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.invoice-logo{max-width:100px!important;max-height:60px!important}}@media print{.invoice-detail-page{padding:0;max-width:100%}.invoice-view{box-shadow:none;padding:0}.invoice-header,.invoice-customer-section,.invoice-totals-section{page-break-inside:avoid}.invoice-items-section,.invoice-items-table{page-break-inside:auto}.invoice-items-table thead{display:table-header-group}.invoice-items-table tbody{display:table-row-group}.invoice-items-table tr{page-break-inside:avoid;page-break-after:auto}.invoice-payments-section,.payments-table{page-break-inside:auto}.payments-table thead{display:table-header-group}.payments-table tr{page-break-inside:avoid;page-break-after:auto}.invoice-notes-section,.invoice-checklist-section,.invoice-defects-section,.invoice-work-summaries-section{page-break-inside:auto;page-break-before:auto;page-break-after:auto}.invoice-notes-content,.invoice-checklist-content,.invoice-defects-content,.invoice-work-summaries-content{page-break-inside:auto;overflow:visible;max-height:none}.invoice-checklist-content pre,.invoice-defects-content pre,.invoice-work-summaries-content pre{page-break-inside:auto;white-space:pre-wrap;word-wrap:break-word}}.appointments-page{max-width:1400px;margin:0 auto}.calendar-container{background:var(--surface);border-radius:16px;border:1px solid var(--border);overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:var(--surface-hover);border-bottom:1px solid var(--border)}.calendar-nav{display:flex;align-items:center;gap:1rem}.cal-nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:1.25rem;cursor:pointer;transition:all .2s}.cal-nav-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.calendar-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;min-width:280px;text-align:center}.calendar-actions{display:flex;gap:.75rem;align-items:center}.view-toggle{display:flex;background:var(--surface);border-radius:8px;border:1px solid var(--border);overflow:hidden}.view-btn{padding:.5rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--accent);color:#fff}.duration-display{padding:.75rem 1rem;background:var(--surface-hover);border-radius:8px;margin-bottom:1rem;font-size:.9375rem;color:var(--text-secondary)}.duration-display strong{color:var(--accent);font-size:1.125rem}.week-view{display:flex;flex-direction:column}.week-header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:10}.time-column-header{padding:1rem;border-right:1px solid var(--border)}.week-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border-right:1px solid var(--border);gap:.25rem}.week-day-header:last-child{border-right:none}.week-day-header.today{background:#ff6b351a}.week-day-header .day-name{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.week-day-header .day-date{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.week-day-header.today .day-date{color:var(--accent)}.week-body{max-height:calc(100vh - 300px);overflow-y:auto}.time-row{display:grid;grid-template-columns:80px repeat(7,1fr);height:80px;border-bottom:1px solid var(--border)}.time-row:last-child{border-bottom:none}.time-label{padding:.5rem .75rem .5rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-muted);border-right:1px solid var(--border);text-align:right}.time-cell{border-right:1px solid var(--border);height:80px;cursor:pointer;transition:background .2s;position:relative;overflow:visible}.time-cell:last-child{border-right:none}.time-cell:hover{background:var(--surface-hover)}.time-cell.today{background:#ff6b350d}.time-cell.drop-target{background:#ff6b351a}.week-appointment{position:absolute;display:flex;flex-direction:column;border-radius:8px;font-size:.75rem;cursor:grab;transition:box-shadow .15s;overflow:hidden;z-index:5;min-height:50px;padding:2px;box-sizing:border-box}.week-appointment:active{cursor:grabbing}.week-appointment.dragging{opacity:.5;transform:scale(1.02);z-index:100}.week-appointment.resizing{z-index:100;box-shadow:0 4px 20px #ff6b3566;cursor:ns-resize}.week-appointment:hover{box-shadow:0 4px 12px #0000004d}.week-appointment.status-booked{background:linear-gradient(135deg,#ff6b35,#f77f00);color:#fff}.week-appointment.status-completed{background:var(--success);color:#fff}.week-appointment.status-cancelled{background:var(--surface-hover);color:var(--text-muted);text-decoration:line-through}.apt-content{flex:1;padding:.5rem;display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.apt-time-logged{font-size:.6875rem;opacity:.85;margin-top:.125rem;display:flex;align-items:center;gap:.25rem}.apt-actions{padding:.25rem .5rem;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:center}.clock-btn{font-size:.6875rem!important;padding:.25rem .5rem!important;white-space:nowrap}.apt-time{font-weight:700;font-size:.6875rem;opacity:.9}.apt-customer{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apt-job{font-size:.6875rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resize-handle{height:20px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;background:#00000026;transition:background .2s;flex-shrink:0;position:relative}.resize-handle:hover{background:#0000004d}.resize-bar{width:40px;height:4px;background:#ffffff80;border-radius:2px}.resize-handle:hover .resize-bar{background:#fffc}.month-view{padding:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-header{padding:.75rem;text-align:center;font-weight:600;font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-hover);border-bottom:1px solid var(--border)}.calendar-day{min-height:120px;padding:.5rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);cursor:pointer;transition:background .2s}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--surface-hover)}.calendar-day.empty{background:var(--bg-primary);cursor:default}.calendar-day.today{background:#ff6b351a}.calendar-day.today .day-number{background:var(--accent);color:#fff}.day-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-weight:600;font-size:.875rem;margin-bottom:.5rem}.day-appointments{display:flex;flex-direction:column;gap:.25rem}.appointment-chip{display:flex;flex-direction:column;padding:.375rem .5rem;border-radius:6px;font-size:.75rem;cursor:grab;transition:transform .1s,box-shadow .1s;overflow:hidden}.appointment-chip:active{cursor:grabbing}.appointment-chip.dragging{opacity:.5}.appointment-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000004d}.appointment-chip.status-booked{background:linear-gradient(135deg,#ff6b35,#f77f00);color:#fff}.appointment-chip.status-completed{background:var(--success);color:#fff}.appointment-chip.status-cancelled{background:var(--surface-hover);color:var(--text-muted);text-decoration:line-through}.chip-time{font-weight:600;font-size:.6875rem;opacity:.9}.chip-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-appointments{font-size:.6875rem;color:var(--text-muted);padding:.25rem;text-align:center}@media(max-width:1100px){.week-header,.time-row{grid-template-columns:60px repeat(7,1fr)}.time-label{font-size:.6875rem;padding-right:.5rem}.week-day-header .day-date{font-size:1.25rem}}@media(max-width:900px){.calendar-day{min-height:80px;padding:.25rem}.day-number{width:24px;height:24px;font-size:.75rem}.appointment-chip{padding:.25rem}.chip-time{display:none}.calendar-title{font-size:1.125rem;min-width:auto}.apt-job{display:none}}@media(max-width:600px){.calendar-header{flex-direction:column;gap:1rem;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem))}.calendar-day{min-height:60px}.chip-name{font-size:.625rem}.time-cell{min-height:60px}.week-day-header .day-name{font-size:.625rem}.week-day-header .day-date{font-size:1rem}.appointments-page{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.timesheets-page{max-width:1200px;margin:0 auto}.timesheet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media(max-width:600px){.timesheet-stats{grid-template-columns:1fr}}.stat-card-small{padding:1.25rem!important}.stat-content{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-number{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--accent);line-height:1}.stat-label{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.hours-preview{padding:.75rem 1rem;background:var(--surface-hover);border-radius:8px;margin-bottom:1rem;font-size:.9375rem}.hours-preview strong{color:var(--accent);font-size:1.25rem}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}.timesheet-report-page{padding:1.5rem;max-width:1000px;margin:0 auto;overflow:visible!important;height:auto!important;min-height:100%}.print-report{background:#fff;padding:0;font-family:Segoe UI,Arial,sans-serif;color:#1a1a2e;line-height:1.5;border-radius:12px}.report-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;margin-bottom:0}.report-header-top{display:flex;min-height:100px}.report-logo{width:220px;padding:20px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(255,255,255,.2)}.report-logo h1{font-size:15px;font-weight:700;color:#ff6b35;margin:0;text-align:center;text-transform:uppercase;letter-spacing:1px}.report-title{flex:1;padding:20px 25px;text-align:center;display:flex;flex-direction:column;justify-content:center}.report-title h2{font-size:26px;font-weight:700;margin:0;color:#fff;letter-spacing:3px;text-transform:uppercase}.report-period{font-size:12px;color:#fffc;margin:10px 0 0;font-weight:400}.report-worker{font-size:13px;font-weight:600;color:#ff6b35;margin:5px 0 0}.report-job{font-size:11px;font-weight:500;color:#ffffffb3;margin:3px 0 0}.report-meta{width:160px;padding:20px;background:#ffffff0d;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.2)}.report-meta p{margin:0;font-size:11px;color:#ffffffe6}.report-meta-label{font-weight:700;text-transform:uppercase;font-size:9px;color:#fff9;margin-bottom:3px;letter-spacing:.5px}.report-summary{background:#f8f9fa;border-bottom:3px solid #ff6b35}.report-summary h3{font-size:12px;font-weight:700;margin:0;padding:12px 20px;background:#eef2f7;color:#1a1a2e;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #dde4ed}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.summary-box{padding:20px 15px;text-align:center;background:#fff;border-right:1px solid #eef2f7;position:relative}.summary-box:last-child{border-right:none}.summary-box:first-child{border-left:4px solid #ff6b35}.summary-box:nth-child(2){border-left:4px solid #10b981}.summary-box:nth-child(3){border-left:4px solid #3b82f6}.summary-box:nth-child(4){border-left:4px solid #8b5cf6}.summary-value{display:block;font-size:24px;font-weight:700;color:#1a1a2e}.summary-label{display:block;font-size:10px;color:#64748b;margin-top:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.summary-counts{display:flex;justify-content:center;gap:25px;padding:12px 20px;font-size:11px;color:#64748b;background:#f8f9fa;border-top:1px solid #eef2f7}.report-section{background:#fff;margin-top:20px;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.report-section h3{font-size:12px;font-weight:700;margin:0;padding:14px 20px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-transform:uppercase;letter-spacing:1px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{background:#f8f9fa;padding:12px 15px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.report-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#1a1a2e;vertical-align:middle}.report-table tbody tr:hover{background:#fafbfc}.report-table tbody tr:nth-child(2n){background:#fafbfc}.report-table tfoot td{background:#f1f5f9;font-weight:700;border-top:2px solid #e5e7eb;border-bottom:none;color:#1a1a2e}.date-group{margin:0}.date-header{font-size:12px;font-weight:700;margin:0;padding:12px 20px;background:linear-gradient(90deg,#ff6b35,#f7931e);color:#fff;text-transform:uppercase;letter-spacing:.5px}.type-badge{display:inline-block;padding:4px 10px;font-size:9px;font-weight:700;text-transform:uppercase;border-radius:4px;letter-spacing:.5px}.type-badge.general{background:#dbeafe;color:#1d4ed8}.type-badge.job{background:#dcfce7;color:#15803d}.worker-jobs-card{border-bottom:1px solid #e5e7eb}.worker-jobs-card:last-child{border-bottom:none}.worker-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#f8f9fa;border-bottom:1px solid #e5e7eb}.worker-name{display:flex;align-items:center;gap:12px}.worker-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.worker-name strong{font-size:14px;color:#1a1a2e;letter-spacing:.3px}.worker-totals{display:flex;align-items:center;gap:10px}.total-badge{padding:6px 12px;font-size:11px;font-weight:600;border-radius:20px;background:#f1f5f9;color:#475569}.total-badge.total{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.jobs-checklist-table{width:100%;border-collapse:collapse;font-size:12px}.jobs-checklist-table th{background:#f1f5f9;padding:10px 15px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #e5e7eb;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.jobs-checklist-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;color:#1a1a2e}.jobs-checklist-table tbody tr:hover{background:#fafbfc}.jobs-checklist-table tfoot td{background:#f8f9fa;font-weight:700;border-top:2px solid #e5e7eb}.checkbox-cell{text-align:center;width:50px}.print-checkbox{width:18px;height:18px;border:2px solid #cbd5e1;border-radius:4px;display:inline-block;background:#fff}.dates-cell{font-size:11px;color:#64748b}.general-hours-note{padding:12px 20px;background:#eff6ff;font-size:12px;color:#1d4ed8;border-top:1px solid #dbeafe}.signature-section{margin-top:20px;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;background:#fff}.signature-section h3{font-size:12px;font-weight:700;margin:0;padding:14px 20px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-transform:uppercase;letter-spacing:1px}.signature-section .signature-grid{padding:30px 25px}.signature-grid{display:grid;grid-template-columns:1fr 120px 1fr 120px;gap:25px;align-items:end}.signature-box{text-align:left}.signature-line{height:0;border-bottom:2px solid #1a1a2e;margin-top:50px;margin-bottom:8px}.signature-box p{font-size:10px;color:#64748b;margin:0;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.report-footer{padding:15px 20px;margin-top:20px;text-align:center;font-size:10px;color:#fff;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:8px;letter-spacing:.5px}.report-footer p{margin:0}.no-data{text-align:center;color:#64748b;padding:40px;font-style:italic;font-size:13px}@media screen{.timesheet-report-page{min-height:auto;overflow:visible;padding-bottom:2rem}.print-report{background:#fff;box-shadow:0 4px 25px #0000001a;margin-top:1rem;margin-bottom:2rem}.report-summary,.report-section:first-of-type{margin-top:0}}@media print{.no-print{display:none!important}header.header,nav.sidebar,.header,.sidebar,.header-brand,.header-right,.nav-list,.mobile-menu-toggle,.notification-dropdown,.user-dropdown{display:none!important}.report-header,.report-header-top{display:flex!important}@page{size:A4 portrait;margin:8mm}body{background:#fff!important;color:#000!important;font-size:10pt!important;line-height:1.4!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.timesheet-report-page{padding:0!important;max-width:none!important;margin:0!important}.print-report{box-shadow:none!important;border-radius:0!important}.report-section,.signature-section{box-shadow:none!important;border-radius:0!important;margin-top:15px!important;border:1px solid #ccc!important}.report-footer{border-radius:0!important;margin-top:15px!important}.report-header,.report-section h3,.signature-section h3,.date-header,.report-footer,.summary-box,.total-badge.total,.worker-avatar,.type-badge{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.page-break-before{page-break-before:always}.date-group,.worker-jobs-card,.signature-section{page-break-inside:avoid}.print-checkbox{border:2px solid #333!important;border-radius:2px!important}.signature-line{border-bottom:1px solid #333!important}}@media screen and (max-width:768px){.timesheet-report-page{padding:.5rem}.report-header-top{flex-direction:column}.report-logo{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding:15px}.report-meta{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.2);flex-direction:row;justify-content:space-around}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-box:nth-child(2){border-right:none}.summary-box:nth-child(1),.summary-box:nth-child(2){border-bottom:1px solid #eef2f7}.signature-grid{grid-template-columns:1fr 1fr;gap:20px}.worker-header{flex-direction:column;gap:12px;align-items:flex-start}.worker-totals{flex-wrap:wrap}}.jobs-page{padding:1.5rem}.jobs-page .table-container .table tbody tr td .customer-cell .customer-name,.jobs-page .table-container .table tbody tr td .customer-cell .customer-name-only,.jobs-page .table-container .table tbody tr td .customer-name,.jobs-page .table-container .table tbody tr td .customer-name-only,.jobs-page .table-container .table td .customer-cell .customer-name,.jobs-page .table-container .table td .customer-cell .customer-name-only,.jobs-page .table-container .table td .customer-name,.jobs-page .table-container .table td .customer-name-only,.jobs-page .table td .customer-cell .customer-name,.jobs-page .table td .customer-cell .customer-name-only,.jobs-page .table td .customer-name,.jobs-page .table td .customer-name-only,.jobs-page .table td span.customer-name,.jobs-page .table td span.customer-name-only,.jobs-page .table td * .customer-name,.jobs-page .table td * .customer-name-only{color:var(--customer-color)!important;-webkit-text-fill-color:var(--customer-color)!important}.jobs-page .table td * .customer-name,.jobs-page .table td * .customer-name-only,.jobs-page .table td .customer-name,.jobs-page .table td .customer-name-only{color:var(--customer-color)!important}.jobs-page .table-container .table tbody tr td{color:inherit}.jobs-page .table-container .table tbody tr td .customer-name,.jobs-page .table-container .table tbody tr td .customer-name-only,.jobs-page .table-container .table tbody tr td .customer-cell .customer-name,.jobs-page .table-container .table tbody tr td .customer-cell .customer-name-only,.customer-name,.customer-name-only,.table td .customer-name,.table td .customer-name-only,.customer-cell .customer-name,.customer-cell .customer-name-only,.jobs-page .table td .customer-name,.jobs-page .table td .customer-name-only,.jobs-page .customer-name,.jobs-page .customer-name-only,.jobs-page .customer-cell .customer-name,.jobs-page .customer-cell .customer-name-only,.jobs-page .table .customer-name,.jobs-page .table .customer-name-only,.jobs-page .table td span.customer-name,.jobs-page .table td span.customer-name-only,.jobs-page .table td .customer-cell span.customer-name,.jobs-page .table td .customer-cell .customer-name,.jobs-page .table td .customer-cell .customer-name-only{color:var(--customer-color)!important}.header-actions{display:flex;gap:.75rem;align-items:center}.search-section{margin-bottom:1rem;display:flex;gap:.75rem;align-items:flex-end}.clear-search-btn{white-space:nowrap}.job-filters{display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.filter-buttons-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;width:100%}.filter-btn{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap;flex-shrink:0;height:auto;min-height:2.5rem;box-sizing:border-box}.filter-worker-select{display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:0;flex:0 1 auto}.filter-worker-select .form-group{margin-bottom:0!important;min-width:0}.filter-worker-select .form-group label{display:none}.filter-worker-select select,.filter-worker-select .form-select{min-width:120px;max-width:160px;padding:.5rem 2rem .5rem .75rem!important;font-size:.875rem!important;height:2.5rem!important;min-height:2.5rem!important;box-sizing:border-box!important;line-height:1.5!important;text-align:center!important;text-align-last:center!important}.filter-worker-select select option,.filter-worker-select .form-select option{text-align:center}.job-filters button{font-size:.875rem;padding:.5rem 1rem;white-space:nowrap}.jobs-mobile-list{display:none}.job-mobile-actions{display:flex!important;flex-direction:column!important;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.job-mobile-actions .btn{width:100%!important;font-size:.8125rem;padding:.625rem .75rem!important;text-align:center;white-space:nowrap;flex:none!important;min-height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;box-sizing:border-box!important}.create-from-quote-select{min-width:200px}.create-from-quote-select select{font-size:.875rem}.quote-reference{display:flex;flex-direction:column;gap:.25rem}.quote-reference label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.quote-reference p{margin:0;font-size:.9375rem;color:var(--text-primary);padding:.5rem;background:var(--surface-hover);border-radius:6px}.job-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}@media(max-width:768px){.header-actions{flex-direction:column;align-items:stretch}.create-from-quote-select{width:100%}.job-actions{flex-direction:column}}.checklist-section{margin-bottom:1.5rem}.checklist-section h4{margin:0;font-size:1rem;font-weight:600}.checklist-template-select{min-width:250px}.checklist-content{margin-top:1rem}.checklist-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--surface-hover);border-radius:8px;margin-bottom:1rem}.checklist-info p{margin:0;font-size:.9375rem}.checklist-progress{color:var(--primary);font-weight:600}.checklist-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.checklist-item-row{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--surface-hover);border-radius:8px}.checklist-item-row .checkbox-wrapper,.item-notes-input{flex:1;min-width:0}.item-notes-input input{font-size:.75rem;padding:.375rem .5rem;height:auto}.item-notes-input .form-group{margin-bottom:0}.remove-item-btn{flex-shrink:0;width:2rem;height:2rem;padding:0;font-size:1.25rem;line-height:1}.checklist-actions{margin-bottom:1rem}.checklist-hint{color:var(--text-muted);font-size:.875rem;font-style:italic;text-align:center;padding:1rem;margin:0}.checklist-section-group{margin-bottom:2rem;padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.checklist-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--primary);padding-bottom:.5rem;border-bottom:2px solid var(--primary)}.checklist-section-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.checklist-optional-sections{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.add-checklist-prompt{padding:1.5rem;text-align:center;background:var(--surface-hover);border-radius:8px;border:2px dashed var(--border)}.add-checklist-prompt p{margin:0 0 1rem;font-size:.9375rem;color:var(--text-secondary)}.add-checklist-prompt .form-group{max-width:400px;margin:0 auto}.defect-list-section{margin-top:1.5rem;margin-bottom:1.5rem}.defect-list-section h4{margin:0;font-size:1rem;font-weight:600;color:var(--warning)}.defect-list-content{margin-top:1rem}.add-defect-form{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:var(--surface-hover);border-radius:8px}.add-defect-form .form-group{flex:1;margin-bottom:0}.tyres-section,.brakes-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border)}.tyres-grid,.brakes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tyre-card,.brake-card{padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.tyre-card h6,.brake-card h6{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:var(--primary)}.tyre-details-row,.brake-details-row{display:flex;gap:.5rem}.tyre-details-row .form-group,.brake-details-row .form-group{flex:1;margin-bottom:0}.tyre-details-row input,.brake-details-row input{font-size:.875rem;padding:.5rem .75rem}@media(max-width:768px){.tyres-grid,.brakes-grid{grid-template-columns:1fr}.tyre-details-row,.brake-details-row{flex-direction:column}}.status-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border:2px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer;transition:all .2s;font-size:.875rem;font-family:var(--font-body);min-width:0;flex:1}.status-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-icon{font-size:.875rem;font-weight:600;flex-shrink:0;width:1.125rem;text-align:center}.status-label{flex:1;text-align:left;-webkit-user-select:none;user-select:none;font-size:.875rem}.status-unchecked{border-color:var(--border);color:var(--text-secondary)}.status-unchecked .status-icon{color:var(--text-muted)}.status-checked{border-color:var(--success);background:#22c55e1a;color:var(--success)}.status-checked .status-icon{color:var(--success)}.status-not-fixed{border-color:#f97316;background:#f973161a;color:#f97316}.status-not-fixed .status-icon{color:#f97316}.status-broken{border-color:var(--error);background:#ef44441a;color:var(--error)}.status-broken .status-icon{color:var(--error)}.checklist-item-row .status-button{margin-right:0}.time-entries-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.time-entry-item,.time-entry-card{padding:1.5rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;transition:all .2s;border-left:3px solid var(--accent)}.time-entry-item:hover,.time-entry-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000001a}.time-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.time-entry-worker{flex:1;display:flex;flex-direction:column;gap:.25rem}.time-entry-worker strong{font-size:1rem;color:var(--text-primary)}.time-entry-duration{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.time-entry-duration strong{font-size:1.125rem;color:var(--primary)}.billable-badge{font-size:.75rem;padding:.125rem .5rem;background:var(--success);color:#fff;border-radius:12px;font-weight:600}.time-entry-content{margin-top:1rem}.time-entry-notes{margin-top:.75rem;padding:.75rem .75rem .75rem 1rem;background:var(--surface-hover);border-radius:6px;font-size:.9375rem;line-height:1.5;color:var(--text-primary);border-left:3px solid var(--accent)}.time-entry-notes.empty{color:var(--text-muted);font-style:italic}.time-entry-notes strong{color:var(--text-secondary);margin-right:.5rem;display:block;margin-bottom:.25rem}.time-entry-notes p{margin:0}.time-entry-edit{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.time-entry-actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end}@media(max-width:768px){.time-entry-header{flex-direction:column;gap:.5rem}.time-entry-duration{align-items:flex-start}}.line-items-card{margin-top:1.5rem}.line-items-list{display:flex;flex-direction:column;gap:1rem}.line-item-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.line-item-row.compact{padding:.5rem}.line-item-part,.line-item-desc{flex:1}.line-item-used{margin-top:.25rem;display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--bg-secondary);border-radius:4px}.line-item-used:has(input:checked){background:#22c55e1a;border-color:var(--success)}.used-indicator{font-size:.75rem;color:var(--success);font-weight:600;margin-left:auto}.line-item-qty{flex:.7;min-width:60px}.line-item-price{flex:1;min-width:80px}.line-item-total{display:flex;flex-direction:column;gap:.25rem;min-width:90px}.line-item-total label{font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.line-item-total p{margin:0;font-weight:600;color:var(--text-primary);font-size:.875rem;word-break:break-word}.remove-line-item-btn{align-self:flex-end}.line-item-price .form-group,.line-item-qty .form-group,.line-item-desc .form-group,.line-item-part .form-group{min-width:0;width:100%}.line-item-price .form-group input,.line-item-qty .form-group input,.line-item-desc .form-group input{font-size:.8rem;padding:.35rem .4rem;width:100%}.line-item-price .form-group label,.line-item-qty .form-group label,.line-item-desc .form-group label,.line-item-part .form-group label{font-size:.65rem;white-space:nowrap;margin-bottom:.25rem}.line-item-total{font-size:.75rem}.line-item-total p{font-size:.8rem}.stock-warning{padding:.25rem .5rem;background:#f59e0b1a;border-radius:4px;border-left:3px solid var(--warning)}.line-items-list{max-width:100%;overflow-x:auto}@media(max-width:1024px){.line-item-row{gap:.75rem}}@media(min-width:769px)and (max-width:1200px){.jobs-page{padding:1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.jobs-page .table-container{width:100%!important;max-width:100%!important;overflow-x:auto!important;box-sizing:border-box!important}.jobs-page .table{width:100%!important;max-width:100%!important;table-layout:auto!important;box-sizing:border-box!important}.jobs-page .table td,.jobs-page .table th{max-width:200px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;padding:.5rem!important;font-size:.875rem!important}.jobs-page .card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:1rem!important}.header-actions,.search-section{flex-wrap:wrap!important;gap:.5rem!important}.job-filters{padding:.75rem!important;flex-wrap:wrap!important}.filter-buttons-group{flex-wrap:wrap!important;gap:.5rem!important}.filter-btn{font-size:.8125rem!important;padding:.5rem .75rem!important}}@media(max-width:768px){.jobs-page{padding:.5rem}.header-actions{flex-direction:row;gap:.5rem;flex-wrap:wrap}.header-actions .btn{font-size:.8125rem;padding:.5rem .75rem}.create-from-quote-select{min-width:140px;font-size:.8125rem}.search-section{margin-bottom:.75rem;gap:.5rem}.search-section .form-group{margin-bottom:0}.search-section input{font-size:.875rem;padding:.625rem .75rem}.clear-search-btn{font-size:.8125rem;padding:.5rem .75rem;white-space:nowrap}.job-filters{padding:.75rem;margin-bottom:.75rem;gap:.5rem}.filter-buttons-group{display:flex;flex-wrap:wrap;gap:.5rem;width:100%;align-items:center}.filter-btn{font-size:.75rem;padding:.5rem .75rem;white-space:nowrap;flex:0 1 auto;min-width:fit-content;height:auto;min-height:2.25rem;box-sizing:border-box}.filter-worker-select{flex:0 1 auto;min-width:fit-content}.filter-worker-select .form-group{margin-bottom:0!important;width:auto;min-width:fit-content}.filter-worker-select select,.filter-worker-select .form-select{font-size:.8125rem!important;font-weight:600!important;padding:.5rem .75rem!important;height:auto!important;min-height:2.25rem!important;min-width:fit-content!important;max-width:none!important;width:auto!important;box-sizing:border-box!important;line-height:1.5!important;text-align:center!important;text-align-last:center!important}.job-filters button{font-size:.75rem;padding:.5rem .75rem;white-space:nowrap}.table-container{display:none}.jobs-mobile-list{display:flex;flex-direction:column;gap:.75rem;width:100%}.job-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s;cursor:pointer}.job-mobile-card:active{background:var(--surface-hover);transform:scale(.98)}.job-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.job-mobile-number{font-size:1rem;font-weight:700;color:var(--accent)}.job-mobile-status{flex-shrink:0}.job-mobile-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.875rem;min-height:1.5rem}.job-mobile-label{font-weight:600;color:var(--text-secondary);min-width:90px;flex-shrink:0}.job-mobile-value{flex:1;text-align:right;color:var(--text-primary);word-break:break-word;overflow-wrap:break-word}.job-mobile-actions{display:flex!important;flex-direction:column!important;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.job-mobile-actions .btn{width:100%!important;font-size:.8125rem;padding:.625rem .75rem!important;text-align:center;white-space:nowrap;flex:none!important;min-height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;box-sizing:border-box!important}.customer-address-link{display:none!important}.customer-name-only,.customer-name{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;word-break:break-word;color:#fff!important}.table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.status-badge{max-width:100%;overflow:hidden;text-overflow:ellipsis}.status-badge{font-size:.6875rem;padding:.1875rem .375rem;white-space:nowrap}.job-actions-cell{gap:.25rem!important}.job-action-btn{font-size:.6875rem!important;padding:.375rem .5rem!important;min-width:auto!important;display:flex!important;align-items:center!important;gap:.25rem!important}.job-action-btn .action-text{display:none}.job-action-btn .action-icon{font-size:.875rem;line-height:1}.customer-cell{display:flex;flex-direction:column;gap:.25rem}.table td .customer-name{font-size:.6875rem;font-weight:600;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#fff!important}.table td{font-size:.75rem}.table td{font-weight:600}.table td span{font-size:.75rem}.table th:nth-child(1),.table td:nth-child(1){min-width:60px;max-width:80px;width:70px}.table th:nth-child(2),.table td:nth-child(2){min-width:80px;max-width:120px;width:100px}.table th:nth-child(3),.table td:nth-child(3){min-width:55px;max-width:75px;width:65px;font-size:.625rem}.table th:nth-child(4),.table td:nth-child(4){min-width:60px;max-width:80px;width:70px}.table th:nth-child(5),.table td:nth-child(5){min-width:55px;max-width:75px;width:65px;font-size:.625rem}.table th:nth-child(6),.table td:nth-child(6){min-width:50px;max-width:65px;width:55px;text-align:center}.table th:nth-child(7),.table td:nth-child(7){min-width:80px;max-width:100px;width:90px}}@media(max-width:480px){.jobs-page{padding:.375rem}.table-container{display:none}.jobs-mobile-list{display:flex}.job-mobile-card{padding:.875rem;gap:.625rem}.job-mobile-row{font-size:.8125rem}.job-mobile-label{min-width:80px;font-size:.8125rem}.job-mobile-actions .btn{width:100%!important;font-size:.75rem;padding:.625rem .75rem!important;min-height:2.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem;box-sizing:border-box!important}.table th,.table td{padding:.25rem .125rem}.table th{font-size:.5625rem;padding:.375rem .125rem}.table td{font-size:.625rem}.table th:nth-child(1),.table td:nth-child(1){min-width:50px;max-width:65px;width:55px}.table th:nth-child(2),.table td:nth-child(2){min-width:70px;max-width:100px;width:85px}.table th:nth-child(3),.table td:nth-child(3){min-width:50px;max-width:65px;width:55px;font-size:.5625rem}.table th:nth-child(4),.table td:nth-child(4){min-width:50px;max-width:65px;width:55px}.table th:nth-child(5),.table td:nth-child(5){min-width:50px;max-width:65px;width:55px;font-size:.5625rem}.table th:nth-child(6),.table td:nth-child(6){min-width:45px;max-width:55px;width:50px}.table th:nth-child(7),.table td:nth-child(7){min-width:70px;max-width:85px;width:75px}}@media(max-width:480px){.jobs-page{padding:.5rem}.header-actions{width:100%}.header-actions .btn,.create-from-quote-select{flex:1;min-width:0}.job-filters{padding:.5rem;gap:.5rem}.filter-buttons-group{display:grid;grid-template-columns:repeat(2,1fr);gap:.375rem;width:100%}.filter-btn{font-size:.6875rem;padding:.5rem .375rem;text-align:center;overflow:hidden;text-overflow:ellipsis;height:2.25rem;min-height:2.25rem;max-height:2.25rem;white-space:nowrap;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.filter-worker-select{grid-column:span 2;display:grid!important;grid-template-columns:1fr 1fr!important;gap:.375rem!important;width:100%!important;align-items:stretch!important}.filter-worker-select .form-group{margin-bottom:0!important;width:100%!important;min-width:0!important;height:2.25rem!important}.filter-worker-select .form-group label{display:none!important}.filter-worker-select select,.filter-worker-select .form-select{font-size:.6875rem!important;font-weight:600!important;padding:0 1.5rem 0 .5rem!important;width:100%!important;min-width:0!important;height:2.25rem!important;min-height:2.25rem!important;max-height:2.25rem!important;box-sizing:border-box!important;line-height:2.25rem!important;text-align:center!important;text-align-last:center!important;border-radius:8px!important}.filter-worker-select .btn{font-size:.6875rem!important;padding:0 .5rem!important;height:2.25rem!important;min-height:2.25rem!important;max-height:2.25rem!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border-radius:8px!important}.table{font-size:.6875rem;min-width:600px}.table th,.table td{padding:.375rem .25rem}.table th{font-size:.625rem}.table td{font-size:.6875rem}.status-badge{font-size:.625rem;padding:.125rem .25rem}.table td .btn{font-size:.625rem;padding:.1875rem .375rem;min-width:32px;height:28px}}.job-detail-page{padding:2rem;max-width:1200px;margin:0 auto}.job-detail-page .form-checkbox{width:.875rem;height:.875rem}.job-detail-page .checkbox-wrapper{gap:.375rem}.job-detail-page .checkbox-label{font-size:.875rem}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.line-items-section{margin-bottom:1.5rem}.line-item-row{padding:1rem;border:1px solid var(--border);border-radius:.375rem;margin-bottom:.75rem;background:var(--bg-secondary)}.line-item-content{display:flex;flex-direction:column;gap:.5rem}.line-item-main{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.line-item-details{display:flex;gap:1rem;font-size:.875rem;color:var(--text-secondary);margin-left:auto}.add-part-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border)}.job-totals{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:2rem;font-size:1.125rem}.checklist-section{margin-bottom:2rem}.checklist-section h4{margin-bottom:1rem;color:var(--primary)}.checklist-items{display:flex;flex-direction:column;gap:.5rem}.checklist-item{transition:all .2s ease;padding:.5rem!important}.checklist-item:hover{transform:translate(4px)}.checklist-item .form-group{margin-bottom:0}.checklist-item .form-group input{font-size:.75rem!important;padding:.375rem .5rem!important;height:auto}.checklist-item .form-group label{font-size:.7rem!important;margin-bottom:.25rem}.defects-section{margin-bottom:1.5rem}.defect-item{padding:.75rem;border:1px solid var(--border);border-radius:.375rem;margin-bottom:.5rem;background:var(--bg-secondary)}.add-defect-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.time-entries-list{display:flex;flex-direction:column;gap:.75rem}.time-entry-item{padding:.75rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg-secondary)}.tyres-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.tyre-card{padding:1rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg-secondary)}.tyre-card h6{margin:0 0 1rem;color:var(--primary);font-size:1rem}.tyre-details-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.tyre-details-row .form-group{min-width:0}.tyre-details-row input{width:100%;box-sizing:border-box}.brakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.brake-card{padding:1rem;border:1px solid var(--border);border-radius:.375rem;background:var(--bg-secondary)}.brake-card h6{margin:0 0 1rem;color:var(--primary);font-size:1rem}.brake-details-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem}.brake-details-row .form-group{min-width:0}.brake-details-row input,.brake-details-row select{width:100%;box-sizing:border-box}.brake-card{min-width:0;overflow:hidden}.brake-card .form-group{min-width:0}.brake-card input,.brake-card select{width:100%;box-sizing:border-box;max-width:100%}.job-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.action-btn{flex-shrink:0;min-width:140px;width:auto;white-space:nowrap}.add-part-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.part-search-wrapper{position:relative;width:100%;min-width:0}.part-search-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--surface);border:1px solid var(--border);border-radius:.375rem;margin-top:.25rem;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.part-search-item{padding:.75rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background-color .2s}.part-search-item:hover{background-color:var(--surface-hover)}.part-search-empty{padding:.75rem;color:var(--text-muted);font-style:italic}@media(min-width:600px)and (max-width:1200px){.job-detail-page{padding:1rem}.add-part-form-row{grid-template-columns:repeat(3,1fr);gap:.75rem}.part-search-wrapper{width:100%;min-width:0;max-width:100%}.add-part-form-row{align-items:flex-start!important}.add-part-form-row .form-group{display:flex!important;flex-direction:column!important}.add-part-form-row .form-group label{margin-bottom:.5rem!important;font-size:.875rem!important;line-height:1.4!important;min-height:1.4rem!important;display:block!important}.add-part-form-row .form-group input,.add-part-form-row .form-group select{min-height:44px!important;height:44px!important;box-sizing:border-box!important}.add-part-form-row .form-group{width:100%;min-width:0;max-width:100%}.add-part-form-row input,.add-part-form-row select{width:100%;max-width:100%;box-sizing:border-box;font-size:.875rem}.add-part-form-row input::placeholder{font-size:.875rem;white-space:nowrap;overflow:visible;text-overflow:ellipsis}.add-part-form-row #partDescription{width:100%;max-width:100%}.add-part-form-row select{padding-right:2rem}}@media(max-width:768px){.job-detail-page{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.job-header-actions{flex-direction:column;width:100%;gap:.5rem;align-items:stretch}.action-btn{width:100%;font-size:.875rem;padding:.625rem 1rem}.job-info-grid{grid-template-columns:1fr}.line-item-details{flex-direction:column;gap:.25rem;margin-left:0;margin-top:.5rem}.job-totals{flex-direction:column;gap:.5rem;align-items:flex-start}.add-part-form-row{grid-template-columns:1fr;gap:1rem}.part-search-wrapper,.add-part-form-row .form-group{width:100%;min-width:0}.add-part-form-row input,.add-part-form-row select{width:100%;max-width:100%;box-sizing:border-box}.add-part-form-row #partDescription{width:100%;max-width:100%}}@media(max-width:480px){.job-detail-page{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.job-header-actions{flex-direction:column;width:100%;gap:.5rem;align-items:stretch}.action-btn{width:100%;font-size:.875rem;padding:.625rem 1rem}.add-part-form-row{grid-template-columns:1fr;gap:1rem}.part-search-wrapper,.add-part-form-row .form-group{width:100%;min-width:0}.add-part-form-row input,.add-part-form-row select{width:100%;max-width:100%;box-sizing:border-box}.add-part-form-row #partDescription{width:100%;max-width:100%}.job-info-grid{grid-template-columns:1fr}.line-item-details{flex-direction:column;gap:.25rem;margin-left:0;margin-top:.5rem}.job-totals{flex-direction:column;gap:.5rem;align-items:flex-start}}.job-time-entries-page{padding:2rem;max-width:1200px;margin:0 auto}.time-entries-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.summary-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.summary-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.summary-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.summary-item.running .summary-value{color:var(--success)}.time-entries-list{display:flex;flex-direction:column;gap:1rem}.time-entry-card{padding:1.5rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-primary);transition:all .2s}.time-entry-card:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--accent)}.time-entry-card.running{border-color:var(--success);background:linear-gradient(135deg,#22c55e0d,#22c55e05)}.time-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.time-entry-worker{display:flex;flex-direction:column;gap:.25rem}.time-entry-worker strong{font-size:1.125rem;color:var(--text-primary)}.time-entry-date{font-size:.875rem;color:var(--text-secondary)}.time-entry-duration{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.time-entry-duration strong{font-size:1.25rem;color:var(--accent)}.billable-badge{display:inline-block;padding:.25rem .5rem;background:var(--accent);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.running-badge{display:inline-block;padding:.25rem .5rem;background:var(--success);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:600}.time-entry-content{display:flex;flex-direction:column;gap:1rem}.time-entry-notes{padding:1rem;background:var(--bg-secondary);border-radius:.375rem;border-left:3px solid var(--accent)}.time-entry-notes.empty{border-left-color:var(--border);opacity:.6}.time-entry-notes strong{display:block;margin-bottom:.5rem;color:var(--text-primary);font-size:.875rem}.time-entry-notes p{margin:0;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}.time-entry-actions{display:flex;gap:.5rem;flex-wrap:wrap}.time-entry-edit{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:.375rem;border:1px solid var(--accent)}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}@media(max-width:768px){.time-entry-header{flex-direction:column;gap:1rem}.time-entry-duration{align-items:flex-start}.time-entries-summary{grid-template-columns:1fr}}.template-modal-overlay,.modal-overlay-fullscreen.template-modal-overlay,.modal-overlay.template-modal-overlay,.modal-overlay-fullscreen:has(.service-template-modal),.modal-overlay:has(.service-template-modal){position:fixed!important;top:0!important;left:240px!important;right:0!important;bottom:0!important;width:calc(100% - 240px)!important;max-width:calc(100% - 240px)!important;margin:0!important;padding:0!important;z-index:3000!important;overflow:hidden!important}@media(min-width:769px)and (max-width:1024px){div.template-modal-overlay,div.modal-overlay-fullscreen.template-modal-overlay,div.modal-overlay.template-modal-overlay,div.modal-overlay-fullscreen:has(.service-template-modal),div.modal-overlay:has(.service-template-modal),.template-modal-overlay.modal-overlay-fullscreen,.template-modal-overlay.modal-overlay{left:200px!important;width:calc(100% - 200px)!important;max-width:calc(100% - 200px)!important}}@media(max-width:768px){div.template-modal-overlay,div.modal-overlay-fullscreen.template-modal-overlay,div.modal-overlay.template-modal-overlay,div.modal-overlay-fullscreen:has(.service-template-modal),div.modal-overlay:has(.service-template-modal),.template-modal-overlay.modal-overlay-fullscreen,.template-modal-overlay.modal-overlay{left:0!important;width:100%!important;max-width:100%!important}}.settings-page{position:relative!important;z-index:1!important;width:100%;max-width:100%;padding:0 1rem;background:var(--surface);min-height:100vh;box-sizing:border-box;overflow-x:hidden;margin:0;left:0;right:0}.settings-page *{position:relative;z-index:auto}.settings-page [style*="position: fixed"],.settings-page [style*="position: absolute"]{z-index:100!important}.settings-layout{display:grid;grid-template-columns:260px 1fr;gap:1rem;align-items:start;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}}.settings-tabs{display:flex;flex-direction:column;gap:.5rem;background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:.75rem;position:sticky;top:100px}@media(max-width:900px){.settings-tabs{flex-direction:row;flex-wrap:wrap;position:static}}.settings-tab{display:flex;align-items:center;gap:.75rem;padding:.875rem .75rem;background:transparent;border:none;border-radius:10px;color:var(--text-secondary);font-family:var(--font-body);font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.settings-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.settings-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff}.tab-icon{font-size:1.25rem;width:1.5rem;text-align:center}.tab-label{flex:1}@media(max-width:900px){.settings-tab{width:auto;flex:1;min-width:140px;justify-content:center}.tab-label{display:none}.tab-icon{font-size:1.5rem}}@media(max-width:768px){.settings-section .card[style*="border: 2px solid"]{margin-top:1rem!important}.settings-section .card[style*="border: 2px solid"]>div{padding:.75rem!important}.settings-section .card[style*="border: 2px solid"] button{width:100%!important}}.settings-content{display:flex;flex-direction:column;gap:1.5rem;min-width:0;position:relative;z-index:1;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;margin:0;padding:0}.settings-section{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;position:relative;z-index:1}.settings-section .card{background:var(--surface);width:100%;max-width:100%;box-sizing:border-box}.settings-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.setting-row{margin-bottom:1rem}.toggle-label{display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.9375rem;padding:.5rem 0}.toggle-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.setting-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.75rem;padding:.75rem;background:var(--surface-hover);border-radius:8px}.users-list{display:flex;flex-direction:column;gap:.75rem}.user-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--surface-hover);border-radius:12px;transition:all .2s}.user-item:hover{background:var(--border)}.user-item.inactive{opacity:.5}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;font-weight:700;font-size:1.25rem;border-radius:50%;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:.25rem}.user-details strong{font-size:1rem;color:var(--text-primary)}.user-details span{font-size:.8125rem;color:var(--text-muted)}.user-role{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.6875rem!important;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem;width:fit-content}.role-admin{background:#ef444426;color:var(--error)}.role-worker{background:#3b82f626;color:var(--info)}.user-actions{display:flex;gap:.5rem;flex-shrink:0}.permissions-card{margin-top:1.5rem}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media(max-width:600px){.permissions-grid{grid-template-columns:1fr}}.permission-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface-hover);border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s;border:1px solid transparent}.permission-item:hover{border-color:var(--border);background:var(--surface)}.permission-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.permission-item input:disabled{opacity:.5}.permission-item input:checked+span{color:var(--text-primary)}.permission-item span{color:var(--text-secondary)}.categories-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--surface-hover);border-radius:8px;transition:all .2s}.category-item:hover{background:var(--border)}.category-name{font-weight:500;color:var(--text-primary)}.category-actions{display:flex;gap:.25rem}.category-move-btn,.category-remove-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s}.category-move-btn:hover:not(:disabled){background:var(--surface);color:var(--text-primary);border-color:var(--accent)}.category-move-btn:disabled{opacity:.3;cursor:not-allowed}.category-remove-btn:hover{background:#ef44441a;color:var(--error);border-color:var(--error)}.add-category-row{display:flex;gap:1rem;align-items:flex-end}.add-category-row .form-group{flex:1}.add-category-row .btn{margin-bottom:.25rem}.templates-list{display:flex;flex-direction:column;gap:.75rem}.template-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--surface-hover);border-radius:12px;transition:all .2s}.template-item:hover{background:var(--border)}.template-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.template-info strong{font-size:1rem;color:var(--text-primary)}.template-desc{font-size:.875rem;color:var(--text-secondary)}.template-stats{font-size:.8125rem;color:var(--text-muted)}.template-actions{display:flex;gap:.5rem}.template-line-items,.template-vehicles{margin-top:1.5rem}.template-items-list,.template-vehicles-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:1rem;background:var(--surface-hover);border-radius:8px}.template-item-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--surface);border-radius:6px}.item-desc{flex:1;font-weight:500}.item-qty,.item-price{font-size:.875rem;color:var(--text-secondary)}.item-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.75rem}.item-remove-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.template-vehicle-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--surface);border-radius:6px}.vehicle-years{font-size:.8125rem;color:var(--text-muted)}.vehicle-remove-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.75rem;margin-left:auto}.vehicle-remove-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.add-line-item-section,.add-vehicle-section{margin-top:1rem;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important}.add-line-item-section *,.add-vehicle-section *{max-width:100%!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.template-line-items,.template-vehicles{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;box-sizing:border-box!important}.template-line-items *,.template-vehicles *{max-width:100%!important;box-sizing:border-box!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.modal-fullscreen.service-template-modal{z-index:3000!important}div.template-modal-overlay,div.modal-overlay-fullscreen.template-modal-overlay,div.modal-overlay.template-modal-overlay,div.modal-overlay-fullscreen:has(.service-template-modal),div.modal-overlay:has(.service-template-modal),.template-modal-overlay.modal-overlay-fullscreen,.template-modal-overlay.modal-overlay{position:fixed!important;top:0!important;left:240px!important;right:0!important;bottom:0!important;width:calc(100% - 240px)!important;max-width:calc(100% - 240px)!important;margin:0!important;padding:0!important;z-index:3000!important;overflow:hidden!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;box-sizing:border-box!important}@media(min-width:769px)and (max-width:1024px){.template-modal-overlay,.modal-overlay-fullscreen.template-modal-overlay,.modal-overlay.template-modal-overlay,.modal-overlay-fullscreen:has(.service-template-modal),.modal-overlay:has(.service-template-modal){left:200px!important;width:calc(100% - 200px)!important;max-width:calc(100% - 200px)!important}}@media(max-width:768px){.template-modal-overlay,.modal-overlay-fullscreen.template-modal-overlay,.modal-overlay.template-modal-overlay,.modal-overlay-fullscreen:has(.service-template-modal),.modal-overlay:has(.service-template-modal){left:0!important;width:100%!important;max-width:100%!important}}.template-modal-overlay .modal,.modal-overlay-fullscreen.template-modal-overlay .modal,.modal-overlay.template-modal-overlay .modal,.modal-overlay-fullscreen:has(.service-template-modal) .modal,.modal-overlay:has(.service-template-modal) .modal,.modal-overlay-fullscreen .modal-fullscreen{width:100%!important;max-width:100%!important;height:100%!important;max-height:100vh!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important;overflow:hidden!important;position:relative!important}div.template-modal-overlay .modal-body,div.modal-overlay-fullscreen.template-modal-overlay .modal-body,div.modal-overlay.template-modal-overlay .modal-body,div.modal-overlay-fullscreen:has(.service-template-modal) .modal-body,div.modal-overlay:has(.service-template-modal) .modal-body,.template-modal-overlay.modal-overlay-fullscreen .modal-body,.template-modal-overlay.modal-overlay .modal-body{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;padding:1.5rem 1.5rem 1.5rem 3rem!important;margin-left:0!important;margin-right:0!important}.modal-fullscreen.service-template-modal .modal-body{overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;position:relative!important;z-index:1!important;margin:0!important;padding:1.5rem 1.5rem 1.5rem 3rem!important;height:calc(100vh - 80px)!important;max-height:calc(100vh - 80px)!important;background:var(--surface)!important}.modal-fullscreen.service-template-modal .modal-body form,.modal-fullscreen.service-template-modal .modal-body form>*{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.modal-fullscreen.service-template-modal .modal-body form,.modal-fullscreen.service-template-modal .modal-body form>*{overflow-x:hidden!important;overflow-y:visible!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.modal-fullscreen.service-template-modal .form-group,.modal-fullscreen.service-template-modal .form-row,.modal-fullscreen.service-template-modal .add-line-item-section{overflow-y:visible!important;position:relative!important}.modal-fullscreen.service-template-modal .form-group,.modal-fullscreen.service-template-modal .form-group>*{max-width:100%!important;box-sizing:border-box!important}.modal-fullscreen.service-template-modal .form-row{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.modal-fullscreen.service-template-modal .form-row>*{min-width:0!important;max-width:100%!important}.part-dropdown-container{position:fixed!important;z-index:10001!important;overflow-y:auto!important;overflow-x:hidden!important;max-height:60vh!important}.modal-fullscreen.service-template-modal .part-dropdown-container{position:fixed!important;z-index:10001!important;max-height:60vh!important}.logo-section{margin-top:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.logo-row{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:1rem}.logo-preview{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:16px;flex-shrink:0;box-shadow:0 8px 24px #ff6b354d;overflow:hidden}.logo-preview .logo-image{width:100%;height:100%;object-fit:cover}.logo-preview .logo-emoji{font-size:3rem}.logo-dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:var(--surface-hover);border:2px dashed var(--border);border-radius:16px;cursor:pointer;transition:all .2s;min-height:100px}.logo-dropzone:hover{border-color:var(--accent);background:#ff6b350d}.logo-dropzone.dragging{border-color:var(--accent);background:#ff6b351a;border-style:solid}.dropzone-icon{font-size:2rem;opacity:.7}.dropzone-text{font-size:.875rem;color:var(--text-muted);text-align:center}.logo-dropzone.dragging .dropzone-text{color:var(--accent);font-weight:600}.previous-logos{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:1rem;background:var(--surface-hover);border-radius:12px}.previous-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.previous-logo-btn{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;overflow:hidden;padding:0}.previous-logo-btn:hover{border-color:var(--accent);transform:scale(1.05)}.previous-logo-btn img{width:100%;height:100%;object-fit:cover}.previous-logo-btn span{font-size:1.75rem}@media(max-width:600px){.logo-row{flex-direction:column;align-items:center}.logo-dropzone{width:100%}}.checklist-sections-card{margin-top:1.5rem}.checklist-section-editor{margin-bottom:1.5rem;padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.section-header h5{margin:0;font-size:1.125rem;font-weight:600;color:var(--primary)}.section-items{display:flex;flex-direction:column;gap:.5rem}.section-item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border-radius:6px;font-size:.9375rem}.add-item-form{display:flex;gap:.75rem;align-items:flex-end;margin-top:.75rem;padding:.75rem;background:var(--surface);border-radius:6px}.add-item-form .form-group{flex:1;margin-bottom:0}.add-section-form{display:flex;gap:.75rem;align-items:flex-end;margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border)}.add-section-form .form-group{flex:1;margin-bottom:0}.reminders-page{padding:1.5rem;max-width:1400px;margin:0 auto}@media(max-width:768px){.reminders-page{padding:1rem}}.performance-report-page{max-width:1400px;margin:0 auto;position:relative;z-index:1}.analytics-select,.analytics-select .form-group{min-width:160px!important;width:160px!important;height:38px!important}.analytics-select .form-select{min-width:160px!important;width:160px!important;height:38px!important;line-height:38px!important;text-align:center!important;text-align-last:center!important;padding:0 2.5rem 0 .75rem!important;box-sizing:border-box!important;overflow:visible!important;white-space:nowrap!important;vertical-align:middle!important}.analytics-button,.analytics-period-btn{min-width:160px!important;width:160px!important;height:38px!important;line-height:1!important;padding:0!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important}.analytics-header-actions .btn,.analytics-header-actions button,.analytics-header-actions .analytics-select,.analytics-header-actions .analytics-select .form-group,.analytics-header-actions .analytics-select .form-select{min-width:160px!important;width:160px!important;height:38px!important;box-sizing:border-box!important}.analytics-button *,.analytics-period-btn *{line-height:1!important;margin:0!important;padding:0!important}.performance-report-page{position:relative!important;z-index:1!important;overflow:visible!important}.performance-report-page *{position:relative;z-index:auto}.performance-report-page [style*="position: fixed"],.performance-report-page [style*="position: absolute"]{z-index:100!important}.performance-report-page .page-header,.performance-report-page .card,.performance-report-page .stat-card{position:relative!important;z-index:1!important}.main-content .performance-report-page{position:relative!important;z-index:1!important;margin-left:0!important;padding-left:0!important}.performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{padding:1.5rem;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff}.stat-content{display:flex;flex-direction:column;gap:.5rem}.stat-number{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-card.highlight .stat-number{color:#fff}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-card.highlight .stat-label{color:#ffffffe6}.stat-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.stat-card.highlight .stat-subtext{color:#fffc}@media(max-width:768px){.performance-stats{grid-template-columns:1fr}}.tabs-container{margin-top:1.5rem}.tabs-header{display:flex;gap:.5rem;border-bottom:2px solid var(--border);margin-bottom:2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:var(--font-body)}.tab-button:hover{color:var(--primary);background:var(--surface-hover)}.tab-button.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.tabs-content{min-height:400px}@media(max-width:768px){.tabs-header{gap:.25rem}.tab-button{padding:.5rem 1rem;font-size:.875rem}.analytics-header-actions{flex-direction:column;width:100%;gap:.5rem}.analytics-select{width:100%!important;min-width:auto!important}.analytics-select .form-group{width:100%!important}.analytics-select .form-select{width:100%!important;height:38px!important}.analytics-button{width:100%!important;min-width:auto!important;height:38px!important}.analytics-period-buttons{flex-direction:column;width:100%;gap:.5rem}.analytics-period-btn{width:100%!important;min-width:auto!important}}@media(max-width:1024px)and (min-width:769px){.analytics-select{min-width:160px!important;width:160px!important}.analytics-select .form-select{min-width:160px!important;width:160px!important;height:38px!important;text-align:center!important;text-align-last:center!important;padding-left:.75rem!important;padding-right:2.5rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.analytics-button,.analytics-period-btn{min-width:160px!important;width:160px!important;height:38px!important}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2rem}.login-card{width:100%;max-width:420px;background:var(--surface);border-radius:24px;border:1px solid var(--border);padding:3rem 2.5rem;box-shadow:0 20px 60px #0006}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:20px;margin:0 auto 1.5rem;box-shadow:0 8px 24px #ff6b354d}.login-logo img{width:100%;height:100%;object-fit:cover;border-radius:20px}.login-logo span{font-size:2.5rem}.login-header h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-header p{font-size:.9375rem;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:var(--error);font-size:.875rem;font-weight:500}.login-field{display:flex;flex-direction:column;gap:.5rem}.login-field label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.login-field input{width:100%;padding:.875rem 1rem;background:var(--surface-hover);border:2px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1rem;font-family:var(--font-body);transition:all .2s}.login-field input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.login-field input::placeholder{color:var(--text-muted)}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.7;transition:opacity .2s}.password-toggle:hover{opacity:1}.login-button{width:100%;padding:1rem;margin-top:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all .2s}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.login-hint{font-size:.8125rem;color:var(--text-muted);text-align:center;line-height:1.8}.login-hint strong{color:var(--text-secondary)}.login-hint code{background:var(--surface-hover);padding:.125rem .375rem;border-radius:4px;font-family:monospace;font-size:.8125rem;color:var(--accent)}@media(max-width:500px){.login-card{padding:2rem 1.5rem;border-radius:16px}.login-logo{width:64px;height:64px}.login-logo span{font-size:2rem}.login-header h1{font-size:1.5rem}}.signup-page{padding:2rem 1rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);min-height:100vh}.signup-card{max-width:1200px;margin:0 auto}.signup-form-full{display:flex;flex-direction:column;gap:2rem}.signup-section{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.signup-section-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.signup-section-subtitle{font-size:.9rem;color:var(--text-secondary);margin:-.5rem 0 1rem}.billing-cycle-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:6px}.billing-cycle-toggle button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.plans-grid-signup{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.plan-card-signup{border:2px solid var(--border);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s;background:var(--bg-primary);position:relative}.plan-card-signup:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.plan-card-signup.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 12px #00000026}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-card-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.trial-badge{font-size:.75rem;background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:12px;font-weight:500}.plan-price{margin-bottom:1rem}.price-free{font-size:2rem;font-weight:700;color:var(--accent)}.price-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:1rem;color:var(--text-secondary);margin-left:.25rem}.price-yearly-note{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.plan-description{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem}.plan-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.plan-features-list li{font-size:.9rem;color:var(--text-primary);padding-left:1.5rem;position:relative}.plan-features-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:600}.plan-selected-indicator{position:absolute;top:1rem;right:1rem;background:var(--accent);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.addons-grid-signup{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-bottom:1rem}.addon-card-signup{border:1px solid var(--border);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s;background:var(--bg-primary);display:flex;gap:1rem}.addon-card-signup:hover{border-color:var(--accent);background:var(--bg-secondary)}.addon-card-signup.selected{border-color:var(--accent);background:var(--accent-light)}.addon-content h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.addon-content p{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.addon-usage-note{font-size:.75rem;font-style:italic;color:var(--accent)}.addon-price{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-top:.5rem}.addon-yearly{font-size:.75rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.addons-summary{padding:1rem;background:var(--bg-secondary);border-radius:6px;font-size:.9rem;color:var(--text-primary);text-align:center}.cost-summary{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;padding:1.5rem}.cost-summary h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.cost-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border)}.cost-line.total{border-bottom:2px solid var(--accent);padding-top:.75rem;margin-top:.5rem}.cost-line span{font-size:.95rem;color:var(--text-primary)}.cost-savings{margin-top:.75rem;padding:.75rem;background:var(--accent-light);border-radius:6px;text-align:center;font-size:.9rem;color:var(--accent);font-weight:600}.signup-submit{margin-top:1rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600}@media(max-width:768px){.signup-page{padding:1rem .5rem}.plans-grid-signup,.addons-grid-signup{grid-template-columns:1fr}.signup-section,.plan-card-signup{padding:1rem}}.plan-comparison-table-container{width:100%;overflow-x:auto;margin:2rem 0}.plan-comparison-table-wrapper{min-width:700px}.plan-comparison-table{width:100%;border-collapse:collapse;background:var(--surface, #1a1a24);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000080;font-size:.9rem;color:var(--text-primary, #f5f5f7)}.plan-comparison-table thead{background:var(--surface-hover, #22222e);color:var(--text-primary, #f5f5f7)}.plan-comparison-table th{padding:.6rem .5rem;text-align:center;font-weight:600;border-right:1px solid rgba(255,255,255,.1);font-size:.85rem}.plan-comparison-table th:last-child{border-right:none}.plan-comparison-table th.feature-column{text-align:left;background:var(--surface-hover, #22222e);color:var(--text-primary, #f5f5f7);font-weight:700;font-size:1rem;position:sticky;left:0;z-index:10;min-width:200px;padding:.75rem 1rem;border-right:2px solid var(--accent, #ff6b35)}.plan-comparison-table th.plan-column{cursor:pointer;transition:background .2s;min-width:120px;max-width:140px}.plan-comparison-table th.plan-column:hover{background:#ffffff1a}.plan-comparison-table th.plan-column.selected{background:#ffffff26;outline:2px solid rgba(255,255,255,.3)}.plan-header{display:flex;flex-direction:column;gap:.2rem}.plan-name{font-size:1rem;font-weight:700}.plan-price{font-size:1.1rem;font-weight:700;color:var(--accent, #ff6b35)}.plan-trial{font-size:.75rem;opacity:.9}.plan-comparison-table tbody tr{border-bottom:1px solid var(--border, #2e2e3a);background:var(--surface, #1a1a24)}.plan-comparison-table tbody tr:hover{background:var(--surface-hover, #22222e)}.plan-comparison-table tbody tr:last-child{border-bottom:none}.plan-comparison-table tbody tr.category-row{background:var(--surface-hover, #22222e);border-top:2px solid var(--border, #2e2e3a)}.plan-comparison-table tbody tr.category-row:first-child{border-top:none}.plan-comparison-table td.category-header{padding:.5rem 1rem;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #a0a0b0);background:var(--surface-hover, #22222e);border:none;position:sticky;left:0;z-index:5}.plan-comparison-table td{padding:.5rem .75rem;text-align:center;border-right:1px solid var(--border, #2e2e3a);font-size:.85rem;background:var(--surface, #1a1a24)}.plan-comparison-table td:last-child{border-right:none}.plan-comparison-table td.feature-label{text-align:left;font-weight:700;font-size:.95rem;background:var(--surface-hover, #22222e);color:var(--text-primary, #f5f5f7);position:sticky;left:0;z-index:5;border-right:3px solid var(--accent, #ff6b35);min-width:220px;padding:.6rem 1rem;box-shadow:2px 0 6px #00000080;background:linear-gradient(to right,var(--surface-hover, #22222e) 0%,var(--surface, #1a1a24) 100%)}.plan-comparison-table td.feature-value{cursor:pointer;transition:background .2s;text-align:center;font-size:1.2rem;font-weight:700;padding:.5rem .75rem;min-width:80px;background:var(--surface, #1a1a24)}.plan-comparison-table td.feature-value:hover{background:var(--surface-hover, #22222e)}.plan-comparison-table td.feature-value.selected{background:#ff6b3526}.plan-comparison-table td.feature-value.has-check{color:var(--success, #22c55e)}.plan-comparison-table td.feature-value.has-cross{color:var(--error, #ef4444)}.plan-comparison-table td.feature-value.custom-plan{background:var(--surface-hover, #22222e);font-style:italic;font-size:.85rem}.custom-indicator{color:var(--accent, #ff6b35);font-weight:500}@media(max-width:768px){.plan-comparison-table-wrapper{min-width:600px}.plan-comparison-table th,.plan-comparison-table td{padding:.4rem .5rem;font-size:.8rem}.plan-name{font-size:.9rem}.plan-price,.plan-comparison-table td.feature-value{font-size:1rem}}.plan-selection-page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);padding:2rem 1rem}.plan-selection-container{max-width:1200px;margin:0 auto}.plan-selection-header{text-align:center;margin-bottom:2rem}.plan-selection-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.plan-selection-header p{font-size:1.1rem;color:var(--text-secondary);margin:0}.billing-cycle-toggle{display:flex;gap:.5rem;margin-bottom:2rem;background:var(--bg-primary);padding:.25rem;border-radius:8px;border:1px solid var(--border);max-width:400px;margin-left:auto;margin-right:auto}.billing-cycle-toggle button{flex:1;padding:.75rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.billing-cycle-toggle button:hover{background:var(--bg-secondary)}.billing-cycle-toggle button.active{background:var(--accent);color:#fff}.savings-badge{font-size:.75rem;background:#fff3;padding:.125rem .5rem;border-radius:12px}.plans-grid-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.plan-card-selection{border:2px solid var(--border);border-radius:12px;padding:2rem;cursor:pointer;transition:all .3s;background:var(--bg-primary);position:relative;box-shadow:0 2px 8px #0000000d}.plan-card-selection:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.plan-card-selection.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.plan-card-header h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.trial-badge{font-size:.75rem;background:var(--accent);color:#fff;padding:.375rem .875rem;border-radius:16px;font-weight:600;white-space:nowrap}.plan-price{margin-bottom:1.5rem}.price-free{font-size:2.5rem;font-weight:700;color:var(--accent)}.price-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.price-period{font-size:1.1rem;color:var(--text-secondary);margin-left:.25rem}.price-yearly-note{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.plan-description{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.plan-features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.plan-features-list li{font-size:.95rem;color:var(--text-primary);padding-left:1.75rem;position:relative;line-height:1.4}.plan-features-list li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:1.1rem}.plan-selected-indicator{position:absolute;top:1.5rem;right:1.5rem;background:var(--accent);color:#fff;padding:.375rem 1rem;border-radius:16px;font-size:.8rem;font-weight:600}.addons-section{margin-bottom:3rem;padding:2rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border)}.section-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.section-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.5rem}.addons-grid-selection{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.addon-card-selection{border:1px solid var(--border);border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .2s;background:var(--bg-secondary);display:flex;gap:1rem}.addon-card-selection:hover{border-color:var(--accent);background:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.addon-card-selection.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 4px 12px #00000026}.addon-checkbox{flex-shrink:0;padding-top:.25rem}.addon-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.addon-content{flex:1}.addon-content h4{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.addon-content p{margin:0 0 .5rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.addon-usage-note{font-size:.8rem;font-style:italic;color:var(--accent);margin:.25rem 0 .5rem}.addon-price{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-top:.5rem}.addon-yearly{font-size:.8rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.addons-summary{padding:1rem;background:var(--bg-secondary);border-radius:8px;font-size:.95rem;color:var(--text-primary);text-align:center;border:1px solid var(--border)}.cost-summary-section{margin-bottom:3rem;padding:2rem;background:var(--bg-primary);border:2px solid var(--accent);border-radius:12px}.cost-summary-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.cost-breakdown{display:flex;flex-direction:column;gap:1rem}.cost-line{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.cost-line.total{border-bottom:2px solid var(--accent);padding-top:1rem;margin-top:.5rem}.cost-line span{font-size:1rem;color:var(--text-primary)}.cost-savings{margin-top:1rem;padding:1rem;background:var(--accent-light);border-radius:8px;text-align:center;font-size:.95rem;color:var(--accent);font-weight:600}.plan-selection-actions{display:flex;gap:1rem;justify-content:center;padding-top:2rem;border-top:1px solid var(--border)}.btn-back,.btn-continue{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.btn-back{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-back:hover{background:var(--bg-primary)}.btn-continue{background:var(--accent);color:#fff}.btn-continue:hover{background:var(--accent-dark, #0056b3);transform:translateY(-2px);box-shadow:0 4px 12px #0003}@media(max-width:768px){.plan-selection-page{padding:1rem .5rem}.plan-selection-header h1{font-size:2rem}.plans-grid-selection{grid-template-columns:1fr;gap:1rem}.addons-grid-selection{grid-template-columns:1fr}.plan-card-selection,.addons-section,.cost-summary-section{padding:1.5rem}.plan-selection-actions{flex-direction:column}.btn-back,.btn-continue{width:100%}}.landing-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.landing-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark, #0056b3) 100%);color:#fff;padding:4rem 0;text-align:center}.landing-title{font-size:3rem;font-weight:800;margin:0 0 1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.landing-tagline{font-size:1.5rem;font-weight:600;margin:0 0 1rem;opacity:.95}.landing-description{font-size:1.125rem;margin:0 0 2rem;max-width:600px;margin-left:auto;margin-right:auto;opacity:.9;line-height:1.6}.landing-cta-button{background:#fff;color:var(--accent);border:none;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000026}.landing-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.landing-cta-button:active{transform:translateY(0)}.landing-hero-actions{margin-top:1.5rem}.landing-login-link{margin:0;opacity:.9}.landing-login-link a{color:#fff;text-decoration:underline;font-weight:500}.landing-features{padding:4rem 0;background:var(--bg-primary)}.landing-section-title{font-size:2.5rem;font-weight:700;text-align:center;margin:0 0 3rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--surface);padding:2rem;border-radius:12px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;color:var(--text-primary)}.feature-card p{margin:0;color:var(--text-secondary);line-height:1.6}.landing-benefits{padding:4rem 0;background:var(--surface-hover)}.benefits-list{display:flex;flex-direction:column;gap:2rem;max-width:900px;margin:0 auto}.benefit-item{display:flex;gap:1.5rem;align-items:flex-start;background:var(--surface);padding:2rem;border-radius:12px;border:1px solid var(--border);transition:transform .2s,box-shadow .2s}.benefit-item:hover{transform:translate(8px);box-shadow:0 4px 12px #0000001a}.benefit-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--accent-light, rgba(0, 86, 179, .1));border-radius:12px}.benefit-content h3{font-size:1.375rem;font-weight:600;margin:0 0 .5rem;color:var(--text-primary)}.benefit-content p{margin:0;color:var(--text-secondary);line-height:1.6}.landing-future-features{padding:4rem 0;background:var(--surface-hover)}.future-features-list{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.future-feature{background:var(--surface);padding:1rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:500;border:1px solid var(--border)}.landing-plans{padding:4rem 0;background:var(--bg-primary)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.plan-card{background:var(--surface);padding:2rem;border-radius:12px;border:2px solid var(--border);position:relative;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.plan-card.plan-featured{border-color:var(--accent);box-shadow:0 4px 12px #0056b333}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.plan-card h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.plan-description{color:var(--text-secondary);margin:0 0 1.5rem}.plan-features{list-style:none;padding:0;margin:0}.plan-features li{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:600}.plans-note{text-align:center;color:var(--text-muted);font-style:italic;margin:0}.landing-signup{padding:4rem 0;background:var(--surface-hover)}.landing-section-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 2rem;font-size:1.125rem}.signup-form{max-width:600px;margin:0 auto;background:var(--surface);padding:2rem;border-radius:12px;border:1px solid var(--border)}.signup-error{background:var(--danger-light, #fee);color:var(--danger, #d32f2f);padding:1rem;border-radius:8px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.signup-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.signup-field{display:flex;flex-direction:column}.signup-field label{font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.signup-field input{padding:.75rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s}.signup-field input:focus{outline:none;border-color:var(--accent)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;color:var(--text-secondary)}.signup-submit-button{width:100%;background:var(--accent);color:#fff;border:none;padding:1rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s;margin-top:1rem}.signup-submit-button:hover:not(:disabled){background:var(--accent-dark, #0056b3);transform:translateY(-1px)}.signup-submit-button:disabled{opacity:.6;cursor:not-allowed}.signup-terms{text-align:center;margin-top:1.5rem;font-size:.875rem;color:var(--text-muted)}.landing-footer{padding:2rem 0;background:var(--bg-secondary);border-top:1px solid var(--border)}.landing-footer .landing-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.landing-footer p{margin:0;color:var(--text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}@media(max-width:768px){.landing-title{font-size:2rem}.landing-tagline{font-size:1.25rem}.landing-description{font-size:1rem}.landing-cta-button{padding:.875rem 2rem;font-size:1rem}.landing-section-title{font-size:2rem}.features-grid,.plans-grid,.signup-form-row{grid-template-columns:1fr}.signup-form{padding:1.5rem}.landing-footer .landing-container{flex-direction:column;text-align:center}.future-features-list{flex-direction:column;align-items:stretch}.future-feature{text-align:center}.benefit-item{flex-direction:column;text-align:center;padding:1.5rem}.benefit-icon{margin:0 auto}.benefit-item:hover{transform:translateY(-4px)}}.mobile-welcome-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark, #0056b3) 100%);padding:2rem 1rem}.mobile-welcome-container{max-width:500px;width:100%;background:var(--surface);padding:3rem 2rem;border-radius:16px;box-shadow:0 8px 32px #0003;text-align:center}.mobile-welcome-icon{font-size:4rem;margin-bottom:1.5rem}.mobile-welcome-title{font-size:1.75rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary)}.mobile-welcome-message{font-size:1.125rem;line-height:1.6;margin:0 0 1rem;color:var(--text-primary)}.mobile-welcome-submessage{font-size:1rem;line-height:1.6;margin:0 0 2rem;color:var(--text-secondary)}.mobile-welcome-button{width:100%;background:var(--accent);color:#fff;border:none;padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s;margin-bottom:1rem;box-shadow:0 4px 12px #00000026}.mobile-welcome-button:hover{background:var(--accent-dark, #0056b3);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.mobile-welcome-button:active{transform:translateY(0)}.mobile-welcome-hint{font-size:.875rem;color:var(--text-muted);margin:0 0 2rem}.mobile-welcome-features{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border);text-align:left}.mobile-feature-item{padding:.75rem 0;color:var(--text-secondary);font-size:1rem}@media(max-width:480px){.mobile-welcome-container{padding:2rem 1.5rem}.mobile-welcome-title{font-size:1.5rem}.mobile-welcome-message{font-size:1rem}}.owner-dashboard-page{padding:1.5rem;max-width:1400px;margin:0 auto}.owner-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border);flex-wrap:wrap}.owner-tabs button{padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-size:.95rem;transition:all .2s;margin-bottom:-2px}.owner-tabs button:hover{color:var(--accent);background:var(--surface-hover)}.owner-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.owner-tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stats-grid .card{text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--accent);margin:1rem 0 .5rem}.stat-label{color:var(--text-secondary);font-size:.9rem}.plan-distribution{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.plan-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.plan-name{font-weight:600;text-transform:capitalize}.plan-count{color:var(--text-secondary);font-size:.9rem}.integration-status{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.integration-item{padding:1rem;background:var(--surface);border-radius:8px;border:1px solid var(--border)}@media(max-width:768px){.owner-dashboard-page{padding:1rem}.owner-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.owner-tabs button{white-space:nowrap;padding:.5rem 1rem;font-size:.85rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-value{font-size:2rem}}.customer-payment-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg-primary)}.payment-container{max-width:500px;width:100%}@media(max-width:600px){.customer-payment-page{padding:1rem}.payment-container{max-width:100%}}@keyframes flexxbot-orbit{0%{transform:rotate(0) translate(150px) rotate(0)}to{transform:rotate(360deg) translate(150px) rotate(-360deg)}}@keyframes flexxbot-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.1)}}@keyframes techy-pulse{0%,to{opacity:.8;filter:brightness(1)}50%{opacity:1;filter:brightness(1.5)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes data-stream{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.loading-container{position:relative;width:100%;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0a0e27,#1a1f3a);border-radius:20px;margin:2rem 0;border:2px solid rgba(0,255,255,.3);box-shadow:0 0 30px #0ff3}.loading-container.bg-option-1{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-grid-overlay,.bg-particles,.bg-circuit,.bg-rays,.bg-hexagon-grid{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.bg-option-1 .bg-rect{position:absolute;animation:rectangle-slide-1 8s ease-in-out infinite;border-radius:4px}.bg-option-1 .bg-rect:nth-child(1){width:200px;height:40px;background:linear-gradient(90deg,#64c8ff66,#78dcff66,#64c8ff66);top:20%;left:10%;animation-delay:0s}.bg-option-1 .bg-rect:nth-child(2){width:180px;height:35px;background:linear-gradient(90deg,#78dcff66,#64c8ff66,#8ce6ff66);top:55%;left:60%;animation-delay:2s}.bg-option-1 .bg-rect:nth-child(3){width:190px;height:38px;background:linear-gradient(90deg,#82e1ff66,#6ed2ff66,#96ebff66);top:38%;left:35%;animation-delay:4s}@keyframes rectangle-slide-1{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(30px);opacity:.9}}.bg-option-2 .bg-rect{position:absolute;animation:rectangle-float-vertical 9s ease-in-out infinite;border-radius:4px}.bg-option-2 .bg-rect:nth-child(1){width:50px;height:180px;background:linear-gradient(180deg,#64c8ff66,#8ce6ff66,#64c8ff66);top:15%;left:20%;animation-delay:0s}.bg-option-2 .bg-rect:nth-child(2){width:45px;height:200px;background:linear-gradient(180deg,#78dcff66,#64c8ff66,#82e1ff66);top:50%;left:70%;animation-delay:3s}.bg-option-2 .bg-rect:nth-child(3){width:48px;height:190px;background:linear-gradient(180deg,#6ed2ff66,#87ebff66,#73d7ff66);top:32%;left:48%;animation-delay:6s}@keyframes rectangle-float-vertical{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-20px) translate(15px);opacity:.9}}.bg-option-3 .bg-circuit{display:block}.bg-option-3 .bg-circuit-line{position:absolute;animation:rectangle-pulse-3 7s ease-in-out infinite;border-radius:4px}.bg-option-3 .bg-circuit-line.horizontal,.bg-option-3 .bg-circuit-line.vertical{width:120px;height:50px;background:linear-gradient(135deg,#64c8ff66,#8ce6ff66,#78dcff66)}.bg-option-3 .bg-circuit-line:nth-child(1){top:20%;left:10%;animation-delay:0s}.bg-option-3 .bg-circuit-line:nth-child(2){top:45%;left:45%;animation-delay:1.5s}.bg-option-3 .bg-circuit-line:nth-child(3){top:70%;left:25%;animation-delay:3s}.bg-option-3 .bg-circuit-line:nth-child(4){top:35%;left:75%;animation-delay:4.5s}.bg-option-3 .bg-circuit-line:nth-child(5){top:60%;left:60%;animation-delay:6s}@keyframes rectangle-pulse-3{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(5deg);opacity:.8}}.bg-option-4 .bg-ray{position:absolute;width:60px;height:200px;background:linear-gradient(45deg,#64c8ff66,#82e1ff66,#6ed2ff66);animation:rectangle-diagonal 10s ease-in-out infinite;border-radius:8px}.bg-option-4 .bg-ray:nth-child(1){top:10%;left:15%;animation-delay:0s;transform:rotate(25deg)}.bg-option-4 .bg-ray:nth-child(2){top:30%;left:50%;animation-delay:2s;transform:rotate(-20deg)}.bg-option-4 .bg-ray:nth-child(3){top:55%;left:20%;animation-delay:4s;transform:rotate(30deg)}.bg-option-4 .bg-ray:nth-child(4){top:20%;left:75%;animation-delay:6s;transform:rotate(-25deg)}.bg-option-4 .bg-ray:nth-child(5){top:65%;left:65%;animation-delay:8s;transform:rotate(15deg)}@keyframes rectangle-diagonal{0%,to{transform:rotate(25deg) translate(0);opacity:.5}50%{transform:rotate(25deg) translate(20px,-25px);opacity:.8}}.bg-option-5 .bg-hexagon{position:absolute;width:80px;height:60px;background:linear-gradient(135deg,#64c8ff66,#78dcff66,#8ce6ff66);animation:rectangle-grid-5 6s ease-in-out infinite;border-radius:6px}.bg-option-5 .bg-hexagon:nth-child(1){top:15%;left:12%;animation-delay:0s}.bg-option-5 .bg-hexagon:nth-child(2){top:15%;left:45%;animation-delay:.8s}.bg-option-5 .bg-hexagon:nth-child(3){top:15%;left:78%;animation-delay:1.6s}.bg-option-5 .bg-hexagon:nth-child(4){top:50%;left:28%;animation-delay:2.4s}.bg-option-5 .bg-hexagon:nth-child(5){top:50%;left:62%;animation-delay:3.2s}.bg-option-5 .bg-hexagon:nth-child(6){top:75%;left:18%;animation-delay:4s}.bg-option-5 .bg-hexagon:nth-child(7){top:75%;left:52%;animation-delay:4.8s}.bg-option-5 .bg-hexagon:nth-child(8){top:75%;left:85%;animation-delay:5.6s}@keyframes rectangle-grid-5{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:.8}}.loading-container.bg-option-6{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-option-6 .bg-rect{position:absolute;animation:rectangle-slide-6 9s ease-in-out infinite;border-radius:4px}.bg-option-6 .bg-rect:nth-child(1){width:190px;height:42px;background:linear-gradient(90deg,#b48cff66,#c8a0ff66,#a078ff66);top:25%;left:15%;animation-delay:0s}.bg-option-6 .bg-rect:nth-child(2){width:170px;height:38px;background:linear-gradient(90deg,#c8a0ff66,#b48cff66,#be96ff66);top:58%;left:55%;animation-delay:2.5s}.bg-option-6 .bg-rect:nth-child(3){width:185px;height:40px;background:linear-gradient(90deg,#be96ff66,#aa82ff66,#d2aaff66);top:42%;left:38%;animation-delay:5s}@keyframes rectangle-slide-6{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-25px);opacity:.9}}.bg-option-6 .loading-message-title{color:#d4b5ff}.bg-option-6 .loading-message-subtitle{color:#c8a8ff}.loading-container.bg-option-7{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-option-7 .bg-rect{position:absolute;animation:rectangle-float-vertical-7 10s ease-in-out infinite;border-radius:4px}.bg-option-7 .bg-rect:nth-child(1){width:48px;height:190px;background:linear-gradient(180deg,#78f0c866,#8cffdc66,#64e6b466);top:12%;left:25%;animation-delay:0s}.bg-option-7 .bg-rect:nth-child(2){width:52px;height:175px;background:linear-gradient(180deg,#8cffdc66,#78f0c866,#82fad266);top:52%;left:72%;animation-delay:3.5s}.bg-option-7 .bg-rect:nth-child(3){width:50px;height:182px;background:linear-gradient(180deg,#82fad266,#6ee6be66,#96ffe666);top:32%;left:50%;animation-delay:7s}@keyframes rectangle-float-vertical-7{0%,to{transform:translateY(0) translate(0);opacity:.6}50%{transform:translateY(-25px) translate(-12px);opacity:.9}}.bg-option-7 .loading-message-title{color:#7fffd4}.bg-option-7 .loading-message-subtitle{color:#66e6cc}.loading-container.bg-option-8{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-option-8 .bg-particle{position:absolute;width:110px;height:55px;background:linear-gradient(135deg,#ff96b466,#ffb4c866,#ff82a066);border-radius:5px;animation:rectangle-pulse-8 8s ease-in-out infinite}.bg-option-8 .bg-particle:nth-child(1){top:22%;left:12%;animation-delay:0s}.bg-option-8 .bg-particle:nth-child(2){top:48%;left:48%;animation-delay:1.6s}.bg-option-8 .bg-particle:nth-child(3){top:72%;left:28%;animation-delay:3.2s}.bg-option-8 .bg-particle:nth-child(4){top:38%;left:78%;animation-delay:4.8s}.bg-option-8 .bg-particle:nth-child(5){top:62%;left:58%;animation-delay:6.4s}@keyframes rectangle-pulse-8{0%,to{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.12) rotate(-8deg);opacity:.8}}.bg-option-8 .loading-message-title{color:#ff9bb3}.bg-option-8 .loading-message-subtitle{color:#ff88a6}.loading-container.bg-option-9{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-option-9 .bg-circuit-line{position:absolute;width:65px;height:190px;background:linear-gradient(45deg,#ffdc9666,#fff0aa66,#ffc88266);animation:rectangle-diagonal-9 11s ease-in-out infinite;border-radius:7px}.bg-option-9 .bg-circuit-line.horizontal,.bg-option-9 .bg-circuit-line.vertical{width:65px;height:190px}.bg-option-9 .bg-circuit-line:nth-child(1){top:12%;left:18%;animation-delay:0s;transform:rotate(30deg)}.bg-option-9 .bg-circuit-line:nth-child(2){top:32%;left:52%;animation-delay:2.2s;transform:rotate(-22deg)}.bg-option-9 .bg-circuit-line:nth-child(3){top:57%;left:18%;animation-delay:4.4s;transform:rotate(28deg)}.bg-option-9 .bg-circuit-line:nth-child(4){top:25%;left:78%;animation-delay:6.6s;transform:rotate(-30deg)}.bg-option-9 .bg-circuit-line:nth-child(5){top:68%;left:68%;animation-delay:8.8s;transform:rotate(18deg)}@keyframes rectangle-diagonal-9{0%,to{transform:rotate(30deg) translate(0);opacity:.5}50%{transform:rotate(30deg) translate(-18px,-22px);opacity:.8}}.bg-option-9 .loading-message-title{color:#ffd494}.bg-option-9 .loading-message-subtitle{color:#ffcc80}.loading-container.bg-option-10{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-option-10 .bg-ray{position:absolute;width:85px;height:65px;background:linear-gradient(135deg,#ffb48c66,#ffc8a066,#ffa07866);animation:rectangle-grid-10 7s ease-in-out infinite;border-radius:6px}.bg-option-10 .bg-ray:nth-child(1){top:18%;left:14%;animation-delay:0s}.bg-option-10 .bg-ray:nth-child(2){top:18%;left:47%;animation-delay:.9s}.bg-option-10 .bg-ray:nth-child(3){top:18%;left:80%;animation-delay:1.8s}.bg-option-10 .bg-ray:nth-child(4){top:53%;left:30%;animation-delay:2.7s}.bg-option-10 .bg-ray:nth-child(5){top:53%;left:64%;animation-delay:3.6s}.bg-option-10 .bg-ray:nth-child(6){top:78%;left:20%;animation-delay:4.5s}.bg-option-10 .bg-ray:nth-child(7){top:78%;left:54%;animation-delay:5.4s}.bg-option-10 .bg-ray:nth-child(8){top:78%;left:87%;animation-delay:6.3s}@keyframes rectangle-grid-10{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.18);opacity:.8}}.bg-option-10 .loading-message-title{color:#ffb886}.bg-option-10 .loading-message-subtitle{color:#ffa966}.loading-container.bg-option-11{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.bg-rectangles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.bg-rectangle{position:absolute;animation:rectangle-float 10s ease-in-out infinite;box-shadow:0 0 20px #64c8ff33}.bg-rectangle:nth-child(1){width:150px;height:80px;top:15%;left:10%;animation-delay:0s;background:linear-gradient(135deg,#64c8ff66,#b48cff66,#64faff66)}.bg-rectangle:nth-child(2){width:120px;height:180px;top:45%;left:25%;animation-delay:2s;background:linear-gradient(135deg,#ff96b466,#ffb48c66,#ffdc9666)}.bg-rectangle:nth-child(3){width:180px;height:70px;top:25%;left:50%;animation-delay:4s;background:linear-gradient(135deg,#78f0c866,#64c8ff66,#b48cff66)}.bg-rectangle:nth-child(4){width:100px;height:200px;top:60%;left:60%;animation-delay:1s;background:linear-gradient(135deg,#ffb48c66,#ff96b466,#ffc8b466)}.bg-rectangle:nth-child(5){width:160px;height:90px;top:35%;left:80%;animation-delay:3s;background:linear-gradient(135deg,#64faff66,#78f0c866,#64c8ff66)}.bg-rectangle:nth-child(6){width:140px;height:160px;top:70%;left:15%;animation-delay:5s;background:linear-gradient(135deg,#b48cff66,#ff96b466,#ffb48c66)}@keyframes rectangle-float{0%,to{transform:rotate(0) translate(0) scale(1);opacity:.4}50%{transform:rotate(15deg) translate(25px,-30px) scale(1.1);opacity:.7}}.bg-option-11 .loading-message-title{color:#a8d8ff}.bg-option-11 .loading-message-subtitle{color:#88c8ff}.scan-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.scan-line{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent);animation:scan-line 3s linear infinite}.data-stream-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.data-stream{position:absolute;font-family:Courier New,monospace;font-size:12px;color:#00ffff4d;white-space:nowrap;animation:data-stream 4s linear infinite}.data-stream:nth-child(1){left:10%;animation-delay:0s}.data-stream:nth-child(2){left:30%;animation-delay:1s}.data-stream:nth-child(3){left:50%;animation-delay:2s}.data-stream:nth-child(4){left:70%;animation-delay:.5s}.data-stream:nth-child(5){left:90%;animation-delay:1.5s}.flexxbot-container{position:relative;width:300px;height:300px;margin:2rem 0;z-index:10}.flexxbot-orbit{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);animation:flexxbot-orbit 8s linear infinite}.flexxbot{width:160px;height:220px;position:relative;animation:flexxbot-float 3s ease-in-out infinite}.flexxbot-body{width:100px;height:110px;background:#fff;border-radius:20px;margin:0 auto;position:relative;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;animation:techy-pulse 2s ease-in-out infinite;border:2px solid rgba(0,255,255,.2);overflow:visible;background-image:linear-gradient(to bottom,#00bcd4 0%,#00e5ff 5%,transparent 5%),linear-gradient(to bottom,transparent 88%,#00bcd4 90%,#00e5ff 94%,transparent 94%),#ffffff;background-size:80% 10%,80% 10%,100% 100%;background-position:center top,center bottom,center;background-repeat:no-repeat}.flexxbot-body:after{content:"Flexx";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#000;letter-spacing:1.5px;text-shadow:0 1px 2px rgba(255,255,255,.8);z-index:1}.flexxbot-head{width:95px;height:85px;background:#fff;border-radius:50%;margin:0 auto -20px;position:relative;box-shadow:0 4px 12px #00000026,inset 0 2px 4px #fffc;border:2px solid rgba(0,255,255,.2);overflow:hidden}.flexxbot-head:before,.flexxbot-head:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:28px;height:32px;background:linear-gradient(135deg,#00bcd4,#00e5ff);border-radius:50% 40% 40% 50%;box-shadow:0 2px 6px #00bcd466,inset -2px 0 4px #0003;border:2px solid rgba(0,0,0,.3)}.flexxbot-head:before{left:-12px;border-radius:40% 50% 50% 40%}.flexxbot-head:after{right:-12px}.flexxbot-head{background:radial-gradient(ellipse 70% 50% at 50% 45%,#1e1e1ef2,#141414fa),#fff;background-clip:padding-box}.flexxbot-eyes{display:flex;justify-content:space-around;padding-top:22px;gap:12px;position:relative;z-index:2}.flexxbot-eye{width:20px;height:14px;background:transparent;border-radius:50%;position:relative;animation:eye-blink 3s ease-in-out infinite}.flexxbot-eye:after{content:"";position:absolute;width:20px;height:14px;background:linear-gradient(135deg,#00e5ff,#00bcd4);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #00e5ffe6,0 0 8px #00bcd4b3,inset 0 2px 4px #fff6}@keyframes eye-blink{0%,90%,to{height:14px;opacity:1}92%,98%{height:2px;opacity:.3}}.flexxbot-antenna{display:none}.flexxbot-arms{display:flex;justify-content:space-between;margin-top:-50px;padding:0 12px;position:relative;z-index:2}.flexxbot-arm{width:40px;height:16px;background:#fff;border-radius:12px;position:relative;box-shadow:0 2px 6px #00000026,inset 0 1px 2px #fffc;border:2px solid rgba(0,255,255,.2)}.flexxbot-arm:before{content:"";position:absolute;top:-4px;width:12px;height:12px;background:linear-gradient(135deg,#00bcd4,#00e5ff);border-radius:50%;box-shadow:0 0 8px #00bcd499}.flexxbot-arm:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:100%;background:linear-gradient(180deg,#424242,#212121);border-radius:4px;box-shadow:inset 0 2px 4px #00000080}.flexxbot-arm.left{transform:rotate(-30deg) translateY(8px);animation:arm-wave-left 2.5s ease-in-out infinite;transform-origin:right center}.flexxbot-arm.right{transform:rotate(30deg) translateY(8px);animation:arm-wave-right 2.5s ease-in-out infinite;transform-origin:left center}@keyframes arm-wave-left{0%,to{transform:rotate(-30deg) translateY(8px)}50%{transform:rotate(-20deg) translateY(10px)}}@keyframes arm-wave-right{0%,to{transform:rotate(30deg) translateY(8px)}50%{transform:rotate(20deg) translateY(10px)}}.flexxbot-legs{display:flex;justify-content:center;gap:20px;margin-top:10px;position:relative;z-index:1}.flexxbot-leg{width:20px;height:50px;background:#fff;border-radius:12px;position:relative;box-shadow:0 2px 6px #00000026,inset 0 1px 2px #fffc;border:2px solid rgba(0,255,255,.2)}.flexxbot-leg:before{content:"";position:absolute;top:30px;left:50%;transform:translate(-50%);width:16px;height:8px;background:linear-gradient(135deg,#00bcd4,#00e5ff);border-radius:4px;box-shadow:0 0 6px #00bcd499}.flexxbot-leg:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:100%;background:linear-gradient(180deg,#424242,#212121);border-radius:3px;box-shadow:inset 0 2px 4px #00000080}.flexxbot-foot{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:28px;height:14px;background:#fff;border-radius:8px 8px 4px 4px;box-shadow:0 2px 6px #00000026,inset 0 1px 2px #fffc;border:2px solid rgba(0,255,255,.2)}.flexxbot-foot:before{content:"";position:absolute;bottom:-2px;left:-2px;right:-2px;height:6px;background:linear-gradient(90deg,#00bcd4,#00e5ff);border-radius:0 0 4px 4px;box-shadow:0 0 8px #00bcd499}.flexxbot-screen{width:60px;height:40px;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);margin:20px auto 0;border-radius:10px;position:relative;overflow:hidden;border:2px solid rgba(0,188,212,.4);box-shadow:0 0 10px #00bcd480,inset 0 2px 8px #000c,inset 0 -2px 8px #ffffff1a}.flexxbot-screen:before{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#00e5ff;font-size:24px;font-weight:700;animation:screen-pulse 1.5s ease-in-out infinite;text-shadow:0 0 12px rgba(0,229,255,1)}@keyframes screen-pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}}.techy-message{text-align:center;margin-top:2rem;z-index:10;position:relative}.techy-status{font-family:Courier New,monospace;font-size:1.1rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8);margin-bottom:.5rem;animation:techy-pulse 2s ease-in-out infinite;letter-spacing:2px}.techy-substatus{font-family:Courier New,monospace;font-size:.9rem;color:#0f0;opacity:.8;margin-top:.5rem;letter-spacing:1px}.techy-progress{margin-top:1rem;width:300px;height:4px;background:#0ff3;border-radius:2px;overflow:hidden;position:relative}.techy-progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#0f0);width:0%;animation:progress-scan 2s ease-in-out infinite;box-shadow:0 0 10px #0ffc}@keyframes progress-scan{0%{width:0%;opacity:.5}50%{width:70%;opacity:1}to{width:100%;opacity:.5}}.glitch-text{animation:glitch .3s infinite}.robot-variant-1 .flexxbot-body,.robot-variant-1 .flexxbot-head{background:#fff}.robot-variant-1 .flexxbot-head:before,.robot-variant-1 .flexxbot-head:after{background:linear-gradient(135deg,#00bcd4,#00e5ff)}.robot-variant-1 .flexxbot-eye:after{background:linear-gradient(135deg,#00e5ff,#00bcd4);box-shadow:0 0 15px #00e5ffe6,0 0 8px #00bcd4b3}.robot-variant-1 .flexxbot-arm{background:#fff}.robot-variant-1 .flexxbot-arm:before{background:linear-gradient(135deg,#00bcd4,#00e5ff)}.robot-variant-1 .flexxbot-leg{background:#fff}.robot-variant-1 .flexxbot-leg:before{background:linear-gradient(135deg,#00bcd4,#00e5ff)}.robot-variant-1 .flexxbot-foot{background:#fff}.robot-variant-1 .flexxbot-foot:before{background:linear-gradient(90deg,#00bcd4,#00e5ff)}.robot-variant-1.loading-container{border:2px solid rgba(0,188,212,.5);box-shadow:0 0 30px #00bcd44d}.robot-variant-2 .flexxbot-body,.robot-variant-2 .flexxbot-head{background:#fff}.robot-variant-2 .flexxbot-head:before,.robot-variant-2 .flexxbot-head:after{background:linear-gradient(135deg,#ba68c8,#ab47bc)}.robot-variant-2 .flexxbot-eye:after{background:linear-gradient(135deg,#ffeb3b,#ffc107);box-shadow:0 0 15px #ffeb3be6,0 0 8px #ffc107b3}.robot-variant-2 .flexxbot-arm{background:#fff}.robot-variant-2 .flexxbot-arm:before{background:linear-gradient(135deg,#ba68c8,#ab47bc)}.robot-variant-2 .flexxbot-leg{background:#fff}.robot-variant-2 .flexxbot-leg:before{background:linear-gradient(135deg,#ba68c8,#ab47bc)}.robot-variant-2 .flexxbot-foot{background:#fff}.robot-variant-2 .flexxbot-foot:before{background:linear-gradient(90deg,#ba68c8,#ffeb3b)}.robot-variant-2 .flexxbot-body:after{color:#8e24aa}.robot-variant-2.loading-container{border:2px solid rgba(186,104,200,.5);box-shadow:0 0 30px #ba68c84d}.robot-variant-2 .scan-line{background:linear-gradient(90deg,transparent,rgba(186,104,200,.8),transparent)}.robot-variant-2 .data-stream{color:#ba68c866}.robot-variant-2 .techy-status{color:#ba68c8;text-shadow:0 0 10px rgba(186,104,200,.8)}.robot-variant-2 .techy-progress-bar{background:linear-gradient(90deg,#ba68c8,#ffeb3b);box-shadow:0 0 10px #ba68c8cc}.robot-variant-3 .flexxbot-body,.robot-variant-3 .flexxbot-head{background:#fff}.robot-variant-3 .flexxbot-head:before,.robot-variant-3 .flexxbot-head:after{background:linear-gradient(135deg,#66bb6a,#4caf50)}.robot-variant-3 .flexxbot-eye:after{background:linear-gradient(135deg,#00e676,#4caf50);box-shadow:0 0 15px #00e676e6,0 0 8px #4caf50b3}.robot-variant-3 .flexxbot-arm{background:#fff}.robot-variant-3 .flexxbot-arm:before{background:linear-gradient(135deg,#66bb6a,#4caf50)}.robot-variant-3 .flexxbot-leg{background:#fff}.robot-variant-3 .flexxbot-leg:before{background:linear-gradient(135deg,#66bb6a,#4caf50)}.robot-variant-3 .flexxbot-foot{background:#fff}.robot-variant-3 .flexxbot-foot:before{background:linear-gradient(90deg,#66bb6a,#00e676)}.robot-variant-3 .flexxbot-body:after{color:#2e7d32}.robot-variant-3.loading-container{border:2px solid rgba(102,187,106,.5);box-shadow:0 0 30px #66bb6a4d}.robot-variant-3 .scan-line{background:linear-gradient(90deg,transparent,rgba(102,187,106,.8),transparent)}.robot-variant-3 .data-stream{color:#66bb6a66}.robot-variant-3 .techy-status{color:#66bb6a;text-shadow:0 0 10px rgba(102,187,106,.8)}.robot-variant-3 .techy-progress-bar{background:linear-gradient(90deg,#66bb6a,#00e676);box-shadow:0 0 10px #66bb6acc}.robot-variant-4 .flexxbot-body,.robot-variant-4 .flexxbot-head{background:#fff}.robot-variant-4 .flexxbot-head:before,.robot-variant-4 .flexxbot-head:after{background:linear-gradient(135deg,#ff9800,#f57c00)}.robot-variant-4 .flexxbot-eye:after{background:linear-gradient(135deg,#ffd54f,#ffc107);box-shadow:0 0 15px #ffd54fe6,0 0 8px #ffc107b3}.robot-variant-4 .flexxbot-arm{background:#fff}.robot-variant-4 .flexxbot-arm:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.robot-variant-4 .flexxbot-leg{background:#fff}.robot-variant-4 .flexxbot-leg:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.robot-variant-4 .flexxbot-foot{background:#fff}.robot-variant-4 .flexxbot-foot:before{background:linear-gradient(90deg,#ff9800,#ffd54f)}.robot-variant-4 .flexxbot-body:after{color:#e65100}.robot-variant-4.loading-container{border:2px solid rgba(255,152,0,.5);box-shadow:0 0 30px #ff98004d}.robot-variant-4 .scan-line{background:linear-gradient(90deg,transparent,rgba(255,152,0,.8),transparent)}.robot-variant-4 .data-stream{color:#ff980066}.robot-variant-4 .techy-status{color:#ff9800;text-shadow:0 0 10px rgba(255,152,0,.8)}.robot-variant-4 .techy-progress-bar{background:linear-gradient(90deg,#ff9800,#ffd54f);box-shadow:0 0 10px #ff9800cc}.loading-message-container{text-align:center;margin-top:3rem;padding:2rem;z-index:100;position:relative;overflow:visible;width:100%}.loading-message-title,.loading-message-subtitle{position:relative;z-index:101;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.6)}.loading-message-title{font-family:Arial,sans-serif;font-size:1.5rem;font-weight:700;color:#a8d8ff;margin-bottom:1rem;white-space:nowrap;animation:subtle-float 8s ease-in-out infinite;display:block;width:100%;text-align:center;position:relative}.loading-message-subtitle{font-family:Arial,sans-serif;font-size:1rem;font-weight:700;color:#88c8ff;margin-bottom:2rem;opacity:.9;white-space:nowrap;animation:subtle-float 8s ease-in-out infinite 1s;display:block;width:100%;text-align:center;position:relative}.bg-option-1 .loading-message-title{color:#a8d8ff}.bg-option-1 .loading-message-subtitle{color:#88c8ff}.bg-option-2 .loading-message-title{color:#b8e0ff}.bg-option-2 .loading-message-subtitle{color:#98d0ff}.bg-option-3 .loading-message-title{color:#a0d0ff}.bg-option-3 .loading-message-subtitle{color:#80c0ff}.bg-option-4 .loading-message-title{color:#b0dfff}.bg-option-4 .loading-message-subtitle{color:#90cfff}.bg-option-5 .loading-message-title{color:#a8d8ff}.bg-option-5 .loading-message-subtitle{color:#88c8ff}.loading-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.loading-dots .dot{width:12px;height:12px;border-radius:50%;background:var(--accent);animation:dot-bounce 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}.bg-option-1 .loading-dots .dot,.bg-option-2 .loading-dots .dot,.bg-option-3 .loading-dots .dot,.bg-option-4 .loading-dots .dot,.bg-option-5 .loading-dots .dot{background:#64c8ff;box-shadow:0 0 10px #64c8ffcc}.bg-option-6 .loading-dots .dot{background:#b48cff;box-shadow:0 0 10px #b48cffcc}.bg-option-7 .loading-dots .dot{background:#78f0c8;box-shadow:0 0 10px #78f0c8cc}.bg-option-8 .loading-dots .dot{background:#ff96b4;box-shadow:0 0 10px #ff96b4cc}.bg-option-9 .loading-dots .dot{background:#ffdc96;box-shadow:0 0 10px #ffdc96cc}.bg-option-10 .loading-dots .dot{background:#ffb48c;box-shadow:0 0 10px #ffb48ccc}.bg-option-11 .loading-dots .dot{background:#64c8ff;box-shadow:0 0 10px #64c8ffcc}@keyframes subtle-float{0%,to{transform:translate(0);opacity:1}25%{transform:translate(15px,-10px);opacity:1}50%{transform:translate(-10px,15px);opacity:1}75%{transform:translate(-15px,-8px);opacity:1}}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-15px);opacity:1}}@media(max-width:768px){.flexxbot-container{width:250px;height:250px}.flexxbot-orbit,.flexxbot{width:100px;height:100px}.techy-status{font-size:.95rem}.techy-progress{width:250px}.loading-message-title{font-size:1.25rem}.loading-message-subtitle{font-size:.9rem}}.audit-trail-page{padding:1rem}.audit-filters{padding:1.5rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.filter-row:last-child{margin-bottom:0}.filter-item{display:flex;flex-direction:column;gap:.5rem}.audit-table-container{overflow-x:auto;margin-top:1rem}@media(max-width:768px){.filter-row{grid-template-columns:1fr}}.public-quote-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;display:flex;align-items:flex-start;justify-content:center}.public-quote-content{max-width:800px;width:100%;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:1.5rem;margin:1rem 0}.public-quote-loading{text-align:center;padding:3rem 1rem;color:#fff}.spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.public-quote-error{text-align:center;padding:3rem 1rem;color:#fff}.public-quote-error h1{margin-bottom:1rem;font-size:1.5rem}.public-quote-error p{margin-bottom:.5rem}.error-help{font-size:.9rem;opacity:.9}.public-quote-error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem}.public-quote-success{background:#efe;border:1px solid #cfc;color:#3a3;padding:.75rem;border-radius:6px;margin-bottom:1rem}.public-quote-success-screen{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#d4edda,#c3e6cb);border-radius:12px;margin-bottom:2rem;border:2px solid #28a745}.success-icon{font-size:4rem;margin-bottom:1rem;animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-title{font-size:2rem;color:#155724;margin:0 0 1rem;font-weight:700}.success-message{font-size:1.1rem;color:#1e7e34;margin:0 0 1.5rem;line-height:1.6}.success-details{background:#fff;border-radius:8px;padding:1rem 1.5rem;display:inline-block;box-shadow:0 2px 8px #0000001a}.success-details p{margin:.5rem 0;color:#333;font-size:1rem}.success-details strong{color:#155724}.public-quote-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #eee}.public-quote-header h1{margin:0;font-size:1.75rem;color:#333}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;width:fit-content}.status-approved{background:#efe;color:#3a3;border:1px solid #cfc}.status-declined{background:#fee;color:#c33;border:1px solid #fcc}.status-pending{background:#ffe;color:#993;border:1px solid #fdc}.public-quote-info{margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none}.info-row strong{color:#333;font-weight:700}.info-row span{color:#000;font-weight:500;text-align:right}.public-quote-items{margin-bottom:1.5rem}.public-quote-items h2{font-size:1.25rem;margin-bottom:.75rem;color:#333}.items-table{width:100%;border-collapse:collapse;font-size:.9rem}.items-table thead{background:#f5f5f5}.items-table th{padding:.75rem .5rem;text-align:left;font-weight:700;color:#333;border-bottom:2px solid #ddd}.items-table td{padding:.75rem .5rem;border-bottom:1px solid #eee;color:#000;font-weight:500}.items-table tbody tr:last-child td{border-bottom:none}.public-quote-totals{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;color:#333;font-weight:500}.total-row span:first-child{color:#555}.total-row span:last-child{color:#000;font-weight:600}.total-row.total-final{border-top:2px solid #ddd;margin-top:.5rem;padding-top:.75rem;font-size:1.1rem}.total-row.total-final span:first-child{color:#f97316;font-weight:700}.total-row.total-final span:last-child{color:#f97316;font-weight:700}.public-quote-notes{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px}.public-quote-notes h3{margin:0 0 .5rem;font-size:1rem;color:#666}.public-quote-notes p{margin:0;color:#333;white-space:pre-wrap}.public-quote-message-form{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px}.public-quote-message-form h3{margin:0 0 .75rem;font-size:1rem;color:#333}.public-quote-message-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.75rem}.message-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.public-quote-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.btn{padding:.875rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.btn-approve{background:#4caf50;color:#fff}.btn-approve:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-decline{background:#f44336;color:#fff}.btn-decline:hover:not(:disabled){background:#da190b;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-message{background:#2196f3;color:#fff}.btn-message:hover:not(:disabled){background:#0b7dda;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.btn-primary{background:#2196f3;color:#fff}.btn-primary:hover:not(:disabled){background:#0b7dda}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover:not(:disabled){background:#616161}.public-quote-processed{text-align:center;padding:1.5rem;background:#f9f9f9;border-radius:6px;color:#666}.public-quote-processed p{margin:.5rem 0}@media(min-width:768px){.public-quote-content{padding:2rem}.public-quote-header{flex-direction:row;align-items:center;justify-content:space-between}.public-quote-actions{flex-direction:row}.btn{flex:1}.items-table{font-size:1rem}.items-table th,.items-table td{padding:1rem}}.quote-response-page{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:20px}.quote-response-container{background:#fff;border-radius:16px;max-width:600px;width:100%;overflow:hidden;box-shadow:0 20px 60px #0000004d}.quote-header{background:linear-gradient(135deg,#f97316,#ea580c);padding:30px;text-align:center;color:#fff}.quote-header h1{margin:0;font-size:24px;font-weight:600}.quote-number{margin-top:10px;font-size:18px;opacity:.9;font-weight:500}.quote-summary{padding:25px 30px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:15px}.summary-row span{color:#64748b}.summary-row strong{color:#1e293b}.summary-row.total{border-top:2px solid #e2e8f0;margin-top:10px;padding-top:15px}.summary-row.total strong{color:#f97316;font-size:20px}.line-items{padding:25px 30px}.line-items h3{margin:0 0 15px;color:#1e293b;font-size:16px}.line-items table{width:100%;border-collapse:collapse;font-size:14px}.line-items th{background:#1a1a2e;color:#fff;padding:12px;text-align:left;font-weight:600}.line-items th:nth-child(2),.line-items th:nth-child(3),.line-items th:nth-child(4){text-align:right}.line-items td{padding:12px;border-bottom:1px solid #e2e8f0;color:#334155}.line-items td:nth-child(2),.line-items td:nth-child(3),.line-items td:nth-child(4){text-align:right}.action-section{padding:30px;background:#f8fafc;text-align:center}.action-section h3{margin:0 0 10px;color:#1e293b}.action-section p{color:#64748b;margin:0 0 20px}.action-section textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:20px}.action-section textarea:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f973161a}.action-buttons{display:flex;flex-direction:column;gap:12px}.button-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-large{padding:18px 36px;font-size:17px}.btn-success{background-color:#22c55e;color:#fff}.btn-danger{background-color:#ef4444;color:#fff}.btn-primary{background-color:#3b82f6;color:#fff}.btn-secondary{background-color:#64748b;color:#fff}.quote-footer{padding:20px 30px;text-align:center;border-top:1px solid #e2e8f0}.quote-footer p{margin:0 0 10px;color:#64748b;font-size:13px}.contact-info{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.contact-info span{color:#475569;font-size:14px}.loading-spinner{padding:60px;text-align:center;color:#64748b;font-size:18px}.error-message,.success-message{padding:60px 30px;text-align:center}.error-message h2{color:#ef4444;margin:0 0 15px}.error-message p{color:#64748b;margin:0 0 10px}.success-message .success-icon{width:80px;height:80px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px}.success-message h2{color:#1e293b;margin:0 0 15px}.success-message p{color:#64748b;margin:0 0 20px;line-height:1.6}.success-message .contact-info{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.success-message .contact-info p{margin:5px 0}@media(max-width:640px){.quote-response-container{margin:10px;border-radius:12px}.quote-header{padding:25px 20px}.quote-summary,.line-items,.action-section{padding:20px}.action-buttons{gap:10px}.btn{width:100%;padding:16px 20px}.button-group{flex-direction:column}}:root,[data-theme=classic]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #0a0a0f;--surface: #1a1a24;--surface-hover: #22222e;--border: #2e2e3a;--text-primary: #f5f5f7;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--accent: #ff6b35;--accent-secondary: #f7931e;--customer-color: #ffffff;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}[data-theme=light]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #f8f9fa;--surface: #ffffff;--surface-hover: #f1f3f5;--border: #dee2e6;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--accent: #0066cc;--accent-secondary: #0052a3;--customer-color: #212529;--success: #28a745;--warning: #ffc107;--error: #dc3545;--info: #17a2b8}[data-theme=blue]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #0f172a;--surface: #1e293b;--surface-hover: #334155;--border: #475569;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent: #3b82f6;--accent-secondary: #2563eb;--customer-color: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #06b6d4}[data-theme=green]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #0a1f0a;--surface: #1a2e1a;--surface-hover: #243d24;--border: #2e4a2e;--text-primary: #f0f9f0;--text-secondary: #a8d5a8;--text-muted: #6b9a6b;--accent: #22c55e;--accent-secondary: #16a34a;--customer-color: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}[data-theme=modern-dark]{--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--bg-primary: #0d1117;--surface: #161b22;--surface-hover: #21262d;--border: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--text-muted: #6e7681;--accent: #f85149;--accent-secondary: #da3633;--customer-color: #ffffff;--success: #3fb950;--warning: #d29922;--error: #f85149;--info: #58a6ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-primary);scrollbar-gutter:stable}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;padding-bottom:env(safe-area-inset-bottom,0)}.layout{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:72px;margin-top:env(safe-area-inset-top,0);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0);background:var(--surface);z-index:101}.header-brand{display:flex;align-items:center;gap:1rem}.header-logo{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));border-radius:12px}.header-logo-img{max-width:48px;max-height:48px;width:auto;height:auto;object-fit:contain;border-radius:12px}.header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:700}@media(max-width:768px){.header h1{font-size:.9rem}}.header-subtitle{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.header-right{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap}.header-company-name{font-size:.9rem;font-weight:600;color:var(--text-primary);padding:.5rem 1rem;background:var(--surface-hover);border-radius:8px;white-space:nowrap}.header-date{font-size:.875rem;color:var(--text-secondary);padding:.5rem 1rem;background:var(--surface-hover);border-radius:8px}.clock-in-container{display:flex;align-items:center;gap:.5rem}.clock-duration-display{font-size:.75rem;color:var(--text-muted);text-align:right;line-height:1.2}.clock-in-btn{font-size:.875rem;padding:.5rem 1rem;min-width:80px;font-weight:600}.notification-menu-container{position:relative}.notification-bell{position:relative;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem}.notification-bell:hover{background:var(--surface);border-color:var(--accent)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--error);color:#fff;font-size:.6875rem;font-weight:700;padding:.125rem .375rem;border-radius:10px;min-width:18px;text-align:center;line-height:1.2}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 2rem);background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:1000;animation:dropdownFadeIn .15s ease-out;max-height:500px;display:flex;flex-direction:column}.notification-dropdown-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.notification-dropdown-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.clear-all-btn{background:none;border:none;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.clear-all-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.notification-list{overflow-y:auto;max-height:400px}.notification-empty{padding:2rem;text-align:center;color:var(--text-muted)}.notification-item{padding:1rem;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.notification-item:hover{background:var(--surface-hover)}.notification-item.unread{background:#3b82f60d;border-left:3px solid var(--info)}.notification-item.unread:hover{background:#3b82f61a}.notification-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.notification-message{margin:0;font-size:.875rem;color:var(--text-primary);line-height:1.4}.notification-time{font-size:.75rem;color:var(--text-muted)}.notification-close-btn{background:none;border:none;color:var(--text-muted);font-size:.875rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-close-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:var(--surface-hover);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;font-family:var(--font-body)}.user-menu-trigger:hover{background:var(--surface);border-color:var(--accent)}.user-menu-trigger .user-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff;font-weight:700;font-size:.875rem;border-radius:50%}.user-menu-trigger .user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-menu-trigger .user-role-badge{font-size:.6875rem;font-weight:600;text-transform:uppercase;padding:.25rem .5rem;border-radius:4px;background:#ff6b3526;color:var(--accent)}.user-menu-trigger .menu-arrow{font-size:.625rem;color:var(--text-muted);transition:transform .2s}.user-menu-trigger .menu-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000004d;z-index:1000;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem;display:flex;flex-direction:column;gap:.25rem}.dropdown-name{font-weight:600;color:var(--text-primary)}.dropdown-email{font-size:.8125rem;color:var(--text-muted)}.dropdown-divider{height:1px;background:var(--border);margin:0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all .2s;text-align:left}.dropdown-item:hover{background:var(--surface-hover)}.dropdown-item.logout{color:var(--error)}.dropdown-item.logout:hover{background:#ef44441a}.layout-body{display:flex;flex:1;position:relative}.sidebar{width:240px;background:var(--surface);border-right:1px solid var(--border);padding:1.5rem 1rem;position:sticky;top:72px;height:calc(100vh - 72px);display:flex;flex-direction:column;overflow:hidden;z-index:1000;flex-shrink:0}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto;min-height:0;padding:0;margin:0;overflow-y:auto}.nav-list li{flex-shrink:0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .2s}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link-active{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff}.nav-icon{font-size:1.25rem;width:1.5rem;text-align:center}.main-content{flex:1;padding:2rem;min-height:calc(100vh - 72px);position:relative;z-index:1;overflow-x:hidden}.dashboard{max-width:1400px;margin:0 auto}.dashboard-header h1{font-family:var(--font-display);font-size:2.5rem;font-weight:800}.dashboard-header p{color:var(--text-muted);margin-top:.5rem}.dashboard-section{margin:2rem 0}.dashboard-section h2{font-family:var(--font-display);font-size:1.25rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin:2rem 0}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-grid{grid-template-columns:1fr}}.nav-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}@media(max-width:1200px){.nav-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.nav-cards-grid{grid-template-columns:repeat(2,1fr)}}.nav-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;background:var(--surface);border-radius:16px;border:1px solid var(--border);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.nav-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent)}.nav-card:hover{border-color:var(--accent);transform:translateY(-4px)}.nav-card-icon{font-size:2rem;margin-bottom:.75rem}.nav-card-label{font-weight:600;font-size:.9375rem}.dashboard-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}}.recent-list{display:flex;flex-direction:column;gap:.75rem}.recent-item{display:flex;gap:1rem;padding:1rem;background:var(--surface-hover);border-radius:10px}.recent-item.clickable{cursor:pointer;transition:all .2s}.recent-item.clickable:hover{background:var(--border);transform:translate(4px)}.recent-icon{font-size:1.5rem;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:10px}.recent-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.recent-content strong{font-size:.9375rem}.recent-content span{font-size:.8125rem;color:var(--text-muted)}.empty-message{color:var(--text-muted);text-align:center;padding:2rem}.card{background:var(--surface);border-radius:16px;border:1px solid var(--border);padding:1.5rem}.card-clickable{cursor:pointer;transition:all .2s}.card-clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700}.card-subtitle{font-size:.875rem;color:var(--text-muted);margin-top:.25rem}.stat-card{display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border-radius:12px}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{font-size:.875rem;color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-title{font-family:var(--font-display);font-size:2rem;font-weight:700}.page-subtitle{font-size:1rem;color:var(--text-muted);margin-top:.5rem}.page-actions{display:flex;gap:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-family:var(--font-body);font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s;line-height:1.4!important;box-sizing:border-box;overflow:visible!important;padding-top:.4rem!important;padding-bottom:.5rem!important}.btn *{line-height:1.4!important;overflow:visible!important;margin:0!important;padding:0!important}.btn-small{padding:.4rem .7rem .5rem!important;font-size:.8125rem;line-height:1.4!important;min-height:auto;height:auto!important}.btn-medium{padding:.5rem .9rem .6rem!important;font-size:.875rem;line-height:1.4!important;min-height:auto;height:auto!important}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.table-container{border-radius:12px;border:1px solid var(--border);background:var(--surface);overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9375rem}.table th,.table td{padding:1rem 1.25rem;text-align:left}.table th{background:var(--surface-hover);font-weight:600;color:var(--text-secondary);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.table td{border-bottom:1px solid var(--border)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-hover)}.table-row-clickable{cursor:pointer}.table-empty{padding:3rem;text-align:center;color:var(--text-muted);background:var(--surface);border-radius:12px;border:1px dashed var(--border)}.status-badge{display:inline-flex;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.status-default{background:var(--surface-hover);color:var(--text-secondary)}.status-success{background:#22c55e40;color:var(--success);border:2px solid rgba(34,197,94,.4);box-shadow:0 0 0 3px #22c55e1a}.status-warning{background:#f59e0b26;color:var(--warning)}.status-error{background:#ef444426;color:var(--error)}.status-info{background:#3b82f626;color:var(--info)}.modal-overlay{position:fixed!important;top:0!important;left:240px!important;right:0!important;bottom:0!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;z-index:3000!important;padding:1rem!important;padding-top:calc(3rem + env(safe-area-inset-top,0))!important;padding-left:calc(1rem + env(safe-area-inset-left,0))!important;padding-right:calc(1rem + env(safe-area-inset-right,0))!important;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))!important;overflow-y:auto!important;box-sizing:border-box!important}.modal{background:var(--surface);border-radius:20px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:3001!important}.modal-medium{width:100%;max-width:560px}.modal-large{width:100%;max-width:1200px;overflow-x:hidden}.modal-fullscreen{width:100%!important;height:100vh!important;max-width:100%!important;max-height:100vh!important;border-radius:0!important;margin:0!important;background:var(--surface)!important;box-sizing:border-box!important;overflow:hidden!important}.modal-fullscreen .modal{background:var(--surface)!important;box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100vh!important;box-sizing:border-box!important;margin:0!important;padding:0!important;overflow:hidden!important}.modal-overlay-fullscreen{align-items:stretch!important;justify-content:stretch!important;padding:0!important;overflow-x:hidden!important;overflow-y:hidden!important;position:fixed!important;top:0!important;left:240px!important;right:0!important;bottom:0!important;width:calc(100vw - 240px)!important;max-width:calc(100vw - 240px)!important;margin:0!important;z-index:3000!important;background:#0009!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;box-sizing:border-box!important}@media(min-width:769px)and (max-width:1024px){.modal-overlay-fullscreen{left:200px!important;width:calc(100vw - 200px)!important}}@media(max-width:768px){.modal-overlay-fullscreen{left:0!important;width:100vw!important}}.modal-fullscreen .modal-body{padding:0;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;display:flex;flex-direction:column}.modal-fullscreen.service-template-modal .modal-body{overflow-y:auto!important;overflow-x:hidden!important}.modal-fullscreen.service-template-modal .modal-body>*{overflow-y:visible!important}.modal-fullscreen.service-template-modal .modal-header{display:flex!important;padding:1.5rem 1.5rem 1rem!important;margin:0!important;height:auto!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important}.modal-fullscreen.service-template-modal .modal-header h2{color:var(--text-primary)!important}.modal-fullscreen.service-template-modal .modal-close{background:var(--surface-hover)!important;color:var(--text-secondary)!important}.modal-fullscreen.service-template-modal .modal-close:hover{background:var(--border)!important;color:var(--text-primary)!important}.modal-fullscreen.service-template-modal .modal-body{padding:1.5rem!important;overflow-y:auto!important;overflow-x:hidden!important}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border)}.modal-header h2{font-family:var(--font-display);font-size:1.375rem;font-weight:700}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer}.modal-close:hover{background:var(--border);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex:1;background:var(--surface);width:100%;max-width:100%;box-sizing:border-box}.modal-body form{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.modal-body form>*{max-width:100%;box-sizing:border-box}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border);margin-top:1rem}.modal-footer-left{flex:1;display:flex;justify-content:flex-start}.modal-footer-right{display:flex;gap:.75rem}.delete-btn{background:var(--error)!important;color:#fff!important}.delete-btn:hover{background:#dc2626!important;opacity:.9}.customer-select-section{margin-bottom:1rem}.customer-select-section .form-group{margin-bottom:.75rem}.customer-select-row,.vehicle-select-row{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:0}.customer-select-row .form-group,.vehicle-select-row .form-group{flex:0 1 calc(50% - .375rem);min-width:0}.customer-actions,.vehicle-actions{display:flex;gap:.5rem;margin-bottom:.25rem;flex-shrink:0}.add-customer-btn,.edit-customer-btn,.add-vehicle-btn{white-space:nowrap;margin-bottom:.25rem;padding:.4rem .6rem!important;font-size:.8125rem!important}.template-selector{margin-bottom:1.5rem;padding:1rem;background:var(--surface-hover);border-radius:12px;border:1px solid var(--border)}.template-hint{margin:.5rem 0 0;font-size:.8125rem;color:var(--text-muted);font-style:italic}.search-section{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1.5rem;padding:1rem;background:var(--surface-hover);border-radius:12px;border:1px solid var(--border)}.search-section .form-group{flex:1;margin-bottom:0}.clear-search-btn{margin-bottom:.25rem;white-space:nowrap}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;font-size:.9375rem;font-family:var(--font-body);color:var(--text-primary);background:var(--surface-hover);border:1px solid var(--border);border-radius:10px;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.form-row>*{max-width:100%;box-sizing:border-box;min-width:0}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:var(--primary);flex-shrink:0}.checkbox-label{font-size:.9375rem;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}.line-items-card{margin:1rem 0}.line-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.line-item{display:grid;grid-template-columns:180px 1fr 80px 100px 90px 40px;gap:.5rem;align-items:center;padding:.75rem;background:var(--surface-hover);border-radius:8px}.line-item .form-group{margin-bottom:0}.line-item .form-group label{font-size:.6875rem;margin-bottom:.125rem}.line-item .form-input,.line-item .form-select{font-size:.8125rem;padding:.375rem .5rem;height:auto;min-height:2rem}.line-total{font-weight:600;text-align:right}@media(max-width:900px){.line-item{grid-template-columns:1fr 60px 70px 70px 32px;gap:.375rem;padding:.5rem}.line-item .form-group label{display:none}.line-item .form-input,.line-item .form-select{font-size:.75rem;padding:.25rem .375rem;min-height:1.75rem}.line-total{text-align:right;font-size:.75rem}}.totals{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.totals div{display:flex;justify-content:space-between;gap:2rem;font-size:.9375rem}.totals span{color:var(--text-secondary)}.totals strong{min-width:100px;text-align:right}.total-final{font-size:1.125rem;padding-top:.5rem;border-top:1px solid var(--border)}.total-final span,.total-final strong{color:var(--accent)}.import-section{margin-bottom:1rem;padding:1rem;background:var(--surface-hover);border-radius:8px}.line-items-actions{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:768px){.line-items-actions{display:grid;grid-template-columns:1fr 1fr;gap:.375rem;width:100%}.line-items-actions .btn{font-size:.6875rem;padding:.375rem .5rem;white-space:nowrap;min-height:2rem;height:2rem;justify-content:center}}.vehicles-section{margin-top:1.5rem}.vehicle-list{display:flex;flex-direction:column;gap:.5rem}.vehicle-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface-hover);border-radius:8px}.vehicle-info{display:flex;align-items:center;gap:1rem;flex:1}.vehicle-rego{font-weight:700;font-size:.9375rem;background:var(--accent);color:#fff;padding:.25rem .5rem;border-radius:4px;min-width:80px;text-align:center}.vehicle-details{flex:1;font-size:.9375rem}.vehicle-notes{font-size:.8125rem;color:var(--text-muted);font-style:italic}.vehicle-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);font-size:.875rem;cursor:pointer;transition:all .2s;flex-shrink:0}.vehicle-delete-btn:hover{background:var(--error);border-color:var(--error);color:#fff}.add-vehicle-form{margin-top:1rem;padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px dashed var(--border)}.add-vehicle-form h4{font-size:.9375rem;font-weight:600;margin-bottom:1rem;color:var(--accent)}.add-vehicle-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notification-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:72px;z-index:99}.notification-info{background:var(--info);color:#fff}.notification-warning{background:var(--warning);color:#fff}.notification-error{background:var(--error);color:#fff}.notification-success{background:var(--success);color:#fff}.notification-content{flex:1;display:flex;align-items:center;gap:.5rem}.notification-close{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.8;transition:opacity .2s}.notification-close:hover{opacity:1}.stock-low{color:var(--warning);font-weight:600}.stock-ok{color:var(--success)}.stock-summary-card{margin-bottom:1.5rem}.stock-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.stock-stat{padding:1rem;background:var(--surface-hover);border-radius:8px;border:1px solid var(--border)}.stock-stat-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stock-stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stock-stat-warning{border-color:var(--warning);background:#f59e0b1a}.stock-stat-error{border-color:var(--error);background:#ef44441a}.low-stock-list{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.low-stock-list ul{list-style:none;margin-top:.5rem}.low-stock-list li{padding:.5rem;background:var(--surface-hover);border-radius:4px;margin-bottom:.25rem;color:var(--text-secondary)}.low-stock-item-clickable{cursor:pointer;transition:all .2s ease;border:1px solid transparent}.low-stock-item-clickable:hover{background:var(--accent-light)!important;border-color:var(--accent);color:var(--text-primary);transform:translate(4px)}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:.5rem;margin-right:.5rem;border-radius:8px;transition:background .2s}.mobile-menu-toggle:hover{background:var(--surface-hover)}.hamburger-icon{display:block;line-height:1}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media(max-width:1024px){.header{padding:0 1.5rem;height:64px;margin-top:env(safe-area-inset-top,0)}.header h1{font-size:1.25rem}.header-subtitle{font-size:.6875rem}.header-date{font-size:.8125rem;padding:.4rem .75rem;display:none}.user-menu-trigger .user-name{display:none}.sidebar{width:200px;padding:1.25rem .75rem}.nav-link{padding:.75rem .875rem;font-size:.875rem}.nav-icon{font-size:1.125rem;width:1.25rem}.main-content{padding:1.5rem}.dashboard-header h1{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.nav-cards-grid{grid-template-columns:repeat(3,1fr);gap:.875rem}.card{padding:1.25rem}.card-header h2{font-size:1.125rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{font-size:.875rem;min-width:800px}.table th,.table td{padding:.75rem .5rem}.form-row{gap:1rem}.modal{max-width:90%;margin:2rem auto}.modal-overlay{left:200px}.modal-header h2{font-size:1.25rem}}@media(max-width:768px){.mobile-menu-toggle,.mobile-menu-overlay{display:block}.header{padding:0 1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem));height:56px;margin-top:0;position:fixed;top:env(safe-area-inset-top,0);left:0;right:0;z-index:1000}.header:before{position:fixed;top:0;height:env(safe-area-inset-top,0);z-index:1001}.header-brand{gap:.75rem}.header-logo{width:40px;height:40px;font-size:1.5rem}.header-logo-img{max-width:40px;max-height:40px;width:auto;height:auto;object-fit:contain}.header h1{font-size:1.125rem}.header-subtitle{font-size:.625rem;display:none}.header-right{gap:.375rem;flex-shrink:0}.header-company-name,.header-date{display:none}.user-menu-trigger{padding:.35rem .5rem}.user-menu-trigger .user-name,.user-menu-trigger .user-role-badge,.user-menu-trigger .menu-arrow{display:none}.user-menu-trigger .user-avatar{width:32px;height:32px;font-size:.875rem}.notification-bell{width:36px;height:36px;font-size:1.1rem}.clock-duration-display{display:none}.clock-in-btn{padding:.5rem .875rem!important;font-size:.875rem!important;min-width:auto!important;font-weight:700!important}.header h1{font-size:.85rem!important}.sidebar{position:fixed;top:calc(56px + env(safe-area-inset-top,0));left:0;width:calc(280px + env(safe-area-inset-left,0));padding-left:env(safe-area-inset-left,0);height:calc(100vh - 56px - env(safe-area-inset-top,0));transform:translate(-100%);transition:transform .3s ease;z-index:999;box-shadow:2px 0 8px #0000004d;overflow-y:auto}.sidebar.mobile-open{transform:translate(0)}.nav-link{padding:1rem;font-size:.9375rem}.nav-icon{font-size:1.375rem;width:1.75rem}.layout-body{margin-top:calc(56px + env(safe-area-inset-top,0))}.main-content{padding:1rem;padding-left:max(1rem,env(safe-area-inset-left,1rem));padding-right:max(1rem,env(safe-area-inset-right,1rem));padding-bottom:calc(1rem + env(safe-area-inset-bottom,0));width:100%}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:.875rem}.stats-grid{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.nav-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.nav-card{padding:1.25rem .75rem}.nav-card-icon{font-size:2rem;margin-bottom:.5rem}.nav-card-label{font-size:.8125rem}.card{padding:1rem;margin-bottom:1rem}.card-header{padding-bottom:.75rem;margin-bottom:1rem}.card-header h2{font-size:1.125rem}.card-header h3{font-size:1rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem}.table{font-size:.8125rem;min-width:600px}.table th,.table td{padding:.625rem .5rem}.table th{font-size:.75rem;white-space:nowrap}.btn{padding:.625rem 1rem;font-size:.875rem}.btn-sm{padding:.5rem .75rem;font-size:.8125rem}.form-group{margin-bottom:1rem}.form-label{font-size:.875rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{font-size:.9375rem;padding:.75rem}.form-row{grid-template-columns:1fr;gap:1rem}.modal{max-width:95%;margin:1rem auto;max-height:95vh;overflow-y:auto}.modal-overlay{left:0!important}.modal-header{padding:1rem}.modal-header h2{font-size:1.125rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column;gap:.75rem}.modal-footer .btn{width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem}.page-header-actions,.page-actions{width:100%;display:flex;gap:.5rem;flex-wrap:wrap}.page-header-actions .btn,.page-actions .btn{flex:1;min-width:0;font-size:.8125rem;padding:.625rem .75rem;white-space:nowrap}.line-items{gap:.5rem}.line-item{grid-template-columns:1fr 1fr 1fr 32px;grid-template-rows:auto auto;gap:.375rem;padding:.5rem;align-items:center}.line-item>.form-group:first-child{grid-column:1 / -1}.line-item .form-group{margin-bottom:0;min-width:0}.line-item .form-group label{display:none}.line-item .form-input,.line-item .form-select{font-size:.75rem;padding:.375rem .5rem;min-height:2rem;height:2rem;min-width:0}.line-item .btn{font-size:.75rem;padding:.25rem;min-width:32px;width:32px;height:32px}.line-total{text-align:center;font-size:.75rem;font-weight:600}.status-badge{font-size:.75rem;padding:.25rem .5rem}.user-dropdown{right:0;left:auto;min-width:200px}.settings-layout{grid-template-columns:1fr}.settings-tabs{position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.75rem}.settings-tab{min-width:auto;flex:0 0 auto;padding:.75rem 1rem}.tab-label{display:none}.tab-icon{font-size:1.5rem}.calendar-week-view,.calendar-month-view{font-size:.8125rem}.job-detail-section,.invoice-detail-section{margin-bottom:1.5rem}@media print{.mobile-menu-toggle,.sidebar,.mobile-menu-overlay{display:none!important}}}@media(max-width:480px){.header h1{font-size:.75rem!important}.header-logo{width:28px;height:28px;font-size:1rem}.header-logo-img{max-width:28px;max-height:28px;width:auto;height:auto;object-fit:contain}.header-brand{gap:.4rem;max-width:40%}.header-right{gap:.25rem}.user-menu-trigger{padding:.25rem .4rem}.user-menu-trigger .user-avatar{width:28px;height:28px;font-size:.75rem}.notification-bell{width:32px;height:32px;font-size:1rem}.clock-in-btn{padding:.45rem .75rem!important;font-size:.8rem!important;font-weight:700!important}.main-content{padding:.75rem;padding-left:max(.75rem,env(safe-area-inset-left,.75rem));padding-right:max(.75rem,env(safe-area-inset-right,.75rem));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0))}.card{padding:.875rem}.nav-cards-grid{grid-template-columns:1fr}.stats-grid{gap:.75rem}.btn{padding:.5625rem .875rem;font-size:.8125rem}.modal{max-width:100%;margin:0;border-radius:16px;max-height:calc(100vh - 4rem - env(safe-area-inset-top,0) - env(safe-area-inset-bottom,0))}.table{font-size:.75rem;min-width:500px}.table th,.table td{padding:.5rem .375rem}.customer-select-row,.vehicle-select-row{flex-wrap:wrap;gap:.5rem}.customer-select-row .form-group,.vehicle-select-row .form-group{flex:1 1 100%}.customer-actions,.vehicle-actions{justify-content:flex-start;margin-bottom:.5rem}.add-customer-btn,.edit-customer-btn,.add-vehicle-btn{padding:.5rem .75rem!important}}.clock-fixed-button-desktop{display:flex}.clock-button-mobile{display:none}@media(min-width:769px){.clock-in-out-page{padding-top:6rem!important}}@media(max-width:768px){.clock-fixed-button-desktop{display:none!important}.clock-button-mobile{display:block}.clock-in-out-page{padding:.75rem!important}.clock-in-out-page h1{font-size:1.25rem!important}.clock-in-out-page .card{margin-bottom:.75rem!important}}.work-hours-popup-modal .modal-overlay,.work-hours-popup-overlay{z-index:9999!important;align-items:center!important;justify-content:center!important;left:0!important;width:100vw!important;max-width:100vw!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important}@keyframes popupAppear{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.work-hours-popup-modal .modal{max-width:500px!important;width:90%!important;animation:popupAppear .3s ease-out!important;box-shadow:0 20px 60px #00000080!important;border:none!important}.work-hours-popup-modal .modal-header{display:none!important}.work-hours-popup-modal .modal-body{padding:0!important}@keyframes popupAppear{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.work-hours-popup-modal .modal{max-width:95%!important;width:95%!important}.work-hours-popup-modal .modal-body h2{font-size:2rem!important}.work-hours-popup-modal .modal-body p{font-size:1.125rem!important}}