body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#06b6d4;--primary-dark:#0891b2;--secondary:#14b8a6;--secondary-light:#2dd4bf;--tertiary:#6366f1;--accent:#ec4899;--accent-light:#f472b6;--background:#f6fffd;--surface:#fff;--surface-hover:#fff;--text-primary:#0d9488;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--border:#b7b7b7;--divider:#d1fae5;--status-open-bg:#cffafe;--status-open-text:#0e7490;--status-completed-bg:#d1fae5;--status-completed-text:#047857;--status-pending-bg:#fef3c7;--status-pending-text:#b45309;--status-scheduled-bg:#e0e7ff;--status-scheduled-text:#4338ca;--priority-high-bg:#fce7f3;--priority-high-text:#be185d;--priority-normal-bg:#fef3c7;--priority-normal-text:#b45309;--priority-low-bg:#d1fae5;--priority-low-text:#047857;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #06b6d426}[data-theme=dark]{--primary:#22d3ee;--primary-dark:#06b6d4;--secondary:#2dd4bf;--secondary-light:#5eead4;--tertiary:#818cf8;--accent:#f472b6;--accent-light:#f9a8d4;--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text-primary:#ccfbf1;--text-secondary:#cbd5e1;--text-tertiary:#64748b;--text-muted:#475569;--border:#293938;--divider:#06b6d4;--status-open-bg:#164e63;--status-open-text:#67e8f9;--status-completed-bg:#064e3b;--status-completed-text:#6ee7b7;--status-pending-bg:#78350f;--status-pending-text:#fcd34d;--status-scheduled-bg:#312e81;--status-scheduled-text:#a5b4fc;--priority-high-bg:#831843;--priority-high-text:#fbcfe8;--priority-normal-bg:#78350f;--priority-normal-text:#fcd34d;--priority-low-bg:#064e3b;--priority-low-text:#6ee7b7;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #22d3ee33}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{height:100%}body{color:#475569;color:var(--text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.app-container,body{background-color:#f6fffd;background-color:var(--background)}.app-container,.sidebar{display:flex;height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #b7b7b7;border-right:1px solid var(--border);flex-direction:column;left:0;position:fixed;top:0;transition:width .3s ease,background-color .3s ease;width:70px;z-index:100}.sidebar.open{width:200px}.sidebar.closed{width:60px}.sidebar.closed .label{display:none}.sidebar.open .label{display:inline}.sidebar-header{border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);height:60px;text-align:center}.logo{background:linear-gradient(135deg,#06b6d4,#14b8a6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:8px;color:#fff;display:flex;justify-content:center;margin:0 auto;width:60px}.logo,.logo-img{align-items:center;cursor:pointer}.logo-img{height:60px;object-fit:contain;padding:12px;transition:all .3s ease;width:200px}.sidebar.closed .logo-img{height:60px;padding:5px;width:60px}.sidebar-nav{flex:1 1;overflow-y:auto}.nav-item{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:row;font-size:1rem;gap:6px;padding:10px 15px;position:relative;transition:all .2s;width:100%}.nav-item:hover{background-color:#fff;background-color:var(--surface-hover)}.nav-item.active,.nav-item:hover{color:#06b6d4;color:var(--primary)}.nav-item.active:before{background-color:#06b6d4;background-color:var(--primary);border-radius:0 2px 2px 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item .icon{align-items:center;display:flex;font-size:1.8em;height:24px;justify-content:center;padding-right:7px;position:relative;width:24px}.nav-item .icon img{height:100%;left:0;object-fit:contain;position:absolute;top:0;transition:opacity .2s ease;width:100%}.nav-item .icon .icon-gray{opacity:1}.nav-item .icon .icon-duotone,.nav-item:hover .icon .icon-gray{opacity:0}.nav-item:hover .icon .icon-duotone{opacity:1}.nav-item.active .icon .icon-gray{opacity:0}.nav-item.active .icon .icon-duotone{opacity:1}.nav-item .label{display:none;font-size:.65em;text-align:center}.sidebar-footer{border-top:1px solid #b7b7b7;border-top:1px solid var(--border);font-size:1.2rem;padding:10px 5px;text-align:center}.nav-item.help,.nav-item.profile,.nav-item.settings{color:#94a3b8;color:var(--text-tertiary);font-size:.8em}.nav-item.help:hover,.nav-item.profile:hover,.nav-item.settings:hover{color:#06b6d4;color:var(--primary)}.theme-toggle{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.2rem;gap:8px;justify-content:center;padding:10px 15px;transition:all .2s;width:100%}.theme-toggle:hover{background-color:#fff;background-color:var(--surface-hover);color:#06b6d4;color:var(--primary)}.menu-toggle{align-items:center;background:none;border:none;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:1.8em;justify-content:center;padding:10px 0;text-align:center;width:100%}.menu-toggle:hover{color:#06b6d4;color:var(--primary)}.main-wrapper{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:70px;overflow:hidden;transition:margin-left .3s ease}.sidebar.open~.main-wrapper{margin-left:200px}.sidebar.closed~.main-wrapper{margin-left:60px}.top-bar{background:#fff;background:var(--surface);border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);flex-shrink:0;height:60px;justify-content:space-between;padding:0 30px;transition:background-color .3s ease}.top-bar,.top-bar-left{align-items:center;display:flex;gap:20px}.location-selector{align-items:center;background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px}.location-selector select{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.9em}.location-icon{font-size:1.1em}.search-bar{align-items:center;background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;display:flex;flex:1 1;gap:10px;max-width:400px;padding:8px 12px}.search-icon{font-size:1em}.search-bar input{background:none;border:none;color:#475569;color:var(--text-secondary);flex:1 1;font-size:.9em;outline:none}.search-bar input::placeholder,.search-shortcut{color:#94a3b8;color:var(--text-tertiary)}.search-shortcut{background:#b7b7b7;background:var(--border);border-radius:4px;font-size:.75em;padding:4px 8px}.top-bar-right{align-items:center;gap:15px}.icon-button{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.2em;padding:8px;transition:background .2s}.icon-button:hover{background-color:#fff;background-color:var(--surface-hover)}.user-button{align-items:center;background:linear-gradient(135deg,#06b6d4,#14b8a6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8em;font-weight:700;height:36px;justify-content:center;width:36px}.page-content{background:#f6fffd;background:var(--background);flex:1 1;overflow-y:auto;padding:30px}.page-container{margin:0 auto;max-width:1400px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1{color:#0d9488;color:var(--text-primary);font-size:2em;margin-bottom:5px}.subtitle{color:#94a3b8;color:var(--text-tertiary);font-size:.95em}.dashboard-grid{display:flex;flex-direction:column;gap:20px}.metrics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);padding:20px;transition:background-color .3s ease,border-color .3s ease}.metric-header{margin-bottom:15px}.metric-header h3{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#06b6d4;color:var(--primary);font-size:2.2em;font-weight:700;margin-bottom:5px}.metric-subtitle{color:#cbd5e1;color:var(--text-muted);font-size:.85em}.content-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.card{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:background-color .3s ease,border-color .3s ease}.card.full-width{grid-column:1/-1}.card-header{align-items:center;border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.card-header h3{color:#0d9488;color:var(--text-primary);font-size:1.1em}.view-report{color:#06b6d4;color:var(--primary);font-size:.9em;font-weight:500;text-decoration:none}.view-report:hover{color:#0891b2;color:var(--primary-dark);text-decoration:underline}.card-content{padding:20px}.revenue-content,.status-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.revenue-stat,.status-item{display:flex;flex-direction:column;gap:8px}.label,.status-label{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;letter-spacing:.5px;text-transform:uppercase}.status-count,.value{color:#0d9488;color:var(--text-primary);font-size:1.5em;font-weight:700}.data-table{border-collapse:collapse;width:100%}.data-table thead{background-color:#f6fffd;background-color:var(--background);border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);border-top:1px solid #b7b7b7;border-top:1px solid var(--border)}.data-table th{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;font-weight:600;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.95em;padding:15px}.data-table tbody tr:hover{background-color:#fff;background-color:var(--surface-hover)}.order-number{color:#06b6d4;color:var(--primary);font-weight:600}.font-bold{color:#0d9488;color:var(--text-primary);font-weight:600}.action-link{text-decoration:none}.action-link:hover{color:#0891b2;color:var(--primary-dark)}.badge{border-radius:4px;display:inline-block;font-size:.75em;font-weight:600;padding:4px 10px;text-transform:uppercase}.status-open{background-color:#cffafe;background-color:var(--status-open-bg);color:#0e7490;color:var(--status-open-text)}.status-completed{background-color:#d1fae5;background-color:var(--status-completed-bg);color:#047857;color:var(--status-completed-text)}.status-pending{background-color:#fef3c7;background-color:var(--status-pending-bg);color:#b45309;color:var(--status-pending-text)}.status-scheduled{background-color:#e0e7ff;background-color:var(--status-scheduled-bg);color:#4338ca;color:var(--status-scheduled-text)}.priority-high{background-color:#fce7f3;background-color:var(--priority-high-bg);color:#be185d;color:var(--priority-high-text)}.priority-normal{background-color:#fef3c7;background-color:var(--priority-normal-bg);color:#b45309;color:var(--priority-normal-text)}.priority-low{background-color:#d1fae5;background-color:var(--priority-low-bg);color:#047857;color:var(--priority-low-text)}.form{display:flex;flex-direction:column;gap:15px}.form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form input,.form textarea{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);font-family:inherit;font-size:.95em;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form input:focus,.form textarea:focus{border-color:#06b6d4;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d426;outline:none}.form input::placeholder,.form textarea::placeholder{color:#94a3b8;color:var(--text-tertiary)}.btn{align-items:center;display:inline-flex;font-weight:600;gap:8px}.btn-primary{background-color:#06b6d4;background-color:var(--primary)}.btn-primary:hover{background-color:#0891b2;background-color:var(--primary-dark);box-shadow:0 4px 12px #06b6d426;box-shadow:var(--shadow-md)}.btn-success{background-color:#14b8a6;background-color:var(--secondary);color:#fff}.btn-success:hover{background-color:#0d9488}.report-selector{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.report-selector button{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:10px 16px;transition:all .2s}.report-selector button:hover{border-color:#06b6d4;border-color:var(--primary);color:#06b6d4;color:var(--primary)}.report-selector button.active{background-color:#06b6d4;background-color:var(--primary);border-color:#06b6d4;border-color:var(--primary);color:#fff}.report-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-item{background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:15px}.report-label{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.report-value{color:#06b6d4;color:var(--primary);font-size:1.8em;font-weight:700}.empty-state{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text-muted);padding:60px 20px}.loading{color:#94a3b8;color:var(--text-tertiary);padding:40px;text-align:center}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#0000}.page-content::-webkit-scrollbar-thumb{background:#b7b7b7;background:var(--border);border-radius:4px}.page-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--text-muted)}@media (max-width:1024px){.content-row{grid-template-columns:1fr}.search-bar{max-width:200px}}@media (max-width:768px){.sidebar{width:70px}.top-bar{gap:10px;padding:0 15px}.search-bar{display:none}.metrics-row{grid-template-columns:repeat(2,1fr)}.page-content{padding:15px}}.auth-loading{align-items:center;background:#f6fffd;background:var(--background);color:#94a3b8;color:var(--text-tertiary);display:flex;flex-direction:column;height:100vh;justify-content:center}.auth-loading-spinner{animation:spin 1s linear infinite;border:3px solid #b7b7b7;border-top-color:#06b6d4;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.user-menu{position:relative}.profile-dropdown{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #06b6d426;box-shadow:var(--shadow-md);min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.profile-dropdown-header{align-items:center;background:#f6fffd;background:var(--background);display:flex;gap:12px;padding:16px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#06b6d4,#14b8a6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:50px;justify-content:center;width:50px}.profile-info{flex:1 1;min-width:0}.profile-name{color:#0d9488;color:var(--text-primary);font-size:.95em;font-weight:600;margin:0 0 4px}.profile-email{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-divider{background:#b7b7b7;background:var(--border);height:1px}.profile-dropdown-item{align-items:center;background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95em;gap:10px;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.profile-dropdown-item:hover{background:#fff;background:var(--surface-hover)}.profile-dropdown-item.logout{color:#be185d;color:var(--priority-high-text)}.profile-dropdown-item.logout:hover{background:#fce7f3;background:var(--priority-high-bg)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#0d9488;color:var(--text-primary);font-size:1.5em;margin:0}.modal-close{background:none;border:none;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:color .2s}.modal-close:hover{color:#0d9488;color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.profile-image-section{align-items:center;border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px}.profile-avatar-xl{align-items:center;background:linear-gradient(135deg,#06b6d4,#14b8a6);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;color:#fff;display:flex;font-size:2em;font-weight:700;height:80px;justify-content:center;width:80px}.avatar-img{border-radius:50%;height:36px;object-fit:cover;width:36px}.profile-avatar-large-img{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.profile-avatar-xl-img{border-radius:50%;height:80px;object-fit:cover;width:80px}.btn-upload-image{background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.9em;padding:8px 16px;transition:all .2s}.btn-upload-image:hover{background:#fff;background:var(--surface-hover);border-color:#06b6d4;border-color:var(--primary);color:#06b6d4;color:var(--primary)}.form-group{margin-bottom:16px}.form-group label{color:#475569}.modal-footer{border-top:1px solid #b7b7b7;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-secondary{background:#f6fffd;border:1px solid #b7b7b7}.btn-secondary:hover{background:#fff;background:var(--surface-hover)}.workflow-page .workflow-controls{align-items:center;display:flex;gap:16px}.view-toggle{background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.view-btn{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s}.view-btn:hover{background:#fff;background:var(--surface-hover)}.view-btn.active{background:#06b6d4;background:var(--primary);color:#fff}.workflow-board{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);min-height:calc(100vh - 250px);padding-bottom:20px}.workflow-column{background:#fff;background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;min-height:400px}.workflow-column .column-header{align-items:center;border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);border-top:4px solid #06b6d4;border-top:4px solid var(--primary);display:flex;justify-content:space-between;padding:16px}.workflow-column .column-header h3{color:#0d9488;color:var(--text-primary);font-size:.95em;font-weight:600;margin:0}.column-count{background:#f6fffd;background:var(--background);border-radius:12px;color:#475569;color:var(--text-secondary);font-size:.85em;font-weight:600;padding:2px 8px}.column-content{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:12px}.workflow-card{background:#f6fffd;background:var(--background);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:6px;cursor:grab;padding:12px;transition:all .2s}.workflow-card:hover{border-color:#06b6d4;border-color:var(--primary);box-shadow:0 4px 12px #06b6d426;box-shadow:var(--shadow-md)}.workflow-card:active{cursor:grabbing}.workflow-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.workflow-card .order-number{color:#06b6d4;color:var(--primary);font-size:.9em;font-weight:600}.workflow-card .card-customer{color:#0d9488;color:var(--text-primary);font-size:.95em;font-weight:500;margin-bottom:4px}.workflow-card .card-vehicle{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;margin-bottom:8px}.workflow-card .card-footer{align-items:center;border-top:1px solid #b7b7b7;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:8px}.workflow-card .card-date{color:#cbd5e1;color:var(--text-muted);font-size:.8em}.workflow-estimate{background-color:#e2e8f0;color:#475569}.workflow-waiting_for_approval{background-color:#fef3c7;color:#92400e}.workflow-in_progress{background-color:#dbeafe;color:#1e40af}.workflow-ready_for_pickup{background-color:#ede9fe;color:#5b21b6}.workflow-completed{background-color:#d1fae5;color:#065f46}[data-theme=dark] .workflow-estimate{background-color:#334155;color:#cbd5e1}[data-theme=dark] .workflow-waiting_for_approval{background-color:#78350f;color:#fcd34d}[data-theme=dark] .workflow-in_progress{background-color:#1e3a8a;color:#93c5fd}[data-theme=dark] .workflow-ready_for_pickup{background-color:#4c1d95;color:#c4b5fd}[data-theme=dark] .workflow-completed{background-color:#064e3b;color:#6ee7b7}.action-link{background:none;border:none;border-radius:4px;color:#06b6d4;color:var(--primary);cursor:pointer;font-size:.9em;font-weight:500;padding:4px 8px;transition:all .2s}.action-link:hover{background:#fff;background:var(--surface-hover);text-decoration:underline}@media (max-width:1400px){.workflow-board{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.workflow-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.workflow-board{grid-template-columns:1fr}.workflow-column{min-height:200px}}.settings-tabs{border-bottom:1px solid #b7b7b7;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;font-size:.95em;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.tab-btn:hover{color:#475569;color:var(--text-secondary)}.tab-btn.active{border-bottom-color:#06b6d4;border-bottom-color:var(--primary);color:#06b6d4;color:var(--primary)}.settings-section{margin-bottom:32px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#0d9488;color:var(--text-primary);font-size:1.25em;font-weight:600;margin:0}.section-header .text-muted{color:#94a3b8;color:var(--text-tertiary);font-size:.9em;margin:4px 0 0}.role-badge{border-radius:4px;display:inline-block;font-size:.75em;font-weight:600;padding:4px 10px;text-transform:uppercase}.role-admin{background-color:#fce7f3;background-color:var(--priority-high-bg,#fce7f3);color:#be185d;color:var(--priority-high-text,#be185d)}.role-manager{background-color:#e0e7ff;background-color:var(--status-scheduled-bg,#e0e7ff);color:#4338ca;color:var(--status-scheduled-text,#4338ca)}.role-technician{background-color:#cffafe;background-color:var(--status-open-bg,#cffafe);color:#0e7490;color:var(--status-open-text,#0e7490)}.role-service-writer{background-color:#fef3c7;background-color:var(--status-pending-bg,#fef3c7);color:#b45309;color:var(--status-pending-text,#b45309)}.status-badge{border-radius:4px;display:inline-block;font-size:.75em;font-weight:600;padding:4px 10px}.status-active{background-color:#d1fae5;background-color:var(--status-completed-bg,#d1fae5);color:#047857;color:var(--status-completed-text,#047857)}.status-inactive{background-color:#fce7f3;background-color:var(--priority-high-bg,#fce7f3);color:#be185d;color:var(--priority-high-text,#be185d)}.actions-cell{display:flex;flex-wrap:wrap;gap:8px}.btn-action{background:var(--surface);border:1px solid #b7b7b7;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:.8em;padding:4px 10px}.btn-action:hover{background:#fff;background:var(--surface-hover);border-color:#06b6d4;border-color:var(--primary);color:#06b6d4;color:var(--primary)}.btn-action.btn-danger{color:#dc2626}.btn-action.btn-danger:hover{background:#fef2f2;border-color:#dc2626}.btn-action.btn-success{color:#059669}.btn-action.btn-success:hover{background:#ecfdf5;border-color:#059669}.alert{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.alert-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2em;opacity:.7}.alert-close:hover{opacity:1}.modal-sm{max-width:400px}.input-disabled{background:#f6fffd!important;background:var(--background)!important;color:#94a3b8!important;color:var(--text-tertiary)!important;cursor:not-allowed}.loading-state{color:#94a3b8;color:var(--text-tertiary);padding:40px;text-align:center}[data-theme=dark] .alert-error{background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .alert-success{background:#0596691a;border-color:#0596694d}[data-theme=dark] .btn-action.btn-danger:hover{background:#dc26261a}[data-theme=dark] .btn-action.btn-success:hover{background:#0596691a}.membership-page{margin:0 auto;max-width:1400px}.current-status-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:40px;padding:30px}.status-header h2{color:var(--text-primary);font-size:1.5em;margin-bottom:8px}.status-header p{color:var(--text-tertiary);font-size:1em;margin-bottom:20px}.base-benefits{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.benefit-item{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:16px;transition:all .2s}.benefit-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.benefit-icon{flex-shrink:0;font-size:1.8em}.benefit-text{color:var(--text-primary);font-size:1em;font-weight:500}.membership-tiers-section{margin-top:40px}.tiers-heading{color:var(--text-primary);font-size:1.8em;margin-bottom:8px;text-align:center}.tiers-subtitle{color:var(--text-tertiary);font-size:1.1em;margin-bottom:30px;text-align:center}.membership-tiers{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.membership-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s}.membership-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.membership-card.popular{border:2px solid var(--primary);box-shadow:0 4px 20px #06b6d433}.popular-badge{background:var(--primary);border-radius:20px;color:#fff;font-size:.75em;font-weight:600;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px;z-index:1}.membership-card-header{background:var(--background);border-top:4px solid;padding:30px 24px;text-align:center}.tier-name{font-size:1.8em;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.tier-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.tier-price .price{color:var(--text-primary);font-size:2.5em;font-weight:700}.tier-price .period{color:var(--text-tertiary);font-size:1em}.membership-card-body{flex:1 1;padding:24px}.benefits-list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.benefit-item-list{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.95em;gap:12px;line-height:1.5}.check-icon{align-items:center;background:var(--status-completed-bg);border-radius:50%;color:var(--secondary);display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:20px;justify-content:center;width:20px}.membership-card-footer{border-top:1px solid var(--border);padding:24px}.btn-upgrade{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .2s;width:100%}.btn-upgrade:hover{box-shadow:0 6px 20px #00000026;opacity:.9;transform:translateY(-2px)}.btn-upgrade:active{transform:translateY(0)}@media (max-width:1024px){.membership-tiers{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.current-status-card{padding:20px}.base-benefits,.membership-tiers{grid-template-columns:1fr}.tier-name,.tiers-heading{font-size:1.5em}.tier-price .price{font-size:2em}}.login-page{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f1219);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{background:#1e2433;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-logo{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:16px;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.login-header h1,.login-logo{font-size:28px;font-weight:700}.login-header h1{color:#f8fafc;margin:0 0 8px}.login-subtitle{color:#94a3b8;font-size:14px;margin:0}.login-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{flex:1 1}.form-row{display:flex;gap:12px}.form-group label{color:#94a3b8;font-size:13px}.form-group input{background:#0f1219;border:1px solid #2d3748;border-radius:8px;color:#f8fafc;font-size:15px;padding:12px 14px;transition:all .2s ease}.form-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426;outline:none}.form-group input::placeholder{color:#4b5563}.login-button{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 20px;transition:all .2s ease}.login-button:hover:not(:disabled){box-shadow:0 8px 20px #06b6d44d;transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{margin-top:8px;text-align:center}.login-footer p{color:#94a3b8;font-size:14px;margin:0}.link-button{background:none;border:none;color:#06b6d4;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.link-button:hover{color:#22d3ee}.login-company{border-top:1px solid #2d3748;margin-top:32px;padding-top:24px;text-align:center}.login-company p{color:#64748b;font-size:13px;margin:0}@media (max-width:480px){.login-container{padding:24px}.form-row{flex-direction:column;gap:20px}}.order-detail-page{background:#f8fafc;min-height:100vh;padding:0}.order-top-bar{align-items:flex-start;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.top-bar-left{flex:1 1}.order-header-info{margin-bottom:12px}.order-number{color:#0f172a;font-size:1.6em;font-weight:700;line-height:1.2;margin:0 0 8px}.order-meta{display:flex;flex-direction:column;gap:6px}.customer-info-inline,.vehicle-info-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.customer-name{color:#0f172a;font-size:1.05em;font-weight:600}.contact-item{color:#64748b;font-size:.95em}.contact-item a{color:#0ea5e9;text-decoration:none}.contact-item a:hover{text-decoration:underline}.vehicle-name{color:#0f172a;font-weight:500}.vehicle-details{color:#64748b;font-size:.95em}.order-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag{background:#f1f5f9;border-radius:16px;color:#475569;display:inline-block;font-size:.85em;font-weight:500;padding:4px 12px}.tag-priority.tag-high{background:#fee2e2;color:#991b1b}.tag-priority.tag-normal{background:#fef3c7;color:#92400e}.tag-priority.tag-low,.tag-status.tag-open{background:#dbeafe;color:#1e40af}.tag-status.tag-in_progress{background:#fef3c7;color:#92400e}.tag-status.tag-completed{background:#d1fae5;color:#065f46}.tag-workflow{background:#e0e7ff;color:#3730a3}.tag-user{background:#f3e8ff;color:#6b21a8}.top-bar-right{align-items:flex-start;display:flex;gap:8px}.btn-action{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1}.btn-close{background:#10b981;border-color:#10b981;color:#fff}.btn-close:hover{background:#059669;border-color:#059669}.order-content-wrapper{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr minmax(280px,360px);margin:0;max-width:100%}.order-left-column{background:#fff;border-right:1px solid #e2e8f0;min-height:calc(100vh - 140px)}.main-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;overflow-x:auto}.main-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:.95em;font-weight:500;padding:14px 20px;transition:all .2s;white-space:nowrap}.main-tab:hover{background:#f1f5f9;color:#0f172a}.main-tab.active{background:#fff;border-bottom-color:#10b981;color:#10b981}.main-tab-content{padding:24px}.inspections-content,.notes-content,.parts-content,.services-content,.summary-content,.timeclocks-content{max-width:100%}.content-section{margin-bottom:32px}.content-section h3{border-bottom:2px solid #e2e8f0;color:#0f172a;font-size:1.2em;font-weight:600;margin:0 0 16px;padding-bottom:8px}.comments-box{background:#f8fafc;color:#475569;line-height:1.6;min-height:80px;padding:16px}.comments-box,.service-block{border:1px solid #e2e8f0;border-radius:8px}.service-block{background:#fff;margin-bottom:16px;padding:20px}.service-block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.service-block-header h4{color:#0f172a;font-size:1.1em;font-weight:600;margin:0}.service-badge{border-radius:12px;font-size:.85em;font-weight:500;padding:4px 12px}.badge-authorized{background:#d1fae5;color:#065f46}.badge-completed{background:#dbeafe;color:#1e40af}.badge-pending{background:#fef3c7;color:#92400e}.service-table{border-collapse:collapse;margin-bottom:12px;width:100%}.service-table td,.service-table th{border-bottom:1px solid #e2e8f0;padding:10px 12px;text-align:left}.service-table th{background:#f8fafc;color:#64748b;font-size:.85em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.service-table td{color:#475569;font-size:.95em}.service-subtotal{color:#10b981;font-size:1.05em;font-weight:600}.btn-mark-complete{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85em;padding:4px 12px;transition:all .2s}.btn-mark-complete:hover{background:#10b981;border-color:#10b981;color:#fff}.service-note{background:#f8fafc;border-radius:6px;color:#475569;font-size:.9em;margin-top:12px;padding:12px}.service-actions{display:flex;gap:12px;margin-top:12px}.btn-link{background:none;border:none;color:#0ea5e9;cursor:pointer;font-size:.9em;padding:0;text-decoration:underline}.btn-link:hover{color:#0284c7}.btn-add-service{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95em;font-weight:500;padding:10px 20px;transition:all .2s}.btn-add-service:hover{background:#059669}.progress-section{margin-bottom:16px}.progress-header{color:#64748b;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:8px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#10b981;height:100%;transition:width .3s}.todo-list{display:flex;flex-direction:column;gap:12px}.todo-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.todo-header{align-items:center;display:flex;gap:12px}.todo-name{color:#0f172a;flex:1 1;font-weight:500}.todo-hours{color:#64748b;font-size:.9em}.empty-state{color:#94a3b8;font-style:italic;padding:40px 20px;text-align:center}.empty-state-note{color:#64748b;line-height:1.6}.empty-state-note,.note-input{font-size:.95em;margin-bottom:12px}.note-input{border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-family:inherit;padding:12px;resize:vertical;width:100%}.note-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.customer-comments{background:#f8fafc;color:#475569;line-height:1.6;padding:16px}.customer-comments,.inspection-block{border:1px solid #e2e8f0;border-radius:8px}.inspection-block{background:#fff;margin-bottom:16px;padding:20px}.inspection-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.inspection-header h4{color:#0f172a;font-size:1.1em;font-weight:600;margin:0}.inspection-badge{border-radius:12px;font-size:.85em;font-weight:500;padding:4px 12px}.inspection-meta{color:#64748b;font-size:.9em;margin-bottom:8px}.inspection-note{color:#475569;line-height:1.6;margin-bottom:12px}.inspection-items{display:flex;flex-direction:column;gap:12px}.inspection-item{background:#f8fafc;border-radius:6px;display:flex;gap:12px;padding:12px}.status-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.status-dot.status-ok{background:#10b981}.status-dot.status-warning{background:#f59e0b}.status-dot.status-critical{background:#ef4444}.inspection-item-content strong{color:#0f172a;display:block;margin-bottom:4px}.inspection-item-content p{color:#64748b;font-size:.9em;margin:0}.timeclock-list{display:flex;flex-direction:column;gap:12px}.timeclock-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.timeclock-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.timeclock-tech{color:#0f172a;font-size:1.05em;font-weight:600}.timeclock-duration{color:#10b981;font-size:1.05em;font-weight:600}.timeclock-times{color:#64748b;display:flex;font-size:.9em;gap:16px;margin-bottom:8px}.timeclock-note,.timeclock-service{color:#475569;font-size:.9em;margin:4px 0}.note-editor{margin-bottom:24px}.note-textarea{border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;font-family:inherit;font-size:.95em;margin-bottom:8px;min-height:120px;padding:12px;resize:vertical;width:100%}.note-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.note-toolbar{align-items:center;display:flex;gap:8px}.toolbar-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.9em;padding:6px 12px;transition:all .2s}.toolbar-btn:hover{background:#e2e8f0}.btn-save{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9em;font-weight:500;margin-left:auto;padding:8px 16px}.btn-save:hover{background:#059669}.notes-list{margin-top:24px}.notes-list h4{color:#0f172a;font-size:1.05em;font-weight:600;margin-bottom:12px}.note-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:16px}.note-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.note-author{color:#0f172a;font-weight:600}.note-date{color:#64748b;font-size:.85em}.note-subject{color:#0f172a;font-size:1em;font-weight:600;margin:8px 0}.note-body{color:#475569;line-height:1.6;margin:0}.order-right-column{background:#f8fafc}.sidebar-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:flex}.sidebar-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;flex:1 1;font-size:.9em;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s}.sidebar-tab:hover{background:#f8fafc;color:#0f172a}.sidebar-tab.active{background:#f8fafc;border-bottom-color:#10b981;color:#10b981}.sidebar-content{padding:20px}.sidebar-title{color:#0f172a;font-size:1.15em;font-weight:600;margin:0 0 20px}.sidebar-field{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:1px}.sidebar-field:last-child{border-bottom:none}.sidebar-field label{color:#64748b;flex-shrink:0;font-size:.85em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.field-value{color:#0f172a;font-size:.95em;text-align:right}.field-value a{color:#0ea5e9;text-decoration:none}.field-value a:hover{text-decoration:underline}.field-add{color:#10b981!important;font-weight:500}.field-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#0f172a;cursor:pointer;font-family:inherit;font-size:.95em;padding:8px;width:100%}.field-select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.field-count{background:#e2e8f0;border-radius:12px;color:#475569;display:inline-block;font-size:.85em;font-weight:600;padding:2px 8px}.expandable-section{border-top:1px solid #e2e8f0;margin:0 -20px}.expandable-header{align-items:center;background:#f8fafc;border:none;color:#334155;cursor:pointer;display:flex;font-size:.9em;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase;transition:all .2s;width:100%}.expandable-header:hover{background:#f1f5f9}.expandable-header.expanded{border-bottom:1px solid #e2e8f0}.expand-icon{color:#64748b;font-size:1.2em;font-weight:400}.expandable-content{background:#fff;padding:16px 20px}.expandable-content .sidebar-field:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-total{background:#f1f5f9;border:2px solid #10b981;border-radius:8px;margin:20px 0;padding:16px;text-align:center}.total-label{color:#64748b;font-size:.9em;font-weight:500;margin-bottom:4px}.total-amount{color:#10b981;font-size:1.8em;font-weight:700}.btn-new-payment{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-new-payment:hover{background:#059669}.customer-header{margin-bottom:20px}.company-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.company-tags .tag{background:#e0e7ff;color:#3730a3}.error-message,.loading-spinner{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.error-message h3{color:#ef4444;margin-bottom:12px}.btn{font-size:.95em;padding:10px 20px}.btn-primary{background:#10b981}.btn-primary:hover{background:#059669}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background:#e2e8f0}@media (max-width:1200px){.order-content-wrapper{grid-template-columns:1fr 360px}}@media (max-width:968px){.order-content-wrapper{grid-template-columns:1fr}.order-right-column{border-left:none;border-top:1px solid #e2e8f0}.order-top-bar{flex-direction:column}.top-bar-right{justify-content:flex-end;width:100%}}@media (max-width:640px){.order-top-bar{padding:16px}.order-number{font-size:1.3em}.main-tab-content,.sidebar-content{padding:16px}.top-bar-right{flex-wrap:wrap}.btn-action{flex:1 1;min-width:calc(50% - 4px)}.service-table{font-size:.85em}.service-table td,.service-table th{padding:8px 6px}}.order-create-container{background:var(--background);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.order-create-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.order-create-header h1{color:var(--text-primary);font-size:1.8em;margin:0}.order-create-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.form-section h2{border-bottom:2px solid var(--divider);color:var(--text-primary);font-size:1.3em;margin:0 0 20px;padding-bottom:12px}.form-section h3{color:var(--text-secondary);font-size:1.1em;margin:0 0 16px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-secondary);font-size:.9em;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.95em;padding:10px 12px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:80px;resize:vertical}.technician-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.technician-checkbox{align-items:center;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.technician-checkbox:hover{background:var(--surface-hover);border-color:var(--primary)}.technician-checkbox input[type=checkbox]{accent-color:var(--primary);cursor:pointer;height:18px;width:18px}.technician-checkbox span{color:var(--text-secondary);font-size:.95em}.technician-checkbox input:checked+span{color:var(--text-primary);font-weight:500}.quick-add-services{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.services-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.service-quick-add{align-items:flex-start;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px;transition:all .2s}.service-quick-add:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.service-name{color:var(--text-primary);font-size:.95em;font-weight:500}.service-price{color:var(--primary);font-size:1em;font-weight:600}.line-item-form{background:var(--background);border:1px solid var(--border);border-radius:8px;margin-bottom:24px;padding:20px}.line-items-list{margin-top:24px}.line-item-card{background:var(--background);border:1px solid var(--border);border-radius:8px;margin-bottom:12px;padding:16px}.line-item-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.line-item-header h4{color:var(--text-primary);font-size:1.05em;margin:0}.line-item-category{background:var(--background);border:1px solid var(--border);border-radius:4px;color:var(--text-tertiary);display:inline-block;font-size:.8em;letter-spacing:.5px;margin-top:4px;padding:2px 8px;text-transform:uppercase}.line-item-actions{align-items:center;display:flex;gap:12px}.line-item-price{color:var(--primary);font-size:1.1em;font-weight:600}.btn-remove{align-items:center;background:var(--priority-high-bg);border:none;border-radius:4px;color:var(--priority-high-text);cursor:pointer;display:flex;font-size:1em;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove:hover{background:var(--priority-high-text);color:#fff}.line-item-details{color:var(--text-tertiary);display:flex;font-size:.9em;gap:16px;margin-bottom:8px}.line-item-note{color:var(--text-secondary);font-size:.9em;line-height:1.5;margin:8px 0 0}.line-items-total{align-items:center;background:var(--surface);border:2px solid var(--primary);border-radius:8px;color:var(--text-primary);display:flex;font-size:1.1em;font-weight:600;justify-content:space-between;margin-top:16px;padding:16px}.total-amount{color:var(--primary);font-size:1.3em}.form-actions{background:var(--surface);border:1px solid var(--border);border-radius:8px;bottom:24px;box-shadow:0 -4px 12px #0000001a;display:flex;gap:12px;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky}.btn{border:none;border-radius:6px;cursor:pointer;font-size:1em;font-weight:500;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #06b6d44d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--background);border:1px solid var(--border);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}@media (max-width:768px){.order-create-container{padding:16px}.form-grid,.services-grid,.technician-grid{grid-template-columns:1fr}.order-create-header h1{font-size:1.4em}.form-section{padding:16px}.form-actions{flex-direction:column-reverse;position:static}.btn{width:100%}}
/*# sourceMappingURL=main.0bcfc7bb.css.map*/