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:#0891b2;--primary-dark:#0e7490;--secondary:#14b8a6;--secondary-light:#2dd4bf;--tertiary:#6366f1;--accent:#ec4899;--accent-light:#f472b6;--background:#f0f5fa;--surface:#fff;--surface-hover:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-muted:#cbd5e1;--border:#e2e8f0;--divider:#e2e8f0;--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 #0000000f;--shadow-md:0 4px 12px #0e74901a}[data-theme=dark]{--primary:#22d3ee;--primary-dark:#06b6d4;--secondary:#34d399;--secondary-light:#6ee7b7;--tertiary:#818cf8;--accent:#f472b6;--accent-light:#f9a8d4;--background:#0d1117;--surface:#161b22;--surface-hover:#21262d;--card-bg:#161b22;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-tertiary:#484f58;--text-muted:#30363d;--border:#30363d;--divider:#21262d;--status-open-bg:#0c4a6e;--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 #0006;--shadow-md:0 4px 12px #22d3ee26}*{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:#f0f5fa;background-color:var(--background)}.app-container,.sidebar{display:flex;height:100vh}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2e8f0;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 #e2e8f0;border-bottom:1px solid var(--border);height:60px;text-align:center}.logo{background:linear-gradient(135deg,#0891b2,#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:#f8fafc;background-color:var(--surface-hover)}.nav-item.active,.nav-item:hover{color:#0891b2;color:var(--primary)}.nav-item.active:before{background-color:#0891b2;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 #e2e8f0;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:#0891b2;color:var(--primary)}.theme-toggle{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%}.theme-toggle .icon{align-items:center;display:flex;font-size:1.4em;justify-content:center;width:24px}.theme-toggle:hover{background-color:#f8fafc;background-color:var(--surface-hover);color:#0891b2;color:var(--primary)}.menu-toggle{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%}.menu-toggle .icon{align-items:center;display:flex;font-size:1.4em;justify-content:center;width:24px}.menu-toggle:hover{background-color:#f8fafc;background-color:var(--surface-hover);color:#0891b2;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 #e2e8f0;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}.top-bar-left{flex:1 1}.location-selector{position:relative}.location-selector-trigger{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;white-space:nowrap}.location-selector-trigger:hover{border-color:#0891b2;border-color:var(--primary,#06f)}.location-selector-trigger:disabled{cursor:not-allowed;opacity:.5}.location-icon{font-size:1.1em}.location-name{color:#1e293b;color:var(--text-primary);font-weight:500}.location-chevron{color:#94a3b8;color:var(--text-tertiary,#999);font-size:.8em;transition:transform .2s}.location-chevron.open{transform:rotate(180deg)}.location-dropdown{animation:locationDropdownIn .15s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;min-width:280px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:1000}@keyframes locationDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.location-dropdown-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-tertiary,#999);font-size:.75em;font-weight:600;letter-spacing:.05em;padding:10px 14px;text-transform:uppercase}.location-dropdown-item{align-items:center;background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.location-dropdown-item:hover{background:#f5f5f5;background:var(--bg-hover,#f5f5f5)}.location-dropdown-item.active{background:#f0f4ff;background:var(--bg-active,#f0f4ff)}.location-dropdown-item-icon{flex-shrink:0;font-size:1em}.location-dropdown-item-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.location-dropdown-item-name{color:#1e293b;color:var(--text-primary);font-size:.9em;font-weight:500}.location-dropdown-item-address{color:#94a3b8;color:var(--text-tertiary,#999);font-size:.78em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-dropdown-check{color:#0891b2;color:var(--primary,#06f);flex-shrink:0;font-size:.9em;font-weight:600}.search-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:flex;flex:1 1;gap:10px;max-width:400px;padding:8px 12px;position:relative}.search-bar.focused{border-color:#0891b2;border-color:var(--primary);box-shadow:0 0 0 2px #06b6d433}.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:#e2e8f0;background:var(--border);border-radius:4px;font-size:.75em;padding:4px 8px}.search-results-dropdown{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-results-group{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--divider);padding:8px 0}.search-results-group:last-child{border-bottom:none}.search-results-group-header{color:#94a3b8;color:var(--text-tertiary);font-size:.75em;font-weight:600;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 12px;transition:background-color .15s ease}.search-result-item:hover{background:#f8fafc;background:var(--surface-hover)}.search-result-icon{align-items:center;background:#f0f5fa;background:var(--background);border-radius:6px;display:flex;font-size:1em;height:32px;justify-content:center;width:32px}.search-result-content{flex:1 1;min-width:0}.search-result-title{color:#1e293b;color:var(--text-primary);font-weight:500}.search-result-subtitle,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-subtitle{color:#94a3b8;color:var(--text-tertiary);font-size:.85em}.search-results-empty,.search-results-loading{color:#94a3b8;color:var(--text-tertiary);font-size:.9em;padding:16px;text-align:center}.top-bar-right{align-items:center;display:flex;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:#f8fafc;background-color:var(--surface-hover)}.user-button{align-items:center;background:linear-gradient(135deg,#0891b2,#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:#f0f5fa;background:var(--background);flex:1 1;overflow-y:auto;padding:30px}.page-content.no-padding{padding:0}.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:#1e293b;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:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000f;transition:background-color .3s ease,border-color .3s ease}.metric-header{margin-bottom:7px}.metric-header h3{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric-value{color:#0891b2;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;gap:20px}.card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:0;transition:background-color .3s ease,border-color .3s ease}.card.full-width{grid-column:1/-1}.card-header{background-color:#fff;background-color:var(--surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);padding:20px}.card-header h3{color:#1e293b;color:var(--text-primary);font-size:1.1em}.view-report{color:#0891b2;color:var(--primary);font-size:.9em;font-weight:500;text-decoration:none}.view-report:hover{color:#0e7490;color:var(--primary-dark);text-decoration:underline}.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:#1e293b;color:var(--text-primary);font-size:1.5em;font-weight:700}.data-table thead{background-color:#f0f5fa;background-color:var(--background);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);border-top:1px solid #e2e8f0;border-top:1px solid var(--border)}.data-table th{color:#94a3b8;color:var(--text-tertiary);font-size:.85em;padding:12px 15px;text-align:left}.data-table th.sortable-header{cursor:pointer;transition:color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable-header:hover{background-color:#f8fafc;background-color:var(--surface-hover);color:#0891b2;color:var(--primary)}.data-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:.95em;padding:15px}.data-table tbody tr.clickable-row:hover,.data-table tbody tr:hover{background-color:#f8fafc;background-color:var(--surface-hover)}.data-table tbody tr.clickable-row:active{background-color:#e2e8f0;background-color:var(--border)}.order-number{color:#0891b2;color:var(--primary);font-weight:600}.font-bold{color:#1e293b;color:var(--text-primary);font-weight:600}.action-link{text-decoration:none}.action-link:hover{color:#0e7490;color:var(--primary-dark)}.badge{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)}.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;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form input,.form textarea{background:#fff;background:var(--surface);border:1px solid #e2e8f0;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:#0891b2;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:#0891b2;background-color:var(--primary)}.btn-primary:hover{background-color:#0e7490;background-color:var(--primary-dark);box-shadow:0 4px 12px #0e74901a;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 #e2e8f0;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:#0891b2;border-color:var(--primary);color:#0891b2;color:var(--primary)}.report-selector button.active{background-color:#0891b2;background-color:var(--primary);border-color:#0891b2;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:#f0f5fa;background:var(--background);border:1px solid #e2e8f0;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:#0891b2;color:var(--primary);font-size:1.8em;font-weight:700}.empty-state{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#cbd5e1;color:var(--text-muted);padding:60px 20px}.loading{color:#94a3b8;padding:40px;text-align:center}.page-content::-webkit-scrollbar{width:8px}.page-content::-webkit-scrollbar-track{background:#0000}.page-content::-webkit-scrollbar-thumb{background:#e2e8f0;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:#f0f5fa;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 #e2e8f0;border-top-color:#0891b2;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;margin-bottom:16px;width:40px}.user-menu{position:relative}.profile-dropdown{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0e74901a;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:#f0f5fa;background:var(--background);display:flex;gap:12px;padding:16px}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#0891b2,#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:#1e293b;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:#e2e8f0;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:#f8fafc;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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000}.modal-content{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h2{color:#1e293b;font-size:1.5em}.modal-close{background:none;color:#94a3b8;color:var(--text-tertiary);font-size:24px;line-height:1;padding:4px;transition:color .2s}.modal-close:hover{color:#1e293b;color:var(--text-primary)}.profile-image-section{align-items:center;border-bottom:1px solid #e2e8f0;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,#0891b2,#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:#f0f5fa;background:var(--background);border:1px solid #e2e8f0;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:#f8fafc;background:var(--surface-hover);border-color:#0891b2;border-color:var(--primary);color:#0891b2;color:var(--primary)}.form-group label{color:#475569}.modal-footer{border-top:1px solid #e2e8f0}.btn-secondary{background:#f0f5fa}.btn-secondary:hover{background:#f8fafc;background:var(--surface-hover)}.workflow-page .workflow-controls{align-items:center;display:flex;gap:16px}.view-toggle{background:#f0f5fa;background:var(--background);border:1px solid #e2e8f0}.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:#f8fafc;background:var(--surface-hover)}.view-btn.active{background:#0891b2;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 #e2e8f0;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 #e2e8f0;border-bottom:1px solid var(--border);border-top:4px solid #0891b2;border-top:4px solid var(--primary);display:flex;justify-content:space-between;padding:16px}.workflow-column .column-header h3{color:#1e293b;color:var(--text-primary);font-size:.95em;font-weight:600;margin:0}.column-count{background:#f0f5fa;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:#f0f5fa;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;cursor:grab;padding:12px;transition:all .2s}.workflow-card:hover{border-color:#0891b2;border-color:var(--primary);box-shadow:0 4px 12px #0e74901a;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:#0891b2;color:var(--primary);font-size:.9em;font-weight:600}.workflow-card .card-customer{color:#1e293b;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 #e2e8f0;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:#0891b2;color:var(--primary);cursor:pointer;font-size:.9em;font-weight:500;padding:4px 8px;transition:all .2s}.action-link:hover{background:#f8fafc;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 #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.tab-btn{border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-tertiary);font-size:.95em;margin-bottom:-1px;padding:12px 20px;transition:all .2s}.tab-btn:hover{color:#475569;color:var(--text-secondary)}.tab-btn.active{border-bottom-color:#0891b2;border-bottom-color:var(--primary);color:#0891b2;color:var(--primary)}.settings-section{margin-bottom:32px}.section-header{margin-bottom:20px}.section-header h2{color:#1e293b;color:var(--text-primary);font-size:1.25em;font-weight:600}.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 var(--border);border-radius:4px;color:var(--text-secondary);font-size:.8em;padding:4px 10px}.btn-action:hover{background:var(--surface-hover);border-color:#0891b2;border-color:var(--primary);color:#0891b2;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}.modal-lg{max-height:90vh;max-width:700px;overflow-y:auto}.plan-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#f0f5fa;background:var(--background);border:1px solid #e2e8f0;padding:15px}.form-section h3{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#1e293b;font-size:1rem;margin:0 0 15px;padding-bottom:8px}.checkbox-row{align-items:center;flex-wrap:wrap;gap:15px;margin-top:10px}.checkbox-label{color:#475569;color:var(--text-secondary);font-size:.95em}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.inline-group{align-items:center;display:flex;gap:8px;margin:0}.inline-group label{color:#cbd5e1;color:var(--text-muted);font-size:.9em;margin:0}.benefit-tag{background:var(--primary-light);border-radius:4px;color:#0e7490;color:var(--primary-dark);display:inline-block;font-size:.75em;font-weight:500;margin:2px;padding:2px 8px}.benefits-preview{display:flex;flex-wrap:wrap;gap:4px}.badge-featured{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;margin-left:8px}.badge-popular{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;margin-left:8px}.text-sm{font-size:.85em}.input-disabled{background:#f0f5fa!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}.activity-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.activity-search-form{display:flex;gap:12px}.activity-search-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);flex:1 1;font-size:.95em;max-width:400px;padding:10px 14px}.activity-search-input:focus{border-color:#0891b2;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d426;outline:none}.date-filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .2s}.filter-btn:hover{color:#0891b2;color:var(--primary)}.filter-btn.active,.filter-btn:hover{border-color:#0891b2;border-color:var(--primary)}.filter-btn.active{background:#0891b2;background:var(--primary);color:#fff}.custom-date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.custom-date-inputs input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);padding:8px 12px}.activity-timestamp,.custom-date-inputs span{color:#94a3b8;color:var(--text-tertiary)}.activity-timestamp{font-size:.9em;white-space:nowrap}.activity-description,.user-name{color:#1e293b;color:var(--text-primary)}.user-name{font-weight:500}.system-action{color:#94a3b8;color:var(--text-tertiary);font-style:italic}.badge{border-radius:4px;font-size:.8em}.entity-work_order{background-color:#06b6d41a;color:#0891b2}.entity-customer{background-color:#6366f11a;color:#4f46e5}.entity-payment{background-color:#0596691a;color:#059669}.entity-user{background-color:#ec48991a;color:#db2777}.entity-vehicle{background-color:#f59e0b1a;color:#d97706}.entity-line_item{background-color:#8b5cf61a;color:#7c3aed}.entity-appointment{background-color:#14b8a61a;color:#0d9488}.pagination{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:16px}.pagination button{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary);transition:all .2s}.pagination button:hover:not(:disabled){background:#f8fafc;background:var(--surface-hover);border-color:#0891b2;border-color:var(--primary);color:#0891b2;color:var(--primary)}.pagination span{color:#94a3b8;color:var(--text-tertiary);font-size:.9em}[data-theme=dark] .activity-search-input{color:#475569;color:var(--text-secondary)}[data-theme=dark] .activity-search-input,[data-theme=dark] .custom-date-inputs input,[data-theme=dark] .filter-btn{background:#fff;background:var(--surface);border-color:#e2e8f0;border-color:var(--border)}[data-theme=dark] .custom-date-inputs input{color:#475569;color:var(--text-secondary)}.test-payment-page{background:#f0f5fa;background:var(--background);min-height:100vh;padding:2rem}.test-payment-page .page-header{margin-bottom:2rem;text-align:center}.test-payment-page .page-header h1{color:#1e293b;color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.test-payment-page .subtitle{color:#475569;color:var(--text-secondary)}.test-payment-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.payment-section{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px #0e74901a;box-shadow:var(--shadow-md);padding:2rem}.payment-section h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;margin-bottom:1.5rem}.payment-form{display:flex;flex-direction:column;gap:1.25rem}.payment-form .form-group{display:flex;flex-direction:column;gap:.5rem}.payment-form label{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500}.payment-form input[type=number],.payment-form input[type=text]{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.payment-form input:focus{border-color:#0891b2;border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;outline:none}.card-element-container{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);padding:.875rem 1rem;transition:border-color .2s,box-shadow .2s}.card-element-container:focus-within{border-color:#0891b2;box-shadow:0 0 0 3px #06b6d41a}.payment-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626}.payment-error,.payment-success{font-size:.9rem;padding:.75rem 1rem}.payment-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a}.pay-button{background:linear-gradient(135deg,#0891b2,#14b8a6);background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s,box-shadow .2s}.pay-button:hover:not(:disabled){box-shadow:0 4px 12px #06b6d44d;transform:translateY(-1px)}.pay-button:disabled{cursor:not-allowed;opacity:.6}.test-cards-info{background:#f0f5fa;background:var(--background);border-radius:8px;font-size:.85rem;margin-top:1.5rem;padding:1rem}.test-cards-info h4{color:#1e293b;color:var(--text-primary);font-size:.9rem;margin-bottom:.75rem}.test-cards-info ul{list-style:none;margin:0 0 .75rem;padding:0}.test-cards-info li{color:#475569;color:var(--text-secondary);margin-bottom:.5rem}.test-cards-info code{background:#fff;background:var(--surface);border-radius:4px;color:#0891b2;color:var(--primary);font-family:Monaco,Consolas,monospace;padding:.2rem .5rem}.test-cards-info p{color:#94a3b8;color:var(--text-tertiary);font-size:.8rem}.payment-activity{background:#fff;background:var(--surface);border-radius:12px;box-shadow:0 4px 12px #0e74901a;box-shadow:var(--shadow-md);padding:2rem}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.activity-header h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem}.refresh-button{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:background .2s,border-color .2s}.refresh-button:hover:not(:disabled){background:#f0f5fa;background:var(--background);border-color:#0891b2;border-color:var(--primary)}.refresh-button:disabled{cursor:not-allowed;opacity:.6}.payments-list{display:flex;flex-direction:column;gap:1rem}.payment-item{background:#f0f5fa;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;padding:1rem}.payment-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-amount{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600}.payment-status{border-radius:20px;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.status-succeeded{background:#d1fae5;background:var(--status-completed-bg);color:#047857;color:var(--status-completed-text)}.status-processing{background:#e0e7ff;background:var(--status-scheduled-bg);color:#4338ca;color:var(--status-scheduled-text)}.status-pending{background:#fef3c7;background:var(--status-pending-bg);color:#b45309;color:var(--status-pending-text)}.status-canceled{background:#fef2f2;color:#dc2626}.status-default{background:#fff;background:var(--surface);color:#94a3b8;color:var(--text-tertiary)}.payment-details{color:#475569;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.payment-id{font-size:.75rem}.payment-id code{background:#fff;background:var(--surface);border-radius:4px;color:#94a3b8;color:var(--text-tertiary);font-family:Monaco,Consolas,monospace;padding:.2rem .5rem}.config-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.config-error h3{color:#dc2626;margin-bottom:1rem}.config-error p{color:#7f1d1d;margin-bottom:.5rem}.config-error code{background:#fff;border-radius:4px;padding:.2rem .5rem}.empty-state,.loading-state{color:#94a3b8;color:var(--text-tertiary);padding:2rem;text-align:center}[data-theme=dark] .payment-error{background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .payment-success{background:#16a34a1a;border-color:#16a34a4d}[data-theme=dark] .config-error{background:#dc26261a;border-color:#dc26264d}[data-theme=dark] .config-error h3{color:#f87171}[data-theme=dark] .config-error p{color:#fca5a5}[data-theme=dark] .config-error code{background:#fff;background:var(--surface)}[data-theme=dark] .status-canceled{background:#dc262633;color:#f87171}.workflow-status-list{display:flex;flex-direction:column;gap:2px}.workflow-status-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:12px;padding:12px 16px;transition:background .15s,box-shadow .15s}.workflow-status-row:hover{background:#f8fafc}.workflow-status-row.inactive{background:#f8fafc;opacity:.5}.workflow-status-row[draggable=true]{cursor:grab}.workflow-status-row[draggable=true]:active{box-shadow:0 4px 12px #0000001a;cursor:grabbing}.workflow-status-drag{align-items:center;display:flex;flex-shrink:0;justify-content:center;width:20px}.drag-handle{color:#94a3b8;font-size:1em;line-height:1}.workflow-status-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.workflow-status-info{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0;padding-right:50px;position:relative}.workflow-status-info .workflow-type-badge{position:absolute;right:0}.workflow-status-name{color:#1e293b;font-size:.9em;font-weight:600}.workflow-status-location{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75em;padding:2px 8px}.workflow-status-location.all{background:#ecfdf5;color:#059669}.workflow-status-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.badge-inactive{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:.7em;font-weight:600;padding:2px 8px}.btn-warning{background:#fffbeb!important;border-color:#f59e0b!important;color:#92400e!important}.btn-warning:hover{background:#fef3c7!important}.workflow-type-badge{align-items:center;border-radius:50%;display:inline-flex;font-size:.75em;font-weight:600;height:22px;justify-content:center;line-height:1;width:22px}.workflow-type-badge.type-estimate{background:#fef3c7;color:#92400e}.workflow-type-badge.type-repair_order{background:#dbeafe;color:#1e40af}.workflow-type-badge.type-invoice{background:#d1fae5;color:#065f46}.workflow-type-badge.type-archive{background:#e2e8f0;color:#475569}.workflow-type-selector{display:flex;flex-wrap:wrap;gap:6px}.workflow-type-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-family:inherit;font-size:.85em;gap:6px;padding:6px 12px;transition:border-color .15s,background .15s}.workflow-type-option:hover{background:#f8fafc;border-color:#94a3b8}.workflow-type-option.selected{background:#eff6ff;border-color:#3b82f6;color:#1e40af;font-weight:600}.workflow-type-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.sm-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;flex-wrap:wrap;gap:4px;margin-bottom:20px}.sm-tab-btn{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:-2px;padding:8px 16px;transition:color .15s}.sm-tab-btn:hover{color:#1e293b;color:var(--text-primary)}.sm-tab-btn.active{border-bottom-color:#0891b2;border-bottom-color:var(--primary);color:#0891b2;color:var(--primary);font-weight:600}.sm-coming-soon-tag{background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:10px;padding:1px 5px}.sm-live-page{background:#f0f5fa;background:var(--background);margin:-30px;padding:30px}.sm-tab-content{display:flex;flex-direction:column;gap:20px}.sm-stat-grid{display:flex;flex-wrap:wrap;gap:16px}.sm-stat-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;padding:16px 20px}.sm-stat-card.highlight{border-color:#0891b2;border-color:var(--primary)}.sm-sales-top{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr;max-width:1200px}.sm-ns-filter{align-items:center;color:#a304ff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.sm-ns-filter input[type=checkbox]{accent-color:#a304ff;cursor:pointer;height:15px;width:15px}.sm-sales-bottom-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:16px}.sm-sales-bottom-row .card{display:flex;flex-direction:column;max-height:500px}.sm-sales-bottom-row .table-responsive{flex:1 1;overflow-y:auto}.sm-chart-area{margin-top:16px}.sm-chart-tooltip{background:#1e293b;border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;font-size:12px;padding:6px 10px;pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 10px));white-space:nowrap;z-index:20}.sm-chart-tip-label{font-weight:600;margin-bottom:2px}.sm-chart-tip-value{color:#94a3b8;font-size:11px}.sm-leads-card{margin-top:16px}.sm-leads-card .table-responsive{max-height:480px;overflow-y:auto}.sm-leads-card .table-responsive thead th{background:#fff;background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:1}.sm-leads-card tbody tr:hover{background:#e2e8f0}.sm-leads-card .sm-coll-pin-cell.sm-coll-worked,.sm-leads-card .sm-coll-pin-th.sm-coll-worked{right:0}.sm-leads-card .table-responsive thead th{z-index:3}.sm-lead-age-green{background:#d1fae5;color:#065f46;font-weight:600}.sm-lead-age-yellow{background:#fef3c7;color:#92400e;font-weight:600}.sm-lead-age-red{background:#fee2e2;color:#991b1b;font-weight:600}.sm-orders-card .table-responsive{max-height:480px;overflow-y:auto}.sm-orders-card .table-responsive thead th{background:#fff;background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:1}.sm-orders-row--ns{border-left:3px solid #a304ff}.sm-status-tag{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.sm-status-tag--estimate{background:#f1f5f9;color:#64748b}.sm-status-tag--invoice{background:#d1fae5;color:#065f46}.sm-status-tag--work-in-progress{background:#fef3c7;color:#92400e}.sm-status-tag--resolved{background:#d1fae5;color:#065f46}.sm-status-tag--new{background:#e0e7ff;color:#3730a3}.sm-status-tag--closed{background:#f3f4f6;color:#374151}.sm-status-tag--repairorder{background:#dbeafe;color:#1e40af}.sm-orders-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;padding:12px 20px 4px}.sm-orders-search-form{display:flex;flex:1 1;gap:8px;min-width:240px}.sm-search-input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text-primary);flex:1 1;font-size:13px;padding:7px 12px}.sm-search-input:focus{border-color:#0891b2;border-color:var(--primary);outline:none}.sm-filter-select{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text-primary);font-size:13px;min-width:150px;padding:7px 10px}.sm-filter-select:focus{border-color:#0891b2;border-color:var(--primary);outline:none}.sm-worked-badge{background:#22c55e;background:var(--success,#22c55e);border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.sm-coll-top{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.sm-stat-value--muted{color:#475569;color:var(--text-secondary)}.sm-stat-warn{color:#f59e0b;color:var(--warning,#f59e0b);font-size:12px}.sm-coll-table-card .table-responsive{max-height:520px;overflow-x:auto;overflow-y:auto}.sm-coll-table-card .table-responsive thead th{background:#fff;background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:1}.sm-coll-table-card tbody tr:hover{background:#e2e8f0}.sm-coll-pin-th{background:#f0f0f3;background:var(--table-header-bg,#f0f0f3);box-shadow:-2px 0 6px #0000000f;position:-webkit-sticky;position:sticky;text-align:center;z-index:3}.sm-coll-pin-th.sm-coll-worked{max-width:60px;min-width:60px;right:50px;width:60px}.sm-coll-pin-th.sm-coll-rev{max-width:50px;min-width:50px;right:0;width:50px}.sm-coll-pin-cell{background:#fff;background:var(--surface,#fff);box-shadow:-2px 0 6px #0000000f;position:-webkit-sticky;position:sticky;text-align:center;z-index:1}.sm-coll-pin-cell.sm-coll-worked{max-width:50px;min-width:50px;right:50px;width:50px}.sm-coll-pin-cell.sm-coll-rev{max-width:50px;min-width:50px;right:0;width:50px}.sm-coll-age-green{background:#d1fae5;color:#065f46;font-weight:600}.sm-coll-age-yellow{background:#fef3c7;color:#92400e;font-weight:600}.sm-coll-age-red{background:#fee2e2;color:#991b1b;font-weight:600}.sm-coll-age-purple{background:#f3e8ff;color:#7e22ce;font-weight:600}.sm-label-badge{background:#e2e8f0;background:var(--border);border-radius:10px;color:#475569;color:var(--text-secondary);display:inline-block;font-size:11px;margin-right:4px;padding:2px 7px;white-space:nowrap}.sm-reviewed-yes{color:#22c55e;font-size:16px;font-weight:700}.sm-reviewed-no{font-size:16px;opacity:.35}.sm-reviewed-no,.sm-stat-label{color:#475569;color:var(--text-secondary)}.sm-stat-label{font-size:12px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.sm-stat-value{color:#1e293b;color:var(--text-primary);font-size:45px;font-weight:1000}.sm-dash-date-picker{align-items:center;display:flex;flex-shrink:0;gap:8px}.sm-dash-date-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:14px;padding:6px 10px}.sm-dash-date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:none;filter:var(--calendar-icon-filter,none)}.sm-dash-today-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:#94a3b8;color:var(--text-tertiary);cursor:default;font-size:13px;font-weight:600;opacity:.5;padding:6px 14px;transition:all .2s}.sm-dash-today-btn.active{animation:sm-today-pulse 2s ease-in-out infinite;background:#3b82f6;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f666;color:#fff;cursor:pointer;opacity:1}.sm-dash-today-btn.active:hover{background:#2563eb;border-color:#2563eb}@keyframes sm-today-pulse{0%,to{box-shadow:0 2px 8px #3b82f666}50%{box-shadow:0 2px 16px #3b82f699}}.sm-dash-content{align-items:flex-start;display:flex;gap:20px}.sm-dash-left{display:flex;flex:2 1;flex-direction:column;gap:16px;min-width:0}.sm-dash-mid-row,.sm-dash-top-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sm-dash-mid-row{align-items:start}.sm-dash-feeds{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0;overflow:hidden}@media (max-width:960px){.sm-dash-content{flex-direction:column}.sm-dash-feeds,.sm-dash-left{flex:none;width:100%}}@media (max-width:600px){.sm-dash-mid-row,.sm-dash-top-row{grid-template-columns:1fr}}.sm-feed-cards{display:flex;flex-direction:column;gap:8px;max-height:380px;overflow-y:auto;padding:10px 12px}.sm-feed-card{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:14px;transition:background .15s,border-color .15s}.sm-feed-card:hover{background:#f8fafc;background:var(--hover-bg,#f8fafc)}.sm-feed-card.sm-feed-card--emergency{border-color:#ef4444;border-width:1.5px}.sm-feed-card.sm-feed-card--ns{border-color:#a304ff;border-width:1.5px;position:relative}.sm-feed-card.sm-feed-card--ns:after{background:#1e293b;border-radius:4px;bottom:calc(100% + 6px);color:#fff;content:"Not Scheduled";font-size:11px;left:50%;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .15s;white-space:nowrap;z-index:10}.sm-feed-card.sm-feed-card--ns:hover:after{opacity:1}.sm-feed-card.sm-feed-card--big-collection{border-color:#eab308;border-width:1.5px}.sm-feed-icon-collection{background:#fefce8!important;color:#eab308!important}.sm-feed-card-icon{align-items:center;background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:50%;color:#0891b2;color:var(--primary);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:34px;justify-content:center;width:34px}.sm-feed-card--ns .sm-feed-card-icon{background:#f3e8ff;color:#a304ff}.sm-feed-card--emergency .sm-feed-card-icon{background:#fef2f2;color:#ef4444}.sm-feed-card-body{flex:1 1;min-width:0}.sm-feed-card-title{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-feed-emergency{color:#ef4444;font-weight:700}.sm-feed-ns-tag{background:#a304ff}.sm-feed-est-tag,.sm-feed-ns-tag{border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;margin-left:6px;padding:1px 6px;vertical-align:middle}.sm-feed-est-tag{background:#94a3b8}.sm-feed-card--estimate{opacity:.55}.sm-feed-card--estimate .sm-feed-card-icon{background:#f1f5f9!important;color:#94a3b8!important}.sm-feed-card--estimate .sm-feed-card-title{color:#94a3b8}.sm-feed-card--estimate .sm-feed-card-sub{color:#b0b8c4}.sm-feed-card-sub{color:#475569;color:var(--text-secondary);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-feed-card-amount{color:#16a34a;flex-shrink:0;font-size:15px;font-weight:900;white-space:nowrap}.sm-badge{background:#eff6ff;background:var(--primary-light,#eff6ff);border-radius:10px;color:#0891b2;color:var(--primary);font-size:12px;font-weight:600;padding:2px 8px}tr.sm-leader-row td:first-child:before{content:"🥇 "}td.sm-overdue{color:#ef4444;font-weight:600}.sm-helper-text{margin:-10px 0 12px;padding:0 20px 5px}.sm-helper-text,.sm-last-refresh{color:#475569;color:var(--text-secondary);font-size:13px}.sm-filters{padding:16px 20px}.sm-filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sm-range-label{color:#475569;color:var(--text-secondary);font-size:12px;margin:0}.sm-goal-card{margin-bottom:0}.sm-ops-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:960px){.sm-ops-grid{grid-template-columns:1fr}}.sm-coast-label{color:#475569;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.sm-ops-location-card{margin-bottom:20px}.sm-ops-table{table-layout:fixed;width:100%}.sm-ops-table colgroup col:first-child{width:110px}.sm-ops-table colgroup col:nth-child(2),.sm-ops-table colgroup col:nth-child(3){width:130px}.sm-ops-table colgroup col:nth-child(4){width:90px}.sm-ops-day{font-weight:500}.sm-ops-goal-cell{cursor:default}.sm-ops-goal-cell.editable{cursor:pointer}.sm-ops-goal-cell.editable:hover{background:#0000000a;background:var(--bg-hover,#0000000a)}.sm-goal-input{background:var(--bg-secondary);border:1px solid #ec4899;border:1px solid var(--accent,#3b82f6);width:90px}.sm-no-goal,.sm-saving{color:#475569;color:var(--text-secondary);font-size:12px}.sm-saving{font-style:italic}.sm-pct-good{color:#22c55e;font-weight:600}.sm-pct-warn{color:#f59e0b;font-weight:600}.sm-pct-bad{color:#ef4444;font-weight:600}.sm-ops-summary td{background:var(--bg-secondary);border-top:2px solid #e2e8f0;border-top:2px solid var(--border);font-weight:700;padding-bottom:8px;padding-top:8px}.sm-week-nav{margin-bottom:20px;padding:16px 20px}.sm-week-btn{background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:13px;padding:6px 14px;transition:background .15s}.sm-week-btn:hover{background:#0000000f;background:var(--bg-hover,#0000000f)}.sm-week-label{font-size:15px;font-weight:600;min-width:220px;text-align:center}.sm-goals-export-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.sm-totals-card{margin-top:12px;padding:14px 18px}.sm-totals-label{color:#475569;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.sm-totals-row{display:flex;flex-wrap:wrap;gap:24px}.sm-totals-item{display:flex;flex-direction:column;min-width:100px}.sm-totals-heading{color:#475569;color:var(--text-secondary);font-size:11px;margin-bottom:2px}.sm-totals-value{font-size:16px;font-weight:700}.sm-osr-cards-scroll{display:flex;gap:12px;margin-bottom:16px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.sm-osr-cards-scroll::-webkit-scrollbar{height:5px}.sm-osr-cards-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px}.sm-osr-lead-card{background:#fff;background:var(--surface);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-left-width:4px;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;gap:5px;padding:14px 14px 12px;width:320px}.sm-osr-urgency-low{border-left-color:#0891b2;border-left-color:var(--primary)}.sm-osr-urgency-med{border-left-color:#f59e0b}.sm-osr-urgency-high{border-left-color:#ef4444}.sm-osr-card-name{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-osr-card-received{color:#475569;color:var(--text-secondary);font-size:11px}.sm-osr-card-elapsed{align-items:center;display:flex;font-size:13px;font-weight:600;gap:5px;margin:2px 0 4px}.sm-osr-elapsed-low{color:#0891b2;color:var(--primary)}.sm-osr-elapsed-med{color:#d97706}.sm-osr-elapsed-high{color:#ef4444}.sm-osr-elapsed-dot{animation:osr-pulse 1.2s ease-in-out infinite;border-radius:50%;flex-shrink:0;height:7px;width:7px}.sm-osr-elapsed-low .sm-osr-elapsed-dot{background:#0891b2;background:var(--primary)}.sm-osr-elapsed-med .sm-osr-elapsed-dot{background:#d97706}.sm-osr-elapsed-high .sm-osr-elapsed-dot{background:#ef4444}@keyframes osr-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.sm-osr-card-meta{color:#475569;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-osr-two-col{align-items:flex-start;display:flex;gap:16px}.sm-osr-left-col{flex:1 1;min-width:0}.sm-osr-left-col,.sm-osr-right-col{display:flex;flex-direction:column;gap:16px}.sm-osr-right-col{flex-shrink:0;width:420px}.sm-osr-table-card{flex:none}.sm-osr-stats-card{width:100%}.sm-osr-table-scroll{max-height:520px;min-height:300px;overflow-x:auto;overflow-y:auto}.sm-osr-toolbar{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;padding:14px 20px}.sm-osr-search-wrap{align-items:center;display:flex;flex:1 1;min-width:180px;position:relative}.sm-osr-search-icon{color:#475569;color:var(--text-secondary);flex-shrink:0;height:16px;left:10px;pointer-events:none;position:absolute;width:16px}.sm-osr-search-input{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-primary);font-size:13px;outline:none;padding:7px 32px;transition:border-color .15s,box-shadow .15s;width:100%}.sm-osr-search-input::placeholder{color:#475569;color:var(--text-secondary)}.sm-osr-search-input:focus{background:#fff;background:var(--bg-primary,#fff);border-color:#ec4899;border-color:var(--accent,#0071e3);box-shadow:0 0 0 3px #0071e31f}.sm-osr-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;line-height:1;padding:2px 4px;position:absolute;right:8px}.sm-osr-search-clear:hover{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text-primary)}.sm-osr-filter-select{-webkit-appearance:none;appearance:none;background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:13px;outline:none;padding:7px 28px 7px 10px;transition:border-color .15s,box-shadow .15s}.sm-osr-filter-select:focus{background-color:#fff;background-color:var(--bg-primary,#fff);border-color:#ec4899;border-color:var(--accent,#0071e3);box-shadow:0 0 0 3px #0071e31f}.sm-osr-stat-list{display:flex;flex-direction:column;padding:20px}.sm-osr-stat{align-items:baseline;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:9px 0}.sm-osr-stat:last-of-type{border-bottom:none}.sm-osr-stat-divider{height:6px}.sm-osr-stat-label{color:#475569;color:var(--text-secondary);font-size:12px}.sm-osr-stat-value{color:#1e293b;color:var(--text-primary);font-size:18px;font-weight:700}.sm-osr-stats-note{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:11px;margin-top:10px;padding:20px}@media (max-width:900px){.sm-osr-two-col{flex-direction:column}.sm-osr-right-col{width:100%}}.sm-osr-thumb-placeholder{animation:osr-pulse 1.4s ease-in-out infinite;background:#e2e8f0;background:var(--border);border-radius:4px;height:48px;width:48px}.sm-osr-thumb-btn{background:none;border:none;border-radius:4px;cursor:pointer;display:block;line-height:0;overflow:hidden;padding:0;transition:opacity .15s}.sm-osr-thumb-btn:hover{opacity:.8}.sm-osr-thumb{border-radius:4px;display:block;height:48px;object-fit:cover;width:48px}.sm-osr-img-badge{background:none;border:none;border-radius:4px;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;opacity:.7;padding:2px 4px;transition:opacity .15s}.sm-osr-img-badge:hover{opacity:1}.sm-osr-lightbox{align-items:center;background:#000000d1;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9000}.sm-osr-lightbox-img{border-radius:8px;box-shadow:0 24px 80px #0009;max-height:86vh;max-width:90vw;object-fit:contain}.sm-osr-lightbox-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:fixed;right:24px;top:20px;transition:background .15s;width:36px}.sm-osr-lightbox-close:hover{background:#ffffff47}.sm-osr-badge{border-radius:10px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px;white-space:nowrap}.sm-osr-pending{background:#fef9c3;color:#854d0e}.sm-osr-sold{background:#dcfce7;color:#166534}.sm-badge-alert,.sm-osr-lost{background:#fee2e2;color:#991b1b}.sm-osr-leads-table{border-collapse:initial;border-spacing:0}.sm-osr-leads-table tbody tr.sm-osr-clickable-row>td{height:44px}.sm-osr-status-th{background:#f0f0f3;background:var(--table-header-bg,#f0f0f3);z-index:2}.sm-osr-status-cell,.sm-osr-status-th{box-shadow:-2px 0 6px #0000000f;min-width:84px;position:-webkit-sticky;position:sticky;right:0;text-align:center}.sm-osr-status-cell{font-size:12px;font-weight:700;letter-spacing:.03em;-webkit-user-select:none;user-select:none;z-index:1}.sm-osr-status-cell.sm-osr-status-pending{background:#fef3c7;color:#92400e}.sm-osr-status-cell.sm-osr-status-sold{background:#d1fae5;color:#065f46}.sm-osr-status-cell.sm-osr-status-lost{background:#fee2e2;color:#991b1b}.sm-osr-status-cell.clickable{cursor:pointer}.sm-osr-status-cell.clickable:hover{filter:brightness(.93)}.sm-osr-status-dropdown{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px #00000024;min-width:110px;overflow:hidden;z-index:9999}.sm-osr-status-dropdown button{background:none;border:none;color:#1e293b;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;font-weight:500;padding:10px 16px;text-align:left;width:100%}.sm-osr-status-dropdown button:hover{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7)}.sm-osr-bogus-notes-cell{cursor:default;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-fb-expanded-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.sm-fb-expanded-field{display:flex;flex-direction:column;font-size:13px;gap:4px}.sm-fb-ratings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sm-fb-rating-block{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:12px 14px}.sm-fb-message{color:#1e293b;color:var(--text-primary);font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.sm-fb-access-wrap{position:relative}.sm-fb-access-btn{align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:background .15s}.sm-fb-access-btn:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.sm-fb-access-btn svg{color:#475569;color:var(--text-secondary)}.sm-fb-access-dropdown{background:#fff;background:var(--card-bg,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:240px;padding:6px 0;position:absolute;right:0;top:calc(100% + 6px);z-index:50}.sm-fb-access-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);font-size:11px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;padding:8px 14px 6px;text-transform:uppercase}.sm-fb-access-empty,.sm-fb-access-header{color:#475569;color:var(--text-secondary)}.sm-fb-access-empty{font-size:13px;padding:12px 14px;text-align:center}.sm-fb-access-item{align-items:center;color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 14px;transition:background .1s}.sm-fb-access-item:hover{background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.sm-fb-access-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.sm-osr-bogus-notice{background:#fef9c3;border:1px solid #fde68a;border-radius:6px;color:#475569;color:var(--text-secondary);font-size:12px;margin:0 0 12px;padding:6px 10px}.sm-osr-recover-btn{background:#f5f5f7;background:var(--bg-secondary,#f5f5f7);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:5px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.sm-osr-recover-btn:hover:not(:disabled){background:#0891b2;background:var(--primary,#0071e3);border-color:#0000;color:#fff}.sm-osr-recover-btn:disabled{cursor:default;opacity:.5}@keyframes sm-toast-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sm-osr-sold-toast{animation:sm-toast-in .3s ease forwards;background:#fff;border:1.5px solid #22c55e;border-radius:12px;bottom:28px;box-shadow:0 8px 32px #0000002e;max-width:400px;min-width:300px;padding:16px 40px 16px 18px;position:fixed;right:28px;z-index:10000}.sm-osr-sold-toast-title{color:#15803d;font-size:15px;font-weight:700;margin-bottom:6px}.sm-osr-sold-toast-msg{color:#475569;color:var(--text-secondary);font-size:13px;line-height:1.45}.sm-osr-sold-toast-close{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:0;position:absolute;right:12px;top:10px}.sm-osr-sold-toast-close:hover{color:#1e293b;color:var(--text-primary)}.sm-osr-lost-toast{animation:sm-toast-in .3s ease forwards;background:#111;border:1.5px solid #ef4444;border-radius:12px;bottom:28px;box-shadow:0 8px 32px #00000059;max-width:420px;min-width:300px;padding:14px 40px 14px 14px;position:fixed;right:28px;z-index:10000}.sm-osr-lost-toast-title{color:#f87171;font-size:14px;font-weight:700;margin-bottom:10px}.sm-osr-lost-toast-video{border-radius:8px;display:block;width:100%}.sm-osr-spam-cell{text-align:center}.sm-osr-spam-cell input[type=checkbox]{accent-color:#ef4444;cursor:pointer;height:15px;width:15px}.sm-osr-clickable-row{cursor:pointer}.sm-osr-clickable-row:hover>td:not(.sm-osr-status-cell){background:rgba(0,0,0,.025)}.sm-osr-clickable-row>td{transition:background .1s}.sm-osr-expanded-cell{padding:0!important}.sm-osr-expanded-inner{background:#f7f7f9;background:var(--bg-secondary,#f7f7f9);border-top:2px solid #ec4899;border-top:2px solid var(--accent,#0071e3);padding:20px 24px 24px}.sm-osr-expanded-grid{grid-gap:16px 28px;display:grid;gap:16px 28px;grid-template-columns:repeat(2,minmax(0,220px))}.sm-osr-expanded-notes{grid-column:1/-1;max-width:560px}.sm-osr-expanded-field{display:flex;flex-direction:column;gap:5px}.sm-osr-expanded-field-label{color:#475569;color:var(--text-secondary);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.sm-osr-expanded-img{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:18px;padding-top:18px}.sm-osr-thumb-lg{border-radius:6px;display:block;height:120px;object-fit:cover;width:120px}.sm-osr-ai-banner{align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;color:#78350f;display:flex;font-size:13px;gap:10px;line-height:1.4;margin-bottom:18px;padding:10px 14px}.sm-osr-inline-wrap{align-items:flex-start;display:flex;gap:6px}.sm-osr-inline-wrap .sm-osr-inline-display{flex:1 1;min-width:0}.sm-osr-copy-btn{align-items:center;background:none;border:none;border-radius:4px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:22px;justify-content:center;opacity:0;transition:opacity .15s,background .15s,color .15s;width:22px}.sm-osr-inline-wrap:hover .sm-osr-copy-btn{opacity:1}.sm-osr-copy-btn:hover{background:#00000012;color:#1e293b;color:var(--text-primary)}.sm-osr-copy-btn.copied{color:#059669;opacity:1}.sm-osr-inline-display{border-radius:4px;cursor:text;display:block;font-size:13px;line-height:1.4;margin:-2px -5px;min-height:22px;padding:2px 5px;transition:background .1s}.sm-osr-inline-display:hover{background:#0000000f}.sm-osr-inline-empty{color:#475569;color:var(--text-secondary);font-style:italic}.sm-osr-inline-input{background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #ec4899;border:1.5px solid var(--accent,#0071e3);border-radius:4px;box-shadow:0 0 0 3px #0071e31f;box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-size:13px;outline:none;padding:4px 7px;width:100%}textarea.sm-osr-inline-input{min-height:64px;resize:vertical}@media (max-width:700px){.sm-osr-expanded-grid{grid-template-columns:1fr 1fr}.sm-osr-expanded-notes{grid-column:1/-1}}@media (max-width:480px){.sm-osr-expanded-grid{grid-template-columns:1fr}}.sm-error-card{background:#fef2f2;border-color:#fca5a5;padding:20px}.sm-error-card p{color:#7f1d1d;margin:0 0 6px}.tab-loading{color:#475569;color:var(--text-secondary);font-size:14px;padding:40px;text-align:center}.sm-skeleton-loader{align-items:center;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:80px 20px}.sm-skeleton-spinner{animation:sm-spin .8s linear infinite;border:3px solid #e2e8f0;border-top-color:#0891b2;border:3px solid var(--border,#e2e8f0);border-radius:50%;border-top-color:var(--primary,#3b82f6);height:36px;width:36px}@keyframes sm-spin{to{transform:rotate(1turn)}}.sm-skeleton-text{color:#1e293b;color:var(--text-primary);font-size:15px;font-weight:600}.sm-skeleton-sub{animation:sm-pulse 1.5s ease-in-out infinite;color:#475569;color:var(--text-secondary);font-size:13px}@keyframes sm-pulse{0%,to{opacity:1}50%{opacity:.4}}.sm-pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);color:#475569;color:var(--text-secondary);display:flex;font-size:13px;gap:12px;justify-content:center;padding:12px 16px}.sm-pagination button{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:13px;padding:5px 14px;transition:background .15s}.sm-pagination button:hover:not(:disabled){background:#f1f5f9;background:var(--hover-bg,#f1f5f9)}.sm-pagination button:disabled{cursor:default;opacity:.4}.table-responsive{overflow-x:auto}.sm-stat-sub{color:#475569;color:var(--text-secondary);font-size:14px;margin-top:2px}.sm-stat-tags{margin-left:8px}.sm-stat-tag{border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-left:4px;padding:1px 7px;vertical-align:middle}.sm-stat-tag--est{background:#94a3b8}.sm-stat-tag--ns{background:#a304ff}.sm-stat-tag--ret{background:#3b82f6}.sm-stat-yesterday{color:#475569;color:var(--text-secondary);font-size:12px;margin-top:6px;opacity:.7}.sm-new-tag{background:#dcfce7;border-radius:8px;color:#166534;font-size:10px;font-weight:700;margin-left:6px;padding:1px 5px}.sm-customer-new{color:#16a34a;font-size:12px;font-weight:600}.sm-customer-returning{color:#475569;color:var(--text-secondary);font-size:12px}.sm-amount-positive{color:#16a34a;font-weight:600}.sm-points-cell{color:#0891b2;color:var(--primary);font-weight:700}.sm-lb-header{flex-wrap:wrap;row-gap:8px}.sm-lb-tabs{display:flex;gap:4px}.sm-lb-tab{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:background .15s,color .15s,border-color .15s}.sm-lb-tab:hover{background:var(--bg-hover);color:#1e293b;color:var(--text-primary)}.sm-lb-tab.active{background:#0891b2;background:var(--primary);border-color:#0891b2;border-color:var(--primary);color:#fff}tr.sm-goals-total-row td{background:var(--bg-secondary);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);border-top:2px solid #e2e8f0;border-top:2px solid var(--border)}.sm-progress-row{align-items:center;display:flex;gap:8px}.sm-progress-wrap{background:#e2e8f0;background:var(--border);border-radius:4px;flex:1 1;height:8px;min-width:60px;overflow:hidden}.sm-progress-bar{background:#0891b2;background:var(--primary);border-radius:4px;height:100%;transition:width .4s ease}.sm-progress-bar.complete{background:#16a34a}.sm-progress-pct{color:#475569;color:var(--text-secondary);font-size:12px;min-width:34px;text-align:right;white-space:nowrap}.sm-goal-display{align-items:center;display:inline-flex;gap:6px}.sm-goal-edit-btn{background:none;border:none;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;opacity:.6;padding:0 2px}.sm-goal-edit-btn:hover{color:#0891b2;color:var(--primary);opacity:1}.sm-goal-edit-row{align-items:center;display:inline-flex;gap:4px}.sm-goal-input{background:var(--bg-primary);border:1px solid #0891b2;border:1px solid var(--primary);border-radius:4px;color:#1e293b;color:var(--text-primary);font-size:13px;padding:2px 6px;width:64px}.sm-goal-save-btn{background:#0891b2;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:2px 7px}.sm-goal-save-btn:disabled{cursor:not-allowed;opacity:.5}.sm-goal-cancel-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:2px 7px}.sm-feed-table-wrap{max-height:400px;overflow-y:auto}.sm-loc-tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px}.sm-loc-tab{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 14px;transition:background .15s,color .15s,border-color .15s}.sm-loc-tab:hover{background:var(--bg-hover);color:#1e293b;color:var(--text-primary)}.sm-loc-tab.active{background:#0891b2;background:var(--primary);border-color:#0891b2;border-color:var(--primary);color:#fff}.sm-loc-tab-count{background:#e2e8f0;background:var(--border);border-radius:10px;color:#475569;color:var(--text-secondary);font-size:11px;font-weight:600;padding:1px 7px}.sm-loc-tab.active .sm-loc-tab-count{background:#ffffff40;color:#fff}.sm-tp-card{background:#fff;background:var(--surface);display:flex;flex-direction:column}.sm-tp-section{padding:20px 24px}.sm-tp-divider{background:#e2e8f0;background:var(--border);height:1px;margin:0 24px}.sm-tp-label{color:#475569;color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.sm-tp-name{color:#1e293b;color:var(--text-primary);font-weight:800;line-height:1;margin-bottom:8px}.sm-tp-name,.sm-tp-name-week{font-size:45px}.sm-tp-stats{color:#1e293b;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:6px}.sm-tp-compare{font-size:12px;opacity:.75}.sm-tp-compare,.sm-tp-empty{color:#475569;color:var(--text-secondary)}.sm-tp-empty{font-size:14px;font-style:italic}.order-detail-page{display:grid;grid-template-columns:1fr minmax(300px,360px);height:calc(100vh - 60px);padding:0}.order-detail-page,.order-left-panel{background:#fff;max-height:calc(100vh - 60px);overflow:hidden}.order-left-panel{border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%}.order-header-section{border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:16px 24px}.order-header-columns{display:flex;gap:16px}.order-header-left{flex:1 1;min-width:0}.order-header-right{display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:-16px;margin-right:-24px;width:350px}.order-header-actions{display:flex;gap:8px;justify-content:flex-end;padding-right:24px}.order-header-statuses{display:flex;flex:1 1;position:relative}.status-box-wrapper{display:flex;flex:1 1}.status-box{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;justify-content:center;padding:8px 14px;position:relative;transition:all .15s;width:100%}.status-box-wrapper:first-child .status-box{border-right:none}.status-box:hover{filter:brightness(.95)}.status-box-label{color:#94a3b8;font-size:.65em;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.status-box-value{color:#1e293b;font-size:.95em;font-weight:700}.status-box-chevron{color:#94a3b8;font-size:.7em;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s}.status-box.status-estimate{background:#fef3c7;border-color:#f59e0b}.status-box.status-estimate .status-box-label,.status-box.status-estimate .status-box-value{color:#92400e}.status-box.status-estimate .status-box-chevron{color:#b45309}.status-box.status-repair_order{background:#dbeafe;border-color:#3b82f6}.status-box.status-repair_order .status-box-label,.status-box.status-repair_order .status-box-value{color:#1e40af}.status-box.status-repair_order .status-box-chevron{color:#2563eb}.status-box.status-invoice{background:#d1fae5;border-color:#10b981}.status-box.status-invoice .status-box-label,.status-box.status-invoice .status-box-value{color:#065f46}.status-box.status-invoice .status-box-chevron{color:#059669}.status-box.status-archive{background:#e2e8f0;border-color:#94a3b8}.status-box.status-archive .status-box-label,.status-box.status-archive .status-box-value{color:#475569}.status-box.status-archive .status-box-chevron{color:#64748b}.status-box.workflow-border-estimate{border-color:#f59e0b}.status-box.workflow-border-repair_order{border-color:#3b82f6}.status-box.workflow-border-invoice{border-color:#10b981}.status-box.workflow-border-archive{border-color:#94a3b8}.status-box-chevron.open{transform:translateY(-50%) rotate(180deg)}.status-box-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;margin-top:0;padding:4px;position:absolute;right:0;top:100%;z-index:100}.status-box-option{align-items:center;background:none;border:none;border-radius:4px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:.85em;gap:8px;padding:8px 12px;text-align:left;width:100%}.status-option-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-box-option .workflow-type-badge{flex-shrink:0;margin-left:auto}.status-box-dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.status-box-edit-link{color:#64748b!important;font-size:.8em!important;font-style:italic}.status-box-edit-link:hover{color:#3b82f6!important}.status-box-option:hover{background:#f1f5f9}.action-top-bar{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:10px 24px}.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-kebab-wrapper{position:relative}.btn-kebab{align-items:center;display:flex;font-size:20px;justify-content:center;letter-spacing:1px;line-height:1;min-width:36px;padding:8px 10px!important}.order-kebab-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001f;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.kebab-option{background:none;border:none;color:#334155;cursor:pointer;display:block;font-size:14px;padding:10px 16px;text-align:left;width:100%}.kebab-option:hover{background:#f8fafc}.kebab-option-danger{color:#dc2626}.kebab-option-danger:hover{background:#fef2f2}.order-header-info{align-items:baseline;display:flex;flex:1 1;gap:0;min-width:0}.order-number{line-height:1.2;margin:0}.order-number,.order-title-separator{color:#0f172a;flex-shrink:0;font-size:1.4em;font-weight:700}.order-title-separator{margin:0 4px}.complaint-field{align-items:baseline;display:inline-flex;flex:1 1;gap:8px;min-width:0}.complaint-input{background:#0000;border:none;border-radius:0;color:#0f172a;flex:1 1;font-size:1.4em;font-weight:700;line-height:1.2;min-width:100px;padding:0}.complaint-input:focus{border:none;box-shadow:none;outline:none}.complaint-input:disabled{background:#0000;color:#0f172a}.complaint-input::placeholder{color:#94a3b8;font-weight:400}.complaint-saving{color:#64748b;flex-shrink:0;font-size:.8em;font-style:italic}.order-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tag{background:#f1f5f9;border-radius:16px;color:#475569;display:inline-block;font-size:.85em;font-weight:500;padding:4px 12px}.tag-user{background:#f3e8ff;color:#6b21a8}.order-right-panel{align-self:flex-start;background:#fff;display:flex;flex-direction:column;height:calc(100vh - 60px);margin:0;max-height:calc(100vh - 60px);overflow:hidden;padding:0;position:-webkit-sticky;position:sticky;top:0}.collapsible-sections{flex:1 1;margin:0;overflow-y:auto;padding:0;position:relative;z-index:1}.collapsible-section{background:#fff;border-bottom:1px solid #e2e8f0;position:relative}.collapsible-section.expanded{background:#fff;z-index:10}.collapsible-section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:background .2s}.collapsible-section-header:hover{background:#f8fafc}.collapsible-section-header.non-collapsible{cursor:default}.collapsible-section-header.non-collapsible:hover{background:#0000}.collapsible-section.always-open{display:flex;flex:1 1;flex-direction:column}.section-header-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.section-chevron{color:#94a3b8;flex-shrink:0;font-size:.7em;transition:transform .2s}.section-chevron.open{transform:rotate(180deg)}.collapsible-section-content{background:#f8fafc;max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease-out,padding .3s ease-out,overflow 0s .3s}.collapsible-section.expanded .collapsible-section-content{border-top:1px solid #e2e8f0;max-height:3000px;overflow:visible;padding:16px 20px;transition:max-height .3s ease-in,padding .3s ease-in,overflow 0s 0s}.collapsible-section.expanded .collapsible-section-content.order-info-content{max-height:1500px}.section-content-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.vessel-name-inline-input{background:none;border:none;border-bottom:1px solid #0000;color:#10b981;flex:1 1;font-size:18px;font-weight:700;min-width:0;outline:none;padding:2px 0;transition:border-color .15s}.vessel-name-inline-input::placeholder{color:#94a3b8;font-style:italic;font-weight:400}.vessel-name-inline-input:hover{border-bottom-color:#cbd5e1}.vessel-name-inline-input:focus{border-bottom-color:#10b981}.section-content-header-actions{align-items:center;display:flex;gap:4px}.customer-tags-row .section-content-header-actions{position:absolute;right:0;top:0}.btn-icon-action{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px}.btn-icon-action:hover{background:#e2e8f0;color:#475569}.dropdown-menu-wrapper{position:relative}.dropdown-menu-backdrop{inset:0;position:fixed;z-index:99}.dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:160px;padding:4px;position:absolute;right:0;top:100%;z-index:100}.dropdown-menu-item{background:none;border:none;border-radius:4px;color:#1e293b;cursor:pointer;display:block;font-size:13px;padding:8px 12px;text-align:left;width:100%}.dropdown-menu-item:hover{background:#f1f5f9}.dropdown-menu-item.danger{color:#ef4444}.dropdown-menu-item.danger:hover{background:#fef2f2}.assignment-field-wrapper{position:relative}.assigned-user-name{color:#10b981;font-weight:500}.assigned-user-name.clickable{cursor:pointer}.assigned-user-name.clickable:hover{text-decoration:underline}.assignment-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.assignment-search-input{border:none;border-bottom:1px solid #e2e8f0;box-sizing:border-box;font-size:13px;outline:none;padding:8px 12px;width:100%}.assignment-search-input::placeholder{color:#94a3b8}.assignment-list{max-height:200px;overflow-y:auto}.assignment-item{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.assignment-item:hover{background:#f1f5f9}.assignment-item.selected{background:#f0fdf4}.assignment-check{color:#10b981;font-size:14px;font-weight:600}.assignment-role{color:#94a3b8;font-size:11px;text-transform:capitalize}.customer-tags-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:15px;padding-right:56px;position:relative}.field-with-copy{display:flex;flex-direction:column;gap:4px}.contact-line-with-copy{align-items:center;display:flex;gap:8px;justify-content:right}.contact-field-wrapper{margin-bottom:12px}.contact-field-wrapper .sidebar-field{margin-bottom:0}.contact-line-with-copy a{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-copy-inline{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;height:18px;justify-content:center;padding:2px;width:18px}.btn-copy-inline img{height:16px;width:16px}.btn-copy-inline .copy-icon-hover,.btn-copy-inline:hover .copy-icon-default{display:none}.btn-copy-inline:hover .copy-icon-hover{display:inline}.section-actions{border-top:1px solid #e2e8f0;display:flex;gap:8px;margin-top:16px;padding-top:16px}.btn-section-action{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.85em;font-weight:500;padding:8px 12px;transition:all .2s}.btn-section-action:hover{background:#e2e8f0}.btn-section-action.danger{color:#ef4444}.btn-section-action.danger:hover{background:#fef2f2;border-color:#fecaca}.vessel-section-group .sidebar-field{margin-bottom:8px}.field-na{color:#94a3b8;font-style:italic}.vessel-engines-section{border-top:1px solid #e2e8f0;margin:8px 0 12px;padding-top:12px}.vessel-engines-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.vessel-engines-header label{color:#0f172a;font-size:.85em;font-weight:600}.btn-save-engines{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;font-weight:500;padding:4px 12px;transition:background .15s}.btn-save-engines:hover{background:#059669}.btn-save-engines:disabled{background:#94a3b8;cursor:not-allowed}.engine-card{border-top:1px solid #e2e8f0;padding:10px 0 6px}.engine-card:first-child{border-top:none;padding-top:0}.engine-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.engine-card-title{color:#10b981;font-size:.85em;font-weight:600}.engine-card-title.clickable{cursor:pointer}.engine-card-title.clickable:hover{text-decoration:underline}.engine-card-actions{align-items:center;display:flex;gap:6px}.btn-engine-search-cancel{background:none;border:none;color:#94a3b8;cursor:pointer;display:block;font-size:.8em;margin-top:4px;padding:6px;text-align:center;width:100%}.btn-engine-search-cancel:hover{color:#64748b}.engine-search-area{margin-bottom:10px;position:relative}.engine-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-family:inherit;font-size:.85em;padding:6px 10px;width:100%}.engine-search-input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a;outline:none}.engine-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:4px;max-height:180px;overflow-y:auto}.engine-search-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:8px 10px;transition:background .15s}.engine-search-item:last-child{border-bottom:none}.engine-search-item:hover{background:#f0fdf4}.engine-search-item.create-new{align-items:center;border-top:1px solid #e2e8f0;color:#10b981;display:flex;font-weight:500;gap:4px}.engine-search-item.create-new .create-icon{font-size:1.1em;font-weight:600}.btn-add-engine{background:#f0fdf4;border:1px dashed #10b981;border-radius:6px;color:#166534;cursor:pointer;font-size:.85em;font-weight:500;margin-top:4px;padding:8px;transition:all .15s;width:100%}.btn-add-engine:hover{background:#dcfce7;border-style:solid}.empty-vessel{color:#94a3b8;padding:20px;text-align:center}.empty-vessel p{font-style:italic;margin:0}.service-history-item{border-bottom:1px solid #f1f5f9;border-radius:4px;cursor:pointer;padding:8px 0;transition:background .15s}.service-history-item:last-child{border-bottom:none}.service-history-item:hover{background:#f8fafc}.service-history-item.current{background:#f0fdf4;border-left:3px solid #10b981;cursor:default;padding-left:8px}.service-history-info{align-items:center;display:flex;gap:8px;margin-bottom:2px}.service-history-number{color:#1e293b;font-size:.85em;font-weight:600}.service-history-status{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.75em;padding:1px 6px}.service-history-meta{align-items:center;color:#94a3b8;display:flex;font-size:.75em;gap:8px}.service-history-date{color:#94a3b8}.customer-vessel-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;justify-content:space-between;padding:10px 0}.customer-vessel-item:last-child{border-bottom:none}.customer-vessel-item.archived{opacity:.45}.customer-vessel-info{align-items:flex-start;display:flex;flex:1 1;gap:8px;min-width:0}.customer-vessel-icon{align-items:center;background:#f0fdf4;border-radius:6px;color:#10b981;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:1px;width:28px}.customer-vessel-details{flex:1 1;min-width:0}.customer-vessel-name{color:#10b981;font-size:.85em;font-weight:600;line-height:1.2}.customer-vessel-spec{color:#0f172a;font-size:.8em;font-weight:500;line-height:1.3}.customer-vessel-meta{color:#64748b;font-size:.75em;line-height:1.3;margin-top:1px}.customer-vessel-actions{align-items:center;display:flex;flex-shrink:0;gap:4px}.btn-assign-vessel{background:#f0fdf4;border:1px solid #10b981;border-radius:4px;color:#166534;cursor:pointer;font-size:.7em;font-weight:500;padding:3px 8px;transition:all .15s;white-space:nowrap}.btn-assign-vessel:hover{background:#dcfce7}.vessel-assigned-badge{background:#f0fdf4;border:1px solid #d1fae5;border-radius:4px;color:#10b981;font-size:.7em;font-weight:500;padding:3px 8px;white-space:nowrap}.confirm-modal{box-shadow:0 20px 60px #0003;max-width:380px;overflow:hidden;padding:0;width:90%}.confirm-modal-header{border-bottom:1px solid #e2e8f0;color:#0f172a;font-size:1em;font-weight:600;padding:16px 20px}.confirm-modal-body{color:#475569;font-size:.9em;line-height:1.5;padding:16px 20px}.confirm-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.btn-confirm-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85em;padding:6px 14px}.btn-confirm-cancel:hover{background:#f1f5f9}.btn-confirm-action{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85em;font-weight:500;padding:6px 14px}.btn-confirm-action:hover{background:#d97706}.btn-confirm-action.danger{background:#ef4444}.btn-confirm-action.danger:hover{background:#dc2626}.auth-modal{border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:560px;overflow:hidden;width:95%}.auth-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.auth-modal-header h3{color:#1e293b;font-size:1em;font-weight:600;margin:0}.auth-modal-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:0 4px}.auth-modal-close:hover{color:#475569}.auth-modal-body{flex:1 1;overflow-y:auto;padding:16px 20px}.auth-modal-section{margin-bottom:16px}.auth-modal-section-title{color:#64748b;font-size:.8em;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.auth-modal-services-list{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.auth-modal-service-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:10px 12px}.auth-modal-service-row:last-child{border-bottom:none}.auth-svc-name{color:#334155;flex:1 1;font-size:.9em;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-svc-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.auth-svc-total{color:#475569;font-size:.85em;font-weight:600;min-width:70px;text-align:right}.auth-svc-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .15s;width:30px}.auth-svc-btn:hover{border-color:#cbd5e1}.auth-svc-decline.selected{background:#fef2f2;border-color:#ef4444;color:#ef4444}.auth-svc-approve.selected{background:#f0fdf4;border-color:#22c55e;color:#22c55e}.auth-modal-service-row.auth-svc-locked{opacity:.55;pointer-events:none}.auth-svc-locked-badge{border-radius:3px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.4px;margin-left:8px;padding:1px 6px;text-transform:uppercase;vertical-align:middle}.auth-svc-locked-badge.approved{background:#dcfce7;color:#166534}.auth-svc-locked-badge.declined{background:#fee2e2;color:#991b1b}.auth-modal-details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-detail-field{display:flex;flex-direction:column;gap:4px;min-width:0}.auth-detail-field label{color:#64748b;font-size:.8em;font-weight:500}.auth-detail-field input,.auth-detail-field select,.auth-detail-field textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#334155;font-size:.9em;padding:8px 10px;width:100%}.auth-detail-field input:focus,.auth-detail-field select:focus,.auth-detail-field textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.auth-detail-full{grid-column:1/-1}.auth-method-options{border:1px solid #d1d5db;border-radius:6px;display:flex;gap:0;overflow:hidden}.auth-method-btn{background:#fff;border:none;border-right:1px solid #d1d5db;color:#374151;cursor:pointer;flex:1 1;font-size:13px;padding:8px 12px;transition:background .15s,color .15s}.auth-method-btn:last-child{border-right:none}.auth-method-btn:hover{background:#f3f4f6}.auth-method-btn.active{background:#2563eb;color:#fff}.auth-method-btn.active:hover{background:#1d4ed8}.auth-readonly-input{background:#f8fafc!important;color:#64748b!important;cursor:default}.auth-picker-wrapper{position:relative}.auth-picker-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;font-size:.9em;padding:8px 10px;text-align:left;width:100%}.auth-picker-btn:hover{border-color:#cbd5e1}.auth-time-row{display:flex;gap:8px}.auth-time-row .auth-picker-btn,.auth-time-row .auth-time-input{flex:1 1}.auth-time-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:text;font-size:.9em;padding:8px 10px}.auth-time-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626;outline:none}.auth-now-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.85em;font-weight:500;padding:8px 12px;white-space:nowrap}.auth-now-btn:hover{background:#e2e8f0}.auth-calendar-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;padding:12px;position:absolute;top:calc(100% + 4px);width:260px;z-index:300}.auth-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.auth-calendar-header span{color:#1e293b;font-size:.9em;font-weight:600}.auth-calendar-header button{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:18px;padding:2px 8px}.auth-calendar-header button:hover{background:#f1f5f9;color:#334155}.auth-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px;text-align:center}.auth-calendar-weekdays span{color:#94a3b8;font-size:.75em;font-weight:600;padding:4px 0}.auth-calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.auth-cal-day,.auth-cal-empty{height:34px;width:34px}.auth-cal-day{align-items:center;background:none;border:none;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:.85em;justify-content:center}.auth-cal-day:hover{background:#f1f5f9}.auth-cal-day.today{color:#3b82f6;font-weight:700}.auth-cal-day.selected{background:#3b82f6;color:#fff;font-weight:600}.auth-cal-day.selected:hover{background:#2563eb}.auth-time-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.auth-time-option{background:none;border:none;color:#334155;cursor:pointer;display:block;font-size:.85em;padding:8px 12px;text-align:left;width:100%}.auth-time-option:hover{background:#f1f5f9}.auth-time-option.selected{background:#eff6ff;color:#3b82f6;font-weight:600}.auth-received-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.auth-received-search{border:none;border-bottom:1px solid #e2e8f0;box-sizing:border-box;font-size:.85em;outline:none;padding:8px 12px;width:100%}.auth-received-list{max-height:180px;overflow-y:auto}.auth-received-option{background:none;border:none;color:#334155;cursor:pointer;display:block;font-size:.85em;padding:8px 12px;text-align:left;width:100%}.auth-received-option:hover{background:#f1f5f9}.auth-received-option.selected{background:#eff6ff;color:#3b82f6;font-weight:600}.auth-modal-total-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-top:4px;padding:12px 14px}.auth-total-label{color:#334155;font-size:.9em;font-weight:600}.auth-total-value-wrapper{position:relative}.auth-total-value{color:#1e293b;cursor:default;font-size:1.05em;font-weight:700}.auth-total-tooltip{background:#1e293b;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0003;color:#e2e8f0;display:none;min-width:220px;padding:10px 14px;position:absolute;right:0;z-index:200}.auth-total-value-wrapper:hover .auth-total-tooltip{display:block}.auth-total-tooltip .tooltip-row{display:flex;font-size:.85em;gap:16px;justify-content:space-between;padding:3px 0}.auth-total-tooltip .tooltip-label{color:#cbd5e1}.auth-total-tooltip .tooltip-value{color:#fff;font-weight:600}.auth-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.auth-history-empty{color:#94a3b8;font-size:13px;padding:8px 0}.auth-history-list{display:flex;flex-direction:column;gap:8px}.auth-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:12px;transition:border-color .15s,box-shadow .15s}.auth-history-card:hover{border-color:#93c5fd;box-shadow:0 1px 4px #3b82f61a}.auth-history-group{position:relative}.auth-history-group+.auth-history-group{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px}.auth-history-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:2px 8px;text-transform:uppercase}.auth-history-badge.approved{background:#dcfce7;color:#166534}.auth-history-badge.declined{background:#fee2e2;color:#991b1b}.auth-history-badge.reverted{background:#f1f5f9;color:#64748b}.auth-history-reverted{opacity:.6}.auth-history-amount.reverted-amount{color:#94a3b8;text-decoration:line-through}.auth-history-service-names{color:#1e293b;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:2px}.auth-history-meta{color:#64748b;font-size:12px;margin-bottom:2px}.auth-history-date{color:#94a3b8;font-size:11px}.auth-history-amount{color:#166534;font-size:14px;font-weight:700;position:absolute;right:0;top:0}.auth-history-amount.declined-amount{color:#991b1b}.auth-detail-modal{border-radius:12px;max-width:520px;overflow:hidden;width:95%}.auth-detail-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.auth-detail-modal-header h3{color:#1e293b;font-size:16px;font-weight:700;margin:0}.auth-detail-modal-body{max-height:65vh;overflow-y:auto;padding:20px}.auth-detail-section{margin-bottom:20px}.auth-detail-section:last-child{margin-bottom:0}.auth-detail-section-title{color:#64748b;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.auth-detail-svc-group{margin-bottom:12px}.auth-detail-svc-group:last-child{margin-bottom:0}.auth-detail-svc-label{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.auth-detail-svc-label.approved{background:#dcfce7;color:#166534}.auth-detail-svc-label.declined{background:#fee2e2;color:#991b1b}.auth-detail-svc-label.reverted{background:#f1f5f9;color:#64748b}.auth-detail-svc-amount.reverted-amount,.auth-detail-svc-subtotal.reverted-amount span{color:#94a3b8;text-decoration:line-through}.auth-detail-svc-row{align-items:center;color:#374151;display:flex;font-size:13px;justify-content:space-between;padding:6px 0}.auth-detail-svc-row+.auth-detail-svc-row{border-top:1px solid #f1f5f9}.auth-detail-svc-name{font-weight:500}.auth-detail-svc-amount{color:#166534;font-weight:600}.auth-detail-svc-amount.declined-amount,.auth-detail-svc-subtotal.declined-amount span{color:#991b1b}.auth-detail-svc-subtotal{border-top:1px solid #e2e8f0!important;font-weight:700;margin-top:4px;padding-top:8px}.auth-detail-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.auth-detail-info-item{display:flex;flex-direction:column;gap:2px}.auth-detail-info-label{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.auth-detail-info-value{color:#1e293b;font-size:13px;font-weight:500}.auth-detail-note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:13px;line-height:1.5;padding:10px 12px;white-space:pre-wrap}.auth-detail-modal-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:14px 20px}.order-info-section-sidebar{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px}.entity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.entity-icon.customer-icon{background:#dbeafe;color:#2563eb}.entity-icon.vessel-icon{background:#d1fae5;color:#059669}.entity-icon.order-icon{background:#fef3c7;color:#d97706}.entity-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.entity-label{color:#10b981;font-size:.75em;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-label.membership-label{font-size:.7em;font-weight:600;letter-spacing:.02em}.vessel-section-group{padding-bottom:8px}.vessel-section-group .section-actions{margin-top:12px}.field-editable-value{color:#10b981;cursor:pointer;font-weight:500;transition:opacity .15s}.field-editable-value:hover{opacity:.7}.field-add-link{color:#10b981;transition:opacity .15s}.field-add-link:hover{opacity:.7}.field-edit-row{align-items:center;display:flex;gap:8px;padding:6px 0 8px}.field-edit-input{background:#fff;border:1px solid #10b981;border-radius:4px;color:#0f172a;flex:1 1;font-family:inherit;font-size:.9em;outline:none;padding:6px 10px;width:100%}.field-edit-input:focus{box-shadow:0 0 0 2px #10b98126}.field-edit-input::placeholder{color:#94a3b8}.btn-field-done{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85em;font-weight:500;padding:6px 14px;white-space:nowrap}.btn-field-done:hover{background:#059669}.address-field-wrapper{margin-bottom:12px}.address-field-wrapper .sidebar-field{margin-bottom:0}.address-edit-fields{display:flex;flex-direction:column;gap:6px;padding:6px 0 4px}.address-edit-fields .field-edit-input{box-sizing:border-box;width:100%}.address-edit-row{display:flex;gap:6px}.address-edit-row .field-edit-input{flex:1 1;min-width:0}.address-edit-row .address-state-input{flex:0 0 55px}.address-edit-row .address-zip-input{flex:0 0 70px}.entity-name{color:#0f172a;font-size:.9em;font-weight:600}.entity-name,.entity-subtext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entity-subtext{color:#64748b;font-size:.8em}.entity-chevron{color:#94a3b8;font-size:.65em;transition:transform .2s}.entity-chevron.open{transform:rotate(180deg)}.entity-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001f;left:0;margin-top:4px;min-width:260px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.entity-dropdown-content{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;padding:12px 14px}.entity-contact-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.contact-info .contact-label{color:#94a3b8;font-size:.75em;letter-spacing:.5px;text-transform:uppercase}.contact-info .contact-value{color:#0ea5e9;font-size:.9em;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.contact-info .contact-value:hover{text-decoration:underline}.btn-copy{background:none;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.85em;padding:6px 10px;transition:all .2s}.btn-copy:hover{background:#f1f5f9;border-color:#cbd5e1}.entity-dropdown-actions{border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:10px 14px}.btn-entity-action{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.8em;font-weight:500;padding:7px 10px;transition:all .2s}.btn-entity-action:hover{background:#e2e8f0;border-color:#cbd5e1}.btn-entity-action.primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-entity-action.primary:hover{background:#0284c7;border-color:#0284c7}.btn-remove-entity{background:none;border:none;color:#ef4444;cursor:pointer;display:block;font-size:.8em;padding:10px 14px;text-align:center;transition:background .2s;width:100%}.btn-remove-entity:hover{background:#fef2f2}.entity-dropdown-empty{padding:16px 14px;text-align:center}.entity-dropdown-empty p{color:#64748b;font-size:.85em;margin:0 0 10px}.main-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;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:12px 16px;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{background:#f1f5f9;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px}.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}.collapsible-content-section{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.collapsible-content-section .content-section-header{align-items:center;background:#f8fafc;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s}.collapsible-content-section .content-section-header:hover{background:#f1f5f9}.collapsible-content-section .content-section-header h3{border:none;margin:0;padding:0}.collapsible-content-section .content-section-body{background:#fff;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.collapsible-content-section.expanded .content-section-body{border-top:1px solid #e2e8f0;max-height:2000px;padding:20px}.comments-recommendations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.comment-box-wrapper{display:flex;flex-direction:column;gap:8px;position:relative}.comment-box-wrapper label{color:#475569;font-size:.9em;font-weight:600}.comment-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95em;min-height:120px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.comment-textarea.auto-resize{overflow:hidden;resize:none}.comment-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.comment-textarea:disabled{background:#f8fafc;color:#64748b}.comment-textarea::placeholder{color:#94a3b8}.saving-indicator{bottom:8px;color:#64748b;font-size:.8em;font-style:italic;position:absolute;right:12px}.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}.activity-content{padding:16px}.activity-timeline{display:flex;flex-direction:column;gap:0}.activity-entry{border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:12px 0}.activity-entry:last-child{border-bottom:none}.activity-icon{flex-shrink:0;margin-top:2px}.activity-icon-default{background:#f1f5f9;color:#64748b}.activity-icon-created{background:#dcfce7;color:#166534}.activity-icon-updated{background:#dbeafe;color:#1d4ed8}.activity-icon-deleted{background:#fee2e2;color:#991b1b}.activity-icon-status{background:#fef3c7;color:#92400e}.activity-icon-assigned{background:#e0e7ff;color:#4338ca}.activity-icon-email{background:#f3e8ff;color:#7c3aed}.activity-icon-invoice,.activity-icon-payment{background:#dcfce7;color:#166534}.activity-body{flex:1 1;min-width:0}.activity-text{color:#374151;font-size:13px;line-height:1.5}.activity-text strong{color:#1e293b;font-weight:700}.activity-date{color:#94a3b8;font-size:12px;margin-top:2px}.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}.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}.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{flex:1 1;overflow-y:auto;padding:20px}.sidebar-title{color:#0f172a;font-size:1.15em;font-weight:600;margin:0 0 20px}.sidebar-field{align-items:flex-start;display:flex;gap:12px;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}.customer-sidebar .field-value{text-align:left}.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}.field-empty{color:#94a3b8;font-style:italic}.field-add-link{color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500}.field-add-link:hover{text-decoration:underline}.field-link{color:#10b981!important;font-weight:500}.customer-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.customer-tags .tag{border-radius:4px;font-size:.75em;padding:3px 8px}.tag-type{background:#e0f2fe;color:#0369a1}.tag-type.tag-commercial{background:#fef3c7;color:#92400e}.tag-exempt{background:#dcfce7;color:#166534}.contact-line{align-items:center;display:flex;gap:6px;margin-bottom:4px}.contact-line:last-child{margin-bottom:0}.badge-primary{background:#10b981;border-radius:3px;color:#fff;font-size:.7em;font-weight:600;padding:2px 6px;text-transform:uppercase}.contact-label{color:#64748b;font-size:.85em}.address-block{line-height:1.5}.address-display{display:flex;flex-direction:column;line-height:1.4}.customer-note-field{margin-bottom:12px}.customer-note-field label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.customer-note-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:13px;line-height:1.5;min-height:60px;padding:8px 10px;resize:vertical;transition:border-color .15s;width:100%}.customer-note-textarea:focus{background:#fff;border-color:#10b981;outline:none}.customer-note-textarea::placeholder{color:#94a3b8}.customer-note-saving{color:#94a3b8;display:block;font-size:11px;font-style:italic;margin-top:2px}.sidebar-divider{background:#e2e8f0;height:1px;margin:16px -20px}.empty-customer{color:#94a3b8;padding:30px 20px;text-align:center}.empty-customer p{font-style:italic;margin:0}.empty-customer-hint{font-size:.85em;margin-top:8px!important}.customer-search-section{margin-bottom:16px;position:relative;z-index:100}.customer-search-wrapper{position:relative}.customer-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95em;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.customer-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.customer-search-input::placeholder{color:#94a3b8}.search-spinner{color:#64748b;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.customer-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-height:250px;overflow-y:auto;position:relative}.customer-search-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px;transition:background-color .15s}.customer-search-item:last-child{border-bottom:none}.customer-search-item:hover{background:#f8fafc}.search-item-name{color:#0f172a;font-weight:500}.search-item-email{color:#64748b;font-size:.85em;margin-top:2px}.customer-search-item.create-new{align-items:center;background:#f0fdf4;color:#166534;display:flex;font-weight:500;gap:8px}.customer-search-item.create-new:hover{background:#dcfce7}.create-icon{font-size:1.2em;font-weight:700}.no-results{color:#94a3b8;font-style:italic;padding:12px;text-align:center}.btn-create-customer{background:#f0fdf4;border:1px dashed #10b981;border-radius:6px;color:#166534;cursor:pointer;font-weight:500;margin-top:16px;padding:12px;transition:all .2s;width:100%}.btn-create-customer:hover{background:#dcfce7;border-style:solid}.create-customer-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.create-customer-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.create-customer-modal .modal-header h2{color:#0f172a;font-size:1.25em;font-weight:600;margin:0}.create-customer-modal .modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5em;line-height:1;padding:0}.create-customer-modal .modal-close:hover{color:#0f172a}.create-customer-modal .modal-body{padding:24px}.create-customer-modal .form-row{display:flex;gap:16px;margin-bottom:16px}.create-customer-modal .form-group{flex:1 1;margin-bottom:0}.create-customer-modal .form-group:only-child{margin-bottom:16px}.create-customer-modal label{color:#475569;display:block;font-size:.85em;font-weight:500;margin-bottom:6px}.create-customer-modal input,.create-customer-modal select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95em;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.create-customer-modal input:focus,.create-customer-modal select:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.create-customer-modal input::placeholder{color:#94a3b8}.create-customer-modal .modal-footer{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.create-customer-modal .btn{border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;padding:10px 20px;transition:all .2s}.create-customer-modal .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.create-customer-modal .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.create-customer-modal .btn-primary{background:#10b981;border:1px solid #10b981;color:#fff}.create-customer-modal .btn-primary:hover{background:#059669;border-color:#059669}.create-customer-modal .btn-primary:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed}.vessel-search-section{margin-bottom:16px;position:relative;z-index:100}.vessel-search-wrapper{position:relative}.vessel-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95em;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.vessel-search-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.vessel-search-input::placeholder{color:#94a3b8}.vessel-search-results{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:8px;max-height:250px;overflow-y:auto;position:relative}.vessel-search-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px;transition:background-color .15s}.vessel-search-item:last-child{border-bottom:none}.vessel-search-item:hover{background:#f8fafc}.search-item-detail{color:#64748b;font-size:.85em;margin-top:2px}.vessel-search-item.create-new{align-items:center;background:#f0fdf4;color:#166534;display:flex;font-weight:500;gap:8px}.vessel-search-item.create-new:hover{background:#dcfce7}.btn-create-vessel{background:#f0fdf4;border:1px dashed #10b981;border-radius:6px;color:#166534;cursor:pointer;font-weight:500;margin-top:16px;padding:12px;transition:all .2s;width:100%}.btn-create-vessel:hover{background:#dcfce7;border-style:solid}.create-vessel-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.create-vessel-modal .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.create-vessel-modal .modal-header h2{color:#0f172a;font-size:1.25em;font-weight:600;margin:0}.create-vessel-modal .modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.5em;line-height:1;padding:0}.create-vessel-modal .modal-close:hover{color:#0f172a}.create-vessel-modal .modal-body{padding:24px}.create-vessel-modal .form-row{display:flex;gap:16px;margin-bottom:16px}.create-vessel-modal .form-group{flex:1 1;margin-bottom:0}.create-vessel-modal .form-group:only-child{margin-bottom:16px}.create-vessel-modal label{color:#475569;display:block;font-size:.85em;font-weight:500;margin-bottom:6px}.create-vessel-modal input,.create-vessel-modal select,.create-vessel-modal textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:inherit;font-size:.95em;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.create-vessel-modal textarea{min-height:60px;resize:vertical}.create-vessel-modal input:focus,.create-vessel-modal select:focus,.create-vessel-modal textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.create-vessel-modal input::placeholder,.create-vessel-modal textarea::placeholder{color:#94a3b8}.create-vessel-modal .modal-footer{background:#f8fafc;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.create-vessel-modal .btn{border-radius:6px;cursor:pointer;font-size:.95em;font-weight:500;padding:10px 20px;transition:all .2s}.create-vessel-modal .btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#475569}.create-vessel-modal .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.create-vessel-modal .btn-primary{background:#10b981;border:1px solid #10b981;color:#fff}.create-vessel-modal .btn-primary:hover{background:#059669;border-color:#059669}.create-vessel-modal .btn-primary:disabled{background:#94a3b8;border-color:#94a3b8;cursor:not-allowed}.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}.nested-expandable-section{border-top:1px solid #e2e8f0;margin:0 -20px}.nested-expandable-header{align-items:center;background:#fff;border:none;color:#475569;cursor:pointer;display:flex;font-size:.85em;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:15px 20px;text-transform:uppercase;transition:all .2s;width:100%}.nested-expandable-header:hover{background:#e2e8f0}.nested-expandable-header .section-chevron{font-size:.65em}.nested-expandable-content{background:#f1f5f9;max-height:0;overflow:hidden;padding:0 20px;transition:max-height .3s ease-out,padding .3s ease-out}.nested-expandable-section.expanded .nested-expandable-content{max-height:2000px;overflow:visible;padding:16px 20px;transition:max-height .3s ease-in,padding .3s ease-in}.nested-expandable-content .sidebar-field:last-child{margin-bottom:0}.order-right-footer{background:#1e293b;display:flex;flex-direction:column;flex-shrink:0}.footer-breakdown-panel{cursor:default;max-height:0;overflow:hidden;padding:0 16px;position:relative;transition:max-height .3s ease,padding .3s ease}.order-right-footer.hovered .footer-breakdown-panel,.order-right-footer.pinned .footer-breakdown-panel{max-height:300px;padding:20px 16px 8px}.footer-pin-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:.6em;line-height:1;padding:3px 8px;position:absolute;right:8px;top:4px}.footer-pin-close:hover{background:#334155;color:#e2e8f0}.footer-breakdown-row{align-items:center;color:#cbd5e1;display:flex;font-size:.8em;justify-content:space-between;padding:4px 0}.footer-breakdown-row span:last-child{color:#e2e8f0;font-weight:600}.footer-breakdown-paid{border-top:1px solid #334155;color:#10b981;margin-top:4px;padding-top:8px}.footer-breakdown-paid span:last-child{color:#10b981}.footer-total-row{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px}.footer-total-row .sidebar-total{align-items:baseline;display:flex;flex:1 1;gap:8px;min-width:0}.footer-total-row .total-label{color:#94a3b8;font-size:.8em;font-weight:500;white-space:nowrap}.footer-total-row .total-amount{color:#10b981;font-size:1.3em;font-weight:700}.footer-total-row .btn-new-payment{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85em;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.footer-total-row .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}.order-detail-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;gap:12px;height:calc(100vh - 60px);justify-content:center}.loading-spinner-circle{animation:spin .7s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.error-message{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}.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-detail-page{grid-template-columns:1fr 320px}}@media (max-width:968px){.order-detail-page{grid-template-columns:1fr;height:auto;max-height:none;overflow:auto}.order-right-panel{border-top:1px solid #e2e8f0;height:auto;max-height:none;min-height:auto;overflow:visible;position:relative;top:auto}.collapsible-sections{overflow:visible}.order-right-footer{bottom:0;position:-webkit-sticky;position:sticky}.order-left-panel{max-height:none}.main-tab-content,.order-left-panel{min-height:auto;overflow:visible}.action-top-bar{flex-direction:column}}@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}}.contact-value-clickable{color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;font-size:.9em;transition:opacity .15s}.contact-value-clickable:hover{opacity:.7}.order-custom-tags{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 8px}.order-tag-wrapper{position:relative}.order-label-tag{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.85em;font-weight:500;gap:6px;padding:4px 10px}.order-label-tag.clickable{cursor:pointer;transition:opacity .15s,filter .15s}.order-label-tag.clickable:hover{filter:brightness(.9)}.order-label-tag .tag-remove{cursor:pointer;font-weight:700;margin-left:2px;opacity:.8;transition:opacity .15s}.order-label-tag .tag-remove:hover{opacity:1}.order-tag-dropdown-container{position:relative}.btn-add-order-tag{align-items:center;background-color:initial;border:1px dashed #e2e8f0;border:1px dashed var(--border-color,#e2e8f0);border-radius:4px;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;display:flex;font-size:1em;height:24px;justify-content:center;transition:all .15s;width:24px}.btn-add-order-tag:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6)}.order-tag-dropdown{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:320px;min-width:260px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.no-tags-message{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:.9em;padding:12px;text-align:center}.tag-dropdown-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background-color .15s}.tag-dropdown-item:hover{background-color:#f1f5f9}.tag-dropdown-item:last-of-type{border-bottom:none}.tag-color-dot{border-radius:3px;flex-shrink:0;height:12px;width:12px}.tag-dropdown-item .tag-name{flex:1 1;font-size:.9em}.btn-edit-tag{background:none;border:none;color:#94a3b8;color:var(--text-tertiary,#94a3b8);cursor:pointer;font-size:.85em;opacity:0;padding:4px;transition:opacity .15s}.tag-dropdown-item:hover .btn-edit-tag{opacity:1}.btn-edit-tag:hover{color:#3b82f6;color:var(--primary-color,#3b82f6)}.tag-edit-form{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px}.tag-edit-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:4px;font-size:.9em;margin-bottom:8px;padding:6px 8px;width:100%}.tag-edit-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none}.tag-color-picker{margin-bottom:8px}.tag-color-picker .color-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.8em;margin-bottom:4px}.color-presets{display:flex;flex-wrap:wrap;gap:4px}.color-preset{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:4px;cursor:pointer;height:24px;transition:transform .15s;width:24px}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border:2px solid #1e293b}.tag-edit-actions{display:flex;gap:8px;justify-content:flex-end}.btn-cancel-edit,.btn-delete-tag,.btn-save-edit{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:4px;cursor:pointer;font-size:.85em;padding:4px 10px}.btn-delete-tag{background-color:#fff;border-color:#fecaca;color:#dc2626;margin-right:auto}.btn-delete-tag:hover{background-color:#fef2f2;border-color:#dc2626}.btn-cancel-edit{background-color:#fff;color:#64748b;color:var(--text-secondary,#64748b)}.btn-cancel-edit:hover{background-color:#f1f5f9}.btn-save-edit{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);color:#fff}.btn-save-edit:hover{background-color:#2563eb}.tag-inline-edit-dropdown{background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;min-width:260px;padding:12px;position:absolute;top:100%;z-index:1000}.tag-reuse-checkbox{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:.85em;gap:8px;margin-bottom:8px}.tag-reuse-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);cursor:pointer;height:14px;width:14px}.create-tag-section{background-color:#fafafa;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);padding:12px}.create-tag-label{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:block;font-size:.8em;font-weight:500;margin-bottom:8px}.create-tag-form{display:flex;gap:6px}.create-tag-input{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:4px;flex:1 1;font-size:.9em;padding:6px 10px}.create-tag-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none}.btn-create-tag{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9em;padding:6px 12px;transition:background-color .15s}.btn-create-tag:hover:not(:disabled){background-color:#2563eb}.btn-create-tag:disabled{cursor:not-allowed;opacity:.5}.services-list-section{display:flex;flex-direction:column;gap:16px}.service-group-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:box-shadow .2s}.service-group-card:hover{box-shadow:0 2px 8px #00000014}.service-group-card.collapsed .service-group-content{display:none}.service-group-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.service-group-header:hover{background:#f1f5f9}.service-group-header-left{align-items:center;display:flex;flex:1 1;gap:10px}.service-chevron{color:#64748b;font-size:10px;transition:transform .2s}.service-chevron.open{transform:rotate(0deg)}.service-group-card.collapsed .service-chevron{transform:rotate(-90deg)}.service-category-indicator{border-radius:2px;flex-shrink:0;height:24px;width:4px}.service-group-name{color:#1e293b;font-size:15px;font-weight:600;margin:0}.service-group-name.editable{border-radius:4px;cursor:pointer;padding:2px 6px;transition:background-color .15s ease}.service-group-name.editable:hover{background-color:#f1f5f9}.service-name-input{background:#fff;border:2px solid #3b82f6;border-radius:4px;color:#1e293b;font-size:15px;font-weight:600;min-width:200px;outline:none;padding:4px 8px}.service-category-tag{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:11px;font-weight:500;padding:2px 8px}.service-group-header-right{align-items:center;display:flex;gap:12px}.service-auth-container{position:relative}.service-auth-badge{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px;transition:all .15s ease}.service-auth-badge:hover{filter:brightness(.95)}.service-auth-badge.auth-pending{background:#fef3c7;border-color:#f59e0b;color:#92400e}.service-auth-badge.auth-approved{background:#d1fae5;border-color:#10b981;color:#065f46}.service-auth-badge.auth-declined{background:#fee2e2;border-color:#ef4444;color:#991b1b}.auth-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:6px;width:6px}.auth-chevron{font-size:10px;margin-left:2px;opacity:.6}.service-auth-dropdown{animation:dropdownFadeIn .12s ease;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:160px;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:50}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.auth-option{align-items:center;background:#0000;border:none;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 12px;transition:background .1s ease;width:100%}.auth-option:hover{background:#f1f5f9}.auth-option.active{background:#f0f9ff;font-weight:500}.auth-opt-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.auth-opt-dot.pending{background:#f59e0b}.auth-opt-dot.approved{background:#10b981}.auth-opt-dot.declined{background:#ef4444}.service-group-total{color:#1e293b;font-size:14px;font-weight:600;min-width:80px;text-align:right}.btn-service-delete{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;transition:all .15s;width:24px}.btn-service-delete:hover{background:#fee2e2;color:#ef4444}.btn-service-settings{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.btn-service-settings:hover{background:#f1f5f9}.bulk-tech-container{position:relative}.btn-bulk-tech{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;padding:0;width:28px}.btn-bulk-tech:hover{background:#f1f5f9}.bulk-tech-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:200}.bulk-tech-search{border:none;border-bottom:1px solid #e2e8f0;box-sizing:border-box;font-size:.85em;outline:none;padding:8px 12px;width:100%}.bulk-tech-options{max-height:200px;overflow-y:auto}.bulk-tech-option{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:.85em;gap:8px;padding:8px 12px}.bulk-tech-option:hover{background:#f1f5f9}.bulk-tech-option.selected{background:#eff6ff;color:#3b82f6;font-weight:500}.bulk-tech-check{color:#3b82f6;font-size:.85em;text-align:center;width:16px}.service-menu-container{position:relative}.btn-service-menu{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;transition:all .15s;width:28px}.btn-service-menu:hover{background:#f1f5f9}.service-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;min-width:150px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.service-menu-item{background:#0000;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.service-menu-item:hover{background:#f3f4f6}.service-menu-item.danger{color:#dc2626}.service-menu-item.danger:hover{background:#fef2f2}.service-sub-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 16px}.service-sub-header-left{align-items:center;display:flex;gap:8px}.btn-service-action{background:#0000;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .15s}.btn-service-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#374151}.category-dropdown-container{position:relative}.category-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:100}.category-option{align-items:center;background:#0000;border:none;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.category-option:hover{background:#f3f4f6}.category-option.selected{background:#eff6ff;color:#1d4ed8}.category-option.clear-option{border-top:1px solid #e2e8f0;color:#dc2626}.category-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.category-dropdown-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px}.btn-add-category{background:#0000;border:1px dashed #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;display:block;font-size:12px;padding:8px 12px;transition:all .15s;width:100%}.btn-add-category:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.add-category-input-row{display:flex;gap:8px}.add-category-input-row input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:12px;padding:6px 10px}.add-category-input-row input:focus{border-color:#3b82f6;outline:none}.btn-add-category-confirm{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .15s}.btn-add-category-confirm:hover{background:#2563eb}.service-note-editor{background:#fffbeb;border-bottom:1px solid #fde68a;padding:12px 16px}.service-note-editor textarea{background:#fff;border:1px solid #fde68a;border-radius:6px;font-size:13px;padding:10px 12px;resize:vertical;width:100%}.service-note-editor textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a;outline:none}.service-note-editor-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.service-group-content{padding:8px}.line-items-table-wrapper{border-bottom:1px solid #e2e8f0}.line-items-table-wrapper:last-of-type{border-bottom:none}.line-items-table{border-collapse:collapse;font-size:13px;width:100%}.line-items-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:500;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.line-items-table td{border-bottom:1px solid #e2e8f0;color:#374151;padding:5px 12px;vertical-align:middle}.line-items-table tbody tr:hover{background:#f8fafc}.line-items-table tbody tr.completed{background:#f0fdf4}.line-items-table tbody tr.completed .line-item-name{color:#64748b;text-decoration:line-through}.line-items-table tbody tr.empty-row,.line-items-table tbody tr.empty-row:hover{background:#0000}.line-items-table tbody tr.empty-row.clickable{cursor:pointer}.line-items-table tbody tr.empty-row.clickable:hover{background:#f1f5f9}.line-items-table tbody tr.empty-row.clickable:hover td{color:#64748b}.line-items-table tbody tr.empty-row td{color:#94a3b8}.line-items-table .placeholder{color:#cbd5e1}.labor-table .col-labor{min-width:180px}.labor-table .col-technician{width:15%}.labor-table .col-tags{width:12%}.labor-table .col-tags .labor-tag{margin:1px 2px;vertical-align:middle}.inline-tag-cell{position:relative}.inline-tags-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:3px}.inline-tag-chip{align-items:center;border-radius:3px;display:inline-flex;font-size:10px;font-weight:500;gap:3px;line-height:1.4;padding:1px 6px;white-space:nowrap}.inline-tag-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:12px;line-height:1;margin-left:1px;padding:0}.inline-tag-remove:hover{color:#fff}.inline-tag-add-btn{align-items:center;background:#0000;border:1px dashed #cbd5e1;border-radius:3px;color:#94a3b8;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;height:18px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:18px}.inline-tag-add-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.inline-tag-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;min-width:220px;position:absolute;top:100%;z-index:200}.inline-tag-search{padding:8px 8px 4px}.inline-tag-search-input{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;font-size:12px;outline:none;padding:5px 8px;width:100%}.inline-tag-search-input:focus{border-color:#3b82f6}.inline-tag-list{max-height:180px;overflow-y:auto}.inline-tag-dropdown-empty{color:#94a3b8;font-size:12px;padding:10px 12px;text-align:center}.inline-tag-dropdown-item{align-items:center;border-bottom:1px solid #f8fafc;color:#334155;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:7px 12px;transition:background .1s}.inline-tag-dropdown-item:last-child{border-bottom:none}.inline-tag-dropdown-item:hover{background:#f1f5f9}.inline-tag-dropdown-item.selected{background:#eff6ff}.inline-tag-dropdown-item .btn-edit-tag{opacity:0;transition:opacity .15s}.inline-tag-dropdown-item:hover .btn-edit-tag{opacity:1}.inline-tag-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.inline-tag-name{flex:1 1}.inline-tag-check{color:#3b82f6;font-size:13px;font-weight:600}.inline-tag-dropdown .create-tag-section{border-top:1px solid #e2e8f0;padding:8px}.inline-tag-dropdown .create-tag-label{color:#94a3b8;display:block;font-size:10px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.inline-tag-dropdown .create-tag-form{display:flex;gap:4px}.inline-tag-dropdown .create-tag-input{border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;flex:1 1;font-size:12px;outline:none;padding:4px 8px}.inline-tag-dropdown .create-tag-input:focus{border-color:#3b82f6}.inline-tag-dropdown .btn-create-tag{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;padding:4px 10px;white-space:nowrap}.inline-tag-dropdown .btn-create-tag:disabled{cursor:not-allowed;opacity:.5}.inline-tag-dropdown .tag-edit-form{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px}.labor-table .col-hours{text-align:right;width:10%}.labor-table .col-rate{text-align:right;width:12%}.labor-table .col-discount{text-align:right;width:8%}.labor-table .col-subtotal{font-weight:600;text-align:right;width:10%}.labor-table .col-delete{text-align:center;width:2%}.parts-table .col-part{min-width:180px}.parts-table .col-partnum,.parts-table .col-tags{width:10%}.parts-table .col-qty{text-align:center;width:6%}.parts-table .col-cost,.parts-table .col-price{text-align:right;width:9%}.parts-table .col-discount{text-align:right;width:8%}.parts-table .col-subtotal{font-weight:600;text-align:right;width:10%}.parts-table .col-delete{text-align:center;width:2%}.line-items-table tfoot{background:#fff}.table-footer-row td{border-bottom:none;padding:8px 12px}.btn-add-row{background:#0000;border:1px dashed #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 14px;transition:all .15s}.btn-add-row:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn-delete-row{align-items:center;background:#0000;border:none;border-radius:4px;color:#cbd5e1;cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;transition:all .15s;width:22px}.btn-delete-row:hover{background:#fee2e2;color:#ef4444}.line-item-name{color:#1e293b;display:block;font-weight:500}.col-labor,.col-part{position:relative}.inline-note-indicator{color:#3b82f6;font-weight:700;line-height:1;right:4px;top:4px;z-index:2}.inline-note-indicator,.inline-note-tooltip{font-size:13px;pointer-events:none;position:absolute}.inline-note-tooltip{background:#1e293b;border-radius:8px;bottom:0;box-shadow:0 4px 16px #00000040;color:#f8fafc;display:none;font-weight:400;left:0;padding:12px 16px;transform:translateY(100%);white-space:normal;width:214px;z-index:1020}.inline-note-tooltip strong{color:#fff;display:block;font-size:13px;font-weight:600;margin-bottom:4px}.inline-note-tooltip span{color:#cbd5e1;line-height:1.5}td.col-labor:hover .inline-note-tooltip,td.col-part:hover .inline-note-tooltip{display:block}td.col-labor:focus-within .inline-note-tooltip,td.col-part:focus-within .inline-note-tooltip{display:none!important}.inline-edit-input{background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:#1e293b;font-size:13px;font-weight:500;margin:0;outline:none;padding:10px 8px;transition:border-color .15s,background .15s;width:100%}.inline-edit-input:hover{background:#f8fafc;border-color:#e2e8f0}.inline-edit-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.inline-edit-input::placeholder{color:#94a3b8;font-weight:400}.inline-edit-number{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;text-align:right;width:60px}.inline-edit-number::-webkit-inner-spin-button,.inline-edit-number::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.inline-discount-wrapper{align-items:center;display:flex;gap:2px}.inline-discount-wrapper .inline-edit-number{padding-right:4px;width:48px}.inline-discount-toggle{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:26px;justify-content:center;transition:all .15s;width:26px}.inline-discount-toggle:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.inline-discount-toggle.is-dollar{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.inline-tech-wrapper{position:relative}.inline-tech-display{border:1px solid #0000;border-radius:4px;cursor:pointer;padding:5px 8px;transition:border-color .15s,background .15s}.inline-tech-display:hover{background:#f8fafc;border-color:#e2e8f0}.inline-tech-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:200}.inline-tech-search{border:none;border-bottom:1px solid #e2e8f0;font-size:13px;outline:none;padding:8px 10px;width:100%}.inline-tech-options{max-height:180px;overflow-y:auto}.inline-tech-option{cursor:pointer;font-size:13px;padding:7px 10px;transition:background .1s}.inline-tech-option:hover{background:#eff6ff}.inline-tech-option.selected{background:#eff6ff;color:#3b82f6;font-weight:500}.inline-tech-check{color:#3b82f6;display:inline-block;font-size:12px;margin-right:4px;width:16px}.inline-rate-wrapper{position:relative}.inline-rate-display{border:1px solid #0000;border-radius:4px;cursor:pointer;padding:5px 8px;transition:border-color .15s,background .15s}.inline-rate-display:hover{background:#f8fafc;border-color:#e2e8f0}.inline-rate-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:2px;min-width:260px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.sidebar-tech-wrapper{position:relative}.sidebar-tech-display{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 12px;transition:border-color .15s,background .15s}.sidebar-tech-display:hover{background:#f8fafc;border-color:#cbd5e1}.sidebar-tech-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.labor-rate-wrapper{position:relative}.labor-rate-display{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;transition:border-color .15s,background .15s}.labor-rate-display:hover{background:#f8fafc;border-color:#cbd5e1}.labor-rate-display-name{color:#1e293b;font-weight:500}.labor-rate-display-value{color:#64748b;font-size:12px}.labor-rate-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:20}.labor-rate-options{max-height:220px;overflow-y:auto}.labor-rate-option{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;font-size:13px;transition:background .1s}.labor-rate-option:last-child{border-bottom:none}.labor-rate-option:hover{background:#f8fafc}.labor-rate-option.selected{background:#eff6ff}.labor-rate-option-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:9px 12px}.labor-rate-option-name{color:#1e293b;font-weight:500}.labor-rate-option-value{color:#64748b;font-size:12px}.labor-rate-edit-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;opacity:0;padding:6px 10px;transition:opacity .15s,color .15s}.labor-rate-option:hover .labor-rate-edit-btn{opacity:1}.labor-rate-edit-btn:hover{color:#3b82f6}.labor-rate-add-form,.labor-rate-edit-row{align-items:center;box-sizing:border-box;display:flex;gap:6px;padding:6px 10px;width:100%}.labor-rate-edit-name{border:1px solid #e2e8f0;border-radius:4px;flex:1 1;font-size:12px;min-width:0;outline:none;padding:5px 8px}.labor-rate-edit-name:focus{border-color:#3b82f6}.labor-rate-edit-value{border:1px solid #e2e8f0;border-radius:4px;font-size:12px;outline:none;padding:5px 8px;text-align:right;width:70px}.labor-rate-edit-value:focus{border-color:#3b82f6}.labor-rate-edit-value::-webkit-inner-spin-button,.labor-rate-edit-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.labor-rate-edit-value{-webkit-appearance:textfield;appearance:textfield}.labor-rate-edit-cancel,.labor-rate-edit-save{background:none;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:13px;line-height:1;padding:4px 8px;transition:all .15s}.labor-rate-edit-save{border-color:#10b981;color:#10b981}.labor-rate-edit-save:hover{background:#ecfdf5}.labor-rate-edit-save:disabled{cursor:not-allowed;opacity:.4}.labor-rate-edit-cancel{color:#94a3b8}.labor-rate-edit-cancel:hover{background:#f1f5f9}.labor-rate-add-btn{border-top:1px solid #e2e8f0;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:9px 12px;transition:background .1s}.labor-rate-add-btn:hover{background:#eff6ff}.unassigned{color:#94a3b8;font-style:italic}.service-note-section{background:#fffbeb;border-top:1px solid #fde68a;color:#92400e;font-size:13px;padding:12px 16px}.service-note-section strong{color:#78350f}.line-item-group-container{background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;margin-bottom:15px;padding:4px;transition:border-color .15s,background .15s,opacity .15s}.group-move-arrows{align-items:center;display:flex;flex-direction:column;gap:1px}.group-arrow-btn{background:none;border:none;border-radius:2px;color:#64748b;cursor:pointer;font-size:8px;line-height:1;padding:0 2px;transition:color .15s,background .15s}.group-arrow-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.group-arrow-btn.disabled,.group-arrow-btn:disabled{color:#cbd5e1;cursor:default;opacity:.5}.service-totals-bar{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.service-adjustments{align-items:center;display:flex;gap:16px;margin-left:auto}.service-adjust-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:4px;position:relative}.adjust-label{white-space:nowrap}.adjust-value{border-radius:3px;color:#3b82f6;cursor:pointer;font-weight:500;padding:2px 4px;transition:background .15s}.adjust-value:hover{background:#eff6ff}.adjust-popup{background:#fff;border:1px solid #e2e8f0;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0000001f;left:50%;position:absolute;transform:translateX(-50%);width:260px;z-index:300}.adjust-popup:after{border:6px solid #0000;border-top-color:#fff}.adjust-popup:after,.adjust-popup:before{content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}.adjust-popup:before{border:7px solid #0000;border-top-color:#e2e8f0}.adjust-popup-header{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding:10px 12px 6px}.adjust-popup-title{color:#1e293b;font-size:13px;font-weight:600}.adjust-popup-subtitle{color:#94a3b8;font-size:11px}.adjust-popup-body{padding:10px 12px}.adjust-input-row{align-items:center;display:flex;gap:6px;min-width:0}.adjust-type-select{background:#f8fafc;color:#475569;cursor:pointer;padding:6px 4px;width:48px}.adjust-input,.adjust-type-select{border:1px solid #e2e8f0;border-radius:4px;font-size:13px}.adjust-input{box-sizing:border-box;color:#1e293b;flex:1 1;min-width:0;outline:none;padding:6px 8px;width:100%}.adjust-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.adjust-popup-footer{border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;padding:8px 12px}.btn-adjust-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:5px 12px}.btn-adjust-cancel:hover{background:#f8fafc}.btn-adjust-save{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px}.btn-adjust-save:hover{background:#2563eb}.add-table-buttons{align-items:center;display:flex;gap:6px}.add-table-label{color:#94a3b8;font-size:12px;font-weight:500;margin-right:2px}.btn-add-table{background:none;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:3px 10px;transition:all .15s}.btn-add-table:hover{background:#f1f5f9;border-color:#94a3b8;color:#475569}.service-total-display{position:relative}.service-grand-total{border-radius:4px;color:#1e293b;cursor:default;font-size:15px;font-weight:600;padding:4px 8px;transition:background .15s}.service-total-display:hover .service-grand-total{background:#e2e8f0}.service-total-tooltip{background:#1e293b;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0003;color:#e2e8f0;display:none;font-size:12px;min-width:260px;padding:10px 14px;position:absolute;right:0;z-index:200}.service-total-tooltip:after{border:6px solid #0000;border-top-color:#1e293b;content:"";position:absolute;right:16px;top:100%}.service-total-display:hover .service-total-tooltip{display:block}.tooltip-row{align-items:center;display:flex;justify-content:space-between;padding:3px 0}.tooltip-row .tooltip-label{color:#94a3b8}.tooltip-row .tooltip-value{font-feature-settings:"tnum";color:#e2e8f0;font-variant-numeric:tabular-nums}.tooltip-row.tooltip-subtotal{border-top:1px solid #334155;margin-top:4px;padding-top:6px}.tooltip-row.tooltip-subtotal .tooltip-label,.tooltip-row.tooltip-subtotal .tooltip-value{color:#cbd5e1;font-weight:500}.tooltip-row.tooltip-discount .tooltip-value{color:#f87171}.tooltip-row.tooltip-total{border-top:1px solid #334155;margin-top:4px;padding-top:6px}.tooltip-row.tooltip-total .tooltip-label,.tooltip-row.tooltip-total .tooltip-value{color:#fff;font-size:13px;font-weight:600}.subcontract-table .col-sub-name{min-width:180px}.subcontract-table .col-vendor{width:120px}.subcontract-table .col-subtotal{font-weight:600;text-align:right;width:10%}.subcontract-table .col-delete{text-align:center;width:2%}.subcontract-table .col-discount{text-align:right;width:8%}.subcontract-row.selected,.subcontract-row:hover{background-color:#eff6ff}.subcontract-row:hover{cursor:pointer}.fee-table .col-fee-name{min-width:180px}.fee-table .col-fee-type{width:120px}.fee-table .col-fee-amount{text-align:right;width:8%}.fee-table .col-subtotal{font-weight:600;text-align:right;width:10%}.fee-table .col-delete{text-align:center;width:2%}.fee-row.selected,.fee-row:hover{background-color:#eff6ff}.fee-row:hover{cursor:pointer}.service-group-card.service-drag-over{border:2px dashed #3b82f6}.empty-services-state{background:#f8fafc;border:2px dashed #e2e8f0;border-radius:8px;padding:40px 24px;text-align:center}.empty-services-state p{color:#64748b;margin:0}.empty-services-state .empty-hint{color:#94a3b8;font-size:13px;margin-top:8px}.add-service-container{align-items:center;border:2px dashed #cbd5e1;border-radius:8px;display:flex;gap:8px;margin-bottom:70px;margin-top:8px;padding:12px;transition:border-color .15s}.add-service-container:hover{border-color:#94a3b8}.btn.btn-search-services{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:12px 16px;text-align:left;transition:all .15s}.btn.btn-search-services:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.btn.btn-new-service{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s;white-space:nowrap}.btn.btn-new-service:hover{background:#2563eb}.btn.btn-new-service:disabled{cursor:not-allowed;opacity:.6}.add-service-menu-container{position:relative}.btn-add-service-menu{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-add-service-menu:hover{background:#f1f5f9;border-color:#94a3b8}.add-service-menu-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;bottom:100%;box-shadow:0 4px 12px #00000026;margin-bottom:4px;min-width:160px;overflow:hidden;position:absolute;right:0;z-index:100}.modal-content.canned-service-modal{display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90vw}.canned-service-search-bar{padding:0 20px 16px}.canned-service-search-input{border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.canned-service-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.canned-service-body{flex:1 1;overflow-y:auto;padding:0 20px 20px}.canned-service-empty,.canned-service-loading{color:#94a3b8;font-size:14px;padding:40px 20px;text-align:center}.canned-service-table{border-collapse:collapse;font-size:13px;width:100%}.canned-service-table thead th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 10px;text-align:left;text-transform:uppercase}.canned-service-row td{border-bottom:1px solid #e2e8f0;padding:10px;vertical-align:middle}.canned-service-row:hover{background:#f0f9ff;cursor:pointer}.canned-service-name{color:#1e293b;font-size:14px;font-weight:600}.canned-service-expand-btn{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:10px;padding:4px 6px;transition:color .15s}.canned-service-expand-btn:hover{color:#3b82f6}.canned-expand-chevron{color:#64748b;display:inline-block;font-size:10px;transition:transform .15s}.canned-expand-chevron.open{color:#3b82f6;transform:rotate(90deg)}.canned-service-detail-row td{border-bottom:2px solid #e2e8f0;padding:0!important}.canned-service-items{background:#f8fafc;display:flex;flex-wrap:wrap;gap:16px;padding:16px 20px 16px 46px}.canned-items-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex:1 1;min-width:180px;padding:10px 12px}.canned-items-section h5{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;padding-bottom:6px;text-transform:uppercase}.canned-items-table{border-collapse:collapse;font-size:12px;width:100%}.canned-items-table th{color:#94a3b8;font-size:10px;font-weight:500;letter-spacing:.3px;padding:4px 6px;text-align:left;text-transform:uppercase}.canned-items-table td{border-top:1px solid #f1f5f9;color:#334155;padding:5px 6px}.canned-items-table tr:first-child td{border-top:none}.btn.btn-sm.btn-primary{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 12px;transition:background .15s}.btn.btn-sm.btn-primary:hover{background:#2563eb}.btn.btn-sm.btn-primary:disabled{cursor:not-allowed;opacity:.6}.modal-content.service-modal{max-width:480px}.service-modal .form-group{margin-bottom:16px}.service-modal .form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.service-modal .form-group input,.service-modal .form-group select,.service-modal .form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.service-modal .form-group input:focus,.service-modal .form-group select:focus,.service-modal .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.service-modal .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.service-modal .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.service-modal .checkbox-group input[type=checkbox]{width:auto}.labor-edit-sidebar{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;position:fixed;right:0;top:60px;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.labor-edit-sidebar.open{transform:translateX(0)}.labor-edit-sidebar-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.labor-edit-sidebar-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.btn-close-sidebar{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .15s;width:32px}.btn-close-sidebar:hover{background:#f1f5f9;color:#1e293b}.labor-edit-sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.labor-edit-section{margin-bottom:20px;position:relative}.labor-edit-label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.labor-edit-input,.labor-edit-select,.labor-edit-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.labor-edit-input:focus,.labor-edit-select:focus,.labor-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.labor-edit-textarea{min-height:80px;resize:vertical}.labor-edit-discount-row{display:flex;gap:8px}.labor-edit-discount-row .discount-input{flex:1 1}.labor-edit-discount-row .discount-type{width:70px}.subtotal-section{background:#f8fafc;border-radius:8px;margin-top:24px;padding:16px}.labor-edit-subtotal{color:#1e293b;font-size:24px;font-weight:700}.labor-cost-section{background:#f1f5f9;border-radius:8px;margin-top:16px;padding:16px}.labor-cost-section h4{color:#64748b;font-size:13px;font-weight:600;margin:0 0 12px;text-transform:uppercase}.labor-cost-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.labor-cost-item{display:flex;flex-direction:column;gap:4px}.labor-cost-item label{color:#64748b;font-size:11px}.labor-cost-item span{color:#1e293b;font-size:14px;font-weight:500}.labor-cost-item.total{border-top:1px solid #e2e8f0;grid-column:1/-1;margin-top:4px;padding-top:12px}.labor-cost-item.total span{font-size:18px;font-weight:600}.labor-tags-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.labor-tag-btn{border:1px solid;border-radius:16px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .15s}.labor-tag-btn.mark-complete{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.labor-tag-btn.mark-complete:hover{background:#e2e8f0;border-color:#cbd5e1}.labor-tag-btn.completed{background:#d1fae5;border-color:#10b981;color:#065f46}.labor-tag{align-items:center;border-radius:16px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.labor-tag-remove{background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.labor-tag-remove:hover{background:#fff3;color:#fff}.labor-tag.status-tag{cursor:pointer;transition:opacity .15s}.labor-tag.status-tag:hover{opacity:.8}.labor-tag.completed-tag{background:#d1fae5;color:#065f46}.labor-tag.not-completed-tag{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.btn-add-labor-tag{align-items:center;background:#0000;border:1px dashed #cbd5e1;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;transition:all .15s;width:28px}.btn-add-labor-tag:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.labor-tag-add-container{position:static}.labor-tag-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:16px;margin-top:8px;max-height:350px;overflow-y:auto;position:absolute;right:16px;top:auto;z-index:100}.labor-tag-option{background:#0000;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.labor-tag-option:hover{background:#f3f4f6}.labor-tag-option.create-new{border-top:1px solid #e2e8f0;color:#3b82f6}.labor-edit-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:999}.labor-row td{height:50px}.labor-row.clickable{cursor:pointer}.labor-row.clickable:hover{background:#eff6ff}.labor-row.selected{background:#dbeafe!important;border-left:3px solid #3b82f6}.part-edit-sidebar{background:#fff;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow:hidden;position:fixed;right:0;top:60px;transform:translateX(100%);transition:transform .3s ease;width:400px;z-index:1000}.part-edit-sidebar.open{transform:translateX(0)}.part-edit-sidebar-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.part-edit-sidebar-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.part-edit-sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.part-edit-section{margin-bottom:20px;position:relative}.part-edit-label{color:#64748b;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.part-edit-input,.part-edit-select,.part-edit-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.part-edit-input:focus,.part-edit-select:focus,.part-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.part-edit-textarea{min-height:80px;resize:vertical}.part-edit-discount-row{display:flex;gap:8px}.part-edit-discount-row .discount-input{flex:1 1}.part-edit-discount-row .discount-type{width:70px}.part-edit-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:60px;z-index:999}.part-row td{height:50px}.part-row.clickable{cursor:pointer}.part-row.clickable:hover{background:#eff6ff}.part-row.selected{background:#dbeafe!important;border-left:3px solid #3b82f6}.fee-table .col-drag,.labor-table .col-drag,.parts-table .col-drag,.subcontract-table .col-drag{max-width:28px;min-width:28px;padding:0!important;text-align:center;-webkit-user-select:none;user-select:none;width:28px}.col-drag{cursor:grab}.drag-row-icon{font-size:14px;opacity:.5}.drag-handle-dots,.drag-row-icon{line-height:1;transition:opacity .15s ease}.drag-handle-dots{color:#cbd5e1;font-size:16px;opacity:0;position:absolute}.col-drag{position:relative}.labor-row:hover .drag-row-icon,.part-row:hover .drag-row-icon{opacity:0}.labor-row:hover .drag-handle-dots,.part-row:hover .drag-handle-dots{opacity:1;position:static}.labor-row.dragging .drag-row-icon,.part-row.dragging .drag-row-icon{opacity:0}.labor-row.dragging .drag-handle-dots,.part-row.dragging .drag-handle-dots{color:#3b82f6;opacity:1;position:static}.labor-row.dragging,.part-row.dragging{background:#f1f5f9;opacity:.4}.labor-row.drag-over,.part-row.drag-over{box-shadow:inset 0 2px 0 0 #3b82f6}.labor-row.drag-over td,.part-row.drag-over td{background:#eff6ff}.fee-row.inv-synced td:last-child,.labor-row.inv-synced td:last-child,.part-row.inv-synced td:last-child,.subcontract-row.inv-synced td:last-child{border-right:2px solid #3b82f6}.fee-row.inv-changes td:last-child,.labor-row.inv-changes td:last-child,.part-row.inv-changes td:last-child,.subcontract-row.inv-changes td:last-child{border-right:2px solid #f59e0b}.part-autocomplete-wrapper{position:relative}.part-autocomplete-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:280px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1010}.part-autocomplete-option{align-items:flex-start;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.part-autocomplete-option:hover{background:#eff6ff}.part-autocomplete-option:last-child{border-bottom:none}.part-ac-left{flex:1 1;min-width:0}.part-ac-name{color:#1e293b;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-ac-meta{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;margin-top:3px}.part-ac-number{color:#3b82f6;flex-shrink:0;font-weight:500}.part-ac-note{color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-ac-right{flex-shrink:0;text-align:right}.part-ac-price{color:#1e293b;font-size:14px;font-weight:600}.part-ac-cost{color:#64748b;font-size:12px;margin-top:1px}.part-ac-qty{color:#94a3b8;font-size:11px;margin-top:1px}.part-autocomplete-empty,.part-autocomplete-loading{color:#94a3b8;font-size:13px;padding:12px;text-align:center}.inline-fee-autocomplete-wrapper,.inline-labor-autocomplete-wrapper,.inline-part-autocomplete-wrapper,.inline-sub-autocomplete-wrapper{position:relative}.inline-fee-autocomplete,.inline-labor-autocomplete,.inline-part-autocomplete,.inline-sub-autocomplete{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;margin-top:2px;max-height:240px;min-width:320px;overflow-y:auto;position:absolute;top:100%;z-index:100}.part-pricing-row{display:flex;gap:12px}.part-pricing-field{flex:1 1}.part-pricing-field label{color:#94a3b8;display:block;font-size:11px;font-weight:500;margin-bottom:4px}.part-pricing-field .part-edit-input{width:100%}.pricing-mode-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:10px;font-weight:500;letter-spacing:0;margin-left:8px;padding:1px 6px;text-transform:none;vertical-align:middle}.part-edit-sidebar-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;padding:4px 20px}.inventory-saved-note{color:#94a3b8;display:block;font-size:13px;text-align:center}.btn-save-to-inventory{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background .15s;width:100%}.btn-save-to-inventory:hover{background:#2563eb}.btn-save-to-inventory:disabled{background:#94a3b8;cursor:not-allowed}.btn-update-inventory{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:background .15s;width:100%}.btn-update-inventory:hover{background:#d97706}.btn-update-inventory:disabled{background:#94a3b8;cursor:not-allowed}.notes-chat-container{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;position:relative}.notes-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 20px 120px}.notes-chat-messages>:first-child{margin-top:auto}.notes-empty-state{align-items:center;color:#64748b;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:auto;text-align:center}.notes-empty-state p{margin:4px 0}.notes-hint{color:#94a3b8;font-size:12px}.note-message{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:16px}.note-message.own-message{background:#eff6ff;border:1px solid #dbeafe}.note-message.deleted{background:#0000;box-shadow:none;padding:8px 16px}.note-deleted-placeholder{color:#94a3b8;font-size:13px;font-style:italic;text-align:center}.note-message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.note-author-info{align-items:center;display:flex;gap:10px}.note-author-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.note-author-avatar-placeholder{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.note-author-details{display:flex;flex-direction:column}.note-author-name{color:#1e293b;font-size:14px;font-weight:600}.note-timestamp{color:#94a3b8;font-size:12px}.note-menu-container{position:relative}.note-menu-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:18px;padding:4px 8px;transition:all .15s}.note-menu-btn:hover{background:#f1f5f9;color:#64748b}.note-menu-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:99999}.note-menu-dropdown button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:13px;padding:10px 16px;text-align:left;transition:background .15s;width:100%}.note-menu-dropdown button:hover{background:#f1f5f9}.note-menu-dropdown button.delete-btn{color:#dc2626}.note-menu-dropdown button.delete-btn:hover{background:#fef2f2}.note-message-content{color:#374151;font-size:14px;line-height:1.6}.note-message-content p{margin:0;white-space:pre-wrap;word-break:break-word}.mention-highlight{background:#eff6ff;border-radius:4px;color:#3b82f6;font-weight:500;padding:1px 4px}.note-edited-indicator{color:#94a3b8;display:block;font-size:11px;font-style:italic;margin-top:8px}.note-edit-form{margin-top:8px}.note-edit-textarea{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-height:80px;padding:10px 12px;resize:vertical;width:100%}.note-edit-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.note-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn-sm{font-size:12px}.note-attachment{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.attachment-link{align-items:center;background:#f1f5f9;border-radius:6px;color:#3b82f6;display:inline-flex;font-size:13px;gap:6px;padding:8px 12px;text-decoration:none;transition:background .15s}.attachment-link:hover{background:#e2e8f0}.attachment-icon{font-size:16px}.attachment-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-input-area{background:#fff;border-top:1px solid #e2e8f0;bottom:0;flex-shrink:0;left:0;padding:16px 20px;position:absolute;right:0;z-index:50}.attachment-preview{align-items:center;background:#f1f5f9;border-radius:6px;display:flex;gap:8px;margin-bottom:12px;padding:8px 12px}.attachment-preview-name{color:#374151;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:0 4px}.attachment-remove-btn:hover{color:#dc2626}.note-input-wrapper{align-items:flex-end;display:flex;gap:12px;position:relative}.note-chat-input{field-sizing:content;border:1px solid #e2e8f0;border-radius:24px;flex:1 1;font-size:14px;line-height:1.4;max-height:200px;min-height:44px;overflow-y:auto;padding:12px 16px;resize:none}.note-chat-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.note-input-actions{align-items:center;display:flex;gap:4px}.note-action-btn{align-items:center;background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.note-action-btn:hover{background:#e2e8f0}.note-send-btn{background:#3b82f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background .15s}.note-send-btn:hover:not(:disabled){background:#2563eb}.note-send-btn:disabled{background:#94a3b8;cursor:not-allowed}.mention-dropdown-container{bottom:100%;left:0;margin-bottom:8px;position:absolute;right:0;z-index:100}.mention-dropdown{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto}.mention-user-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.mention-user-option:hover{background:#f1f5f9}.mention-user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.mention-user-avatar-placeholder{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:600;height:32px;justify-content:center;width:32px}.mention-user-info{display:flex;flex-direction:column}.mention-user-name{color:#1e293b;font-size:14px;font-weight:500}.mention-user-role{color:#64748b;font-size:12px;text-transform:capitalize}.mention-no-results{color:#94a3b8;font-size:13px;padding:16px;text-align:center}.export-notes-container{display:flex;justify-content:flex-end;margin-top:4px}.export-notes-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:11px;padding:2px 4px;transition:all .15s}.export-notes-btn:hover{background:#f1f5f9;color:#3b82f6}.modal-content.payment-modal{max-height:90vh;max-width:780px;overflow-y:auto;width:95%}.payment-modal-body{display:flex;gap:24px;min-height:520px;padding:20px 24px 24px}.payment-modal-left{display:flex;flex:1 1;flex-direction:column;gap:16px}.payment-modal-right{background:#f8fafc;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:12px;padding:16px;width:280px}.payment-amount-section{display:flex;flex-direction:column;gap:6px}.payment-amount-label{color:#475569;font-size:13px;font-weight:600}.payment-amount-input-wrap{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;padding:0 12px;transition:border-color .15s}.payment-amount-input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-dollar-sign{color:#1e293b;font-size:20px;font-weight:600;margin-right:4px}.payment-amount-input{background:#0000;border:none;color:#1e293b;font-size:24px;font-weight:600;outline:none;padding:10px 0;width:100%}.payment-amount-input::-webkit-inner-spin-button,.payment-amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.payment-amount-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.payment-cards-section{display:flex;flex-direction:column;gap:8px}.payment-cards-header{color:#475569;font-size:13px;font-weight:600}.payment-cards-loading,.payment-no-cards{background:#f8fafc;border-radius:6px;color:#94a3b8;font-size:13px;padding:12px;text-align:center}.payment-cards-list{display:flex;flex-direction:column;gap:6px}.payment-card-item{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .15s}.payment-card-item:hover{border-color:#cbd5e1}.payment-card-item.selected{background:#eff6ff;border-color:#3b82f6}.payment-card-radio input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.payment-card-info{align-items:center;color:#334155;display:flex;flex:1 1;font-size:13px;gap:6px}.payment-card-brand{font-weight:600;text-transform:capitalize}.payment-card-last4{color:#64748b}.payment-card-exp{color:#94a3b8;font-size:12px}.payment-card-delete{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:all .15s}.payment-card-delete:hover{background:#fef2f2;color:#ef4444}.btn-add-new-card{background:none;border:1.5px dashed #cbd5e1;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:all .15s}.btn-add-new-card:hover{background:#eff6ff;border-color:#3b82f6}.btn-add-new-card:disabled{cursor:not-allowed;opacity:.5}.payment-other-methods{display:flex;flex-direction:column;gap:4px;margin-top:4px}.btn-payment-method{background:none;border:none;border-radius:6px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;transition:all .15s}.btn-payment-method:hover{background:#eff6ff}.add-card-form{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:14px}.card-element-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.card-element-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.save-on-file-checkbox{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px}.save-on-file-checkbox input{accent-color:#3b82f6;height:15px;width:15px}.card-form-error{background:#fef2f2;border-radius:6px;color:#ef4444;font-size:13px;padding:6px 10px}.card-form-actions{display:flex;gap:8px;justify-content:flex-end}.btn-cancel-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .15s}.btn-cancel-card:hover{background:#f1f5f9}.btn-save-card{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .15s}.btn-save-card:hover{background:#2563eb}.btn-save-card:disabled{cursor:not-allowed;opacity:.6}.btn-charge-card{background:#22c55e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:auto;padding:12px;transition:all .15s}.btn-charge-card:hover{background:#16a34a}.btn-charge-card:disabled{cursor:not-allowed;opacity:.6}.payment-error-msg{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;font-size:13px;padding:8px 12px}.payment-success-msg{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-size:13px;padding:8px 12px}.payment-order-header{border-bottom:1px solid #e2e8f0;color:#1e293b;font-size:15px;font-weight:700;padding-bottom:10px}.payment-summary-rows{display:flex;flex-direction:column;gap:6px}.payment-summary-row{align-items:center;color:#475569;display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.payment-summary-row span:last-child{font-feature-settings:"tnum";color:#1e293b;font-variant-numeric:tabular-nums;font-weight:600}.payment-summary-total{border-top:1px solid #e2e8f0;font-weight:700;margin-top:4px;padding-top:8px}.payment-summary-total span{color:#1e293b;font-size:14px}.payment-summary-remaining{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:8px}.payment-summary-remaining span:last-child{color:#3b82f6;font-weight:700}.payment-transactions-section{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:12px}.payment-transactions-header{color:#475569;font-size:13px;font-weight:600;margin-bottom:8px}.payment-no-transactions{color:#94a3b8;font-size:13px;padding:16px 0;text-align:center}.payment-transactions-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.payment-transaction-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 10px}.payment-tx-left{display:flex;flex-direction:column;gap:2px}.payment-tx-method{color:#334155;font-size:13px;font-weight:500}.payment-tx-date{color:#94a3b8;font-size:11px}.payment-tx-amount{font-feature-settings:"tnum";color:#475569;font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.payment-tx-amount.paid{color:#16a34a}.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}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.9em}.form-group input,.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:.95em;padding:10px 12px;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.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;gap:12px;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky}.btn{border-radius:6px;font-size:1em;padding:12px 24px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%)}.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%}}.appointments-page-v2{display:flex;flex-direction:column;height:calc(100vh - 80px);height:calc(100vh - 60px);margin:-30px;overflow:hidden;width:calc(100% + 60px)}.appointments-layout-v2{display:flex;flex:1 1;overflow:hidden}.options-panel{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;position:relative;transition:width .2s ease;width:240px}.options-panel.collapsed{width:40px}.panel-toggle{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:0 6px 6px 0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;font-weight:700;height:48px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;z-index:10}.panel-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.panel-content{flex:1 1;overflow-y:auto;padding:16px}.option-section{margin-bottom:24px}.option-section h4{color:var(--text-secondary);font-size:.8em;font-weight:600;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px}.radio-option input[type=radio]{accent-color:var(--primary)}.color-select{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9em;padding:8px 12px;width:100%}.color-select:focus{border-color:var(--primary);outline:none}.technicians-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.technicians-section .section-header h4{margin:0}.select-actions{display:flex;gap:8px}.select-actions button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.75em;padding:2px 6px}.select-actions button:hover{text-decoration:underline}.technicians-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.tech-checkbox{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px;padding:4px 0}.tech-checkbox input[type=checkbox]{accent-color:var(--primary)}.tech-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.tech-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-techs{color:var(--text-secondary)}.main-content{background:var(--background);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.calendar-toolbar{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:12px 20px}.toolbar-left{align-items:center;display:flex;gap:12px}.btn-today{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .15s ease}.btn-today:hover{background:var(--surface-hover);border-color:var(--primary)}.nav-buttons{display:flex;gap:4px}.btn-nav{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2em;font-weight:700;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.btn-nav:hover{background:var(--surface-hover);border-color:var(--primary)}.date-display{color:var(--text-primary);font-size:1.1em;font-weight:600}.toolbar-right{align-items:center;display:flex;gap:16px}.view-toggle{background:var(--surface-secondary);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.toggle-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .15s ease}.toggle-btn:not(:last-child){border-right:1px solid var(--border)}.toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.toggle-btn.active{background:var(--primary);color:#fff}.new-appointment-btn{font-size:.9em;padding:8px 16px}.calendar-wrapper{background:var(--surface);flex:1 1;overflow:auto;position:relative}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}[data-theme=dark] .loading-overlay{background:#0009}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.group-by-tech-view{height:100%;min-width:100%}.tech-grid{display:flex;flex-direction:column;min-height:100%}.tech-grid-header{background:var(--surface-secondary);border-bottom:2px solid var(--border);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:5}.tech-grid-header .header-cell{font-weight:600}.day-header-cell{border-left:1px solid var(--border);flex:1 1;min-width:120px;padding:12px 8px;text-align:center}.day-header-cell.today{background:#06b6d41a}.day-header-cell .day-name{color:var(--text-secondary);display:block;font-size:.75em;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.day-header-cell .day-number{color:var(--text-primary);display:block;font-size:1.2em;font-weight:600;margin-top:2px}.day-header-cell.today .day-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;height:28px;justify-content:center;width:28px}.tech-name-cell{align-items:center;background:var(--surface-secondary);border-right:1px solid var(--border);color:var(--text-primary);display:flex;font-weight:500;gap:8px;left:0;min-width:180px;padding:12px;position:-webkit-sticky;position:sticky;width:180px;z-index:3}.tech-row{border-bottom:1px solid var(--border);display:flex;min-height:80px}.tech-row:hover{background:var(--surface-hover)}.day-cell{border-left:1px solid var(--border);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:4px}.day-cell.today{background:#06b6d40d}.day-cell:hover{background:#06b6d414}.no-techs-message{color:var(--text-secondary);font-size:.95em;padding:48px;text-align:center}.group-by-tech-view .appointment-block{background:var(--primary);border-left:3px solid;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;overflow:hidden;padding:6px 8px;transition:transform .1s ease,box-shadow .1s ease}.group-by-tech-view .appointment-block:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.appointment-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standard-week-view{display:flex;flex-direction:column;height:100%}.week-header{background:var(--surface-secondary);border-bottom:2px solid var(--border);display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:5}.time-gutter-header{min-width:60px;width:60px}.week-header .day-header{border-left:1px solid var(--border);flex:1 1;padding:12px 8px;text-align:center}.week-header .day-header.today{background:#06b6d41a}.week-header .day-header .day-name{color:var(--text-secondary);display:block;font-size:.75em;font-weight:600;text-transform:uppercase}.week-header .day-header .day-number{color:var(--text-primary);display:block;font-size:1.2em;font-weight:600;margin-top:2px}.week-header .day-header.today .day-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;height:28px;justify-content:center;width:28px}.week-body{display:flex;flex:1 1;overflow-y:auto}.time-gutter{background:var(--surface-secondary);border-right:1px solid var(--border);min-width:60px;width:60px}.time-slot{border-bottom:1px solid var(--border);position:relative}.time-label{background:var(--surface-secondary);color:var(--text-secondary);font-size:.75em;padding:0 4px;position:absolute;right:8px;top:-8px}.days-container{display:flex;flex:1 1}.days-container .day-column{border-left:1px solid var(--border);cursor:pointer;flex:1 1;position:relative}.days-container .day-column.today{background:#06b6d408}.hour-slot{border-bottom:1px solid var(--border)}.standard-day-view .appointment-block,.standard-week-view .appointment-block{background:var(--primary);border-left:3px solid;border-radius:4px;color:#fff;cursor:pointer;font-size:.8em;left:2px;overflow:hidden;padding:4px 8px;position:absolute;right:2px;transition:transform .1s ease,box-shadow .1s ease;z-index:2}.standard-day-view .appointment-block:hover,.standard-week-view .appointment-block:hover{box-shadow:0 2px 8px #0003;transform:scale(1.02);z-index:3}.appointment-time{font-size:.85em;font-weight:600;opacity:.9}.appointment-title{font-weight:500}.appointment-customer,.appointment-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-customer{font-size:.85em;opacity:.85}.appointment-techs{font-size:.8em;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-indicator{left:0;pointer-events:none;position:absolute;right:0;z-index:4}.now-dot{background:#ef4444;border-radius:50%;height:10px;left:-5px;position:absolute;top:-4px;width:10px}.now-line{background:#ef4444;height:2px}.standard-day-view{display:flex;flex-direction:column;height:100%}.day-view-header{background:var(--surface-secondary);border-bottom:2px solid var(--border);padding:16px 20px}.day-view-header h3{color:var(--text-primary);font-size:1.2em;font-weight:600;margin:0}.day-view-header h3.today{color:var(--primary)}.day-view-body{display:flex;flex:1 1;overflow-y:auto}.standard-day-view .day-column{cursor:pointer;flex:1 1;position:relative}.month-view{display:flex;flex-direction:column;height:100%}.month-header{background:var(--surface-secondary);border-bottom:2px solid var(--border);display:grid;grid-template-columns:repeat(7,1fr)}.month-header-cell{color:var(--text-secondary);font-size:.8em;font-weight:600;padding:12px;text-align:center;text-transform:uppercase}.month-body{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.month-week{display:grid;flex:1 1;grid-template-columns:repeat(7,1fr);min-height:120px}.month-day{background:var(--surface);border-bottom:1px solid var(--border);border-right:1px solid var(--border);cursor:pointer;min-height:100px;padding:4px}.month-day:last-child{border-right:none}.month-day.other-month{background:var(--surface-secondary)}.month-day.other-month .day-number{color:var(--text-tertiary)}.month-day.today{background:#06b6d40d}.month-day:hover{background:var(--surface-hover)}.month-day .day-number{color:var(--text-secondary);font-size:.9em;font-weight:500;padding:4px}.month-day .today-number{align-items:center;background:var(--primary);border-radius:50%;color:#fff;display:inline-flex;height:24px;justify-content:center;width:24px}.day-appointments{display:flex;flex-direction:column;gap:2px;margin-top:4px}.month-appointment{background:var(--primary);border-radius:3px;color:#fff;cursor:pointer;font-size:.75em;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;transition:transform .1s ease;white-space:nowrap}.month-appointment:hover{transform:scale(1.02)}.month-appointment .appointment-time{font-weight:600;margin-right:4px}.month-appointment .appointment-name{opacity:.9}.more-appointments{color:var(--primary);cursor:pointer;font-size:.75em;font-weight:500;padding:2px 6px}.more-appointments:hover{text-decoration:underline}.modal-overlay{bottom:0;left:0;right:0;top:0}.appointment-modal{background:var(--surface);border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;max-height:90vh;max-width:900px;overflow:hidden;width:100%}.modal-form-panel{border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column}.modal-preview-panel{background:var(--surface-secondary);overflow-y:auto;width:280px}.modal-header{border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.25em;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5em;line-height:1;padding:4px 8px}.close-btn:hover{color:var(--text-primary)}.modal-footer{background:var(--surface-secondary);border-top:1px solid var(--border)}.modal-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:20px;padding-bottom:12px}.tab-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9em;font-weight:500;padding:8px 16px;transition:all .15s ease}.tab-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.tab-btn.active{background:var(--primary);color:#fff}.form-group label{font-size:.85em;font-weight:600}.form-group input[type=date],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.95em;padding:10px 12px;width:100%}.form-group select:disabled{background:var(--surface-secondary);color:var(--text-tertiary);cursor:not-allowed}.datetime-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.datetime-row .form-group{flex:1 1;margin-bottom:0;min-width:100px}.datetime-separator{color:var(--text-secondary);font-size:.9em;padding-bottom:10px}.checkbox-row{display:flex;gap:24px;margin-bottom:20px}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;gap:8px}.checkbox-label input[type=checkbox]{accent-color:var(--primary)}.tech-select-list{background:var(--surface);border:1px solid var(--border);border-radius:6px;max-height:150px;overflow-y:auto;padding:8px}.tech-select-list .tech-checkbox{border-radius:4px;padding:6px 8px}.tech-select-list .tech-checkbox:hover{background:var(--surface-hover)}.tech-color-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.no-techs{color:var(--text-tertiary);font-size:.85em;font-style:italic}.reminders-panel{padding:40px;text-align:center}.coming-soon{color:var(--text-tertiary);font-style:italic}.mini-day-schedule{display:flex;flex-direction:column;height:100%}.mini-schedule-header{border-bottom:1px solid var(--border);padding:16px}.mini-schedule-header h4{color:var(--text-primary);font-size:.95em;font-weight:600;margin:0 0 4px}.mini-schedule-header .appointment-count{color:var(--text-secondary);font-size:.8em}.mini-schedule-body{display:flex;flex:1 1;overflow-y:auto;padding:8px}.mini-time-gutter{flex-shrink:0;width:30px}.mini-time-slot{position:relative}.mini-time-label{color:var(--text-tertiary);font-size:.65em;position:absolute;right:4px;top:-6px}.mini-schedule-content{flex:1 1;margin-left:4px;position:relative}.mini-hour-line{border-top:1px solid var(--border);left:0;position:absolute;right:0}.mini-now-indicator{left:0;position:absolute;right:0;z-index:3}.mini-now-dot{background:#ef4444;border-radius:50%;height:6px;left:-3px;position:absolute;top:-3px;width:6px}.mini-now-line{background:#ef4444;height:2px}.mini-appointment{border-radius:3px;color:#fff;font-size:.7em;left:0;overflow:hidden;padding:2px 4px;position:absolute;right:0;z-index:1}.mini-apt-time{display:block;font-weight:600}.mini-apt-name{display:block;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-appointment-preview{align-items:center;background:#06b6d41a;border:2px dashed var(--primary);border-radius:3px;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:2}.preview-label{color:var(--primary);font-size:.7em;font-weight:600;text-transform:uppercase}@media (max-width:1024px){.options-panel{width:200px}.tech-name-cell{min-width:140px;width:140px}.modal-preview-panel{display:none}.appointment-modal{max-width:600px}}@media (max-width:768px){.appointments-page-v2{margin:-15px;width:calc(100% + 30px)}.options-panel{bottom:0;box-shadow:2px 0 10px #0000001a;left:0;position:absolute;top:0;z-index:20}.options-panel.collapsed{border-right:none;width:0}.options-panel.collapsed .panel-toggle{right:-32px}.calendar-toolbar{flex-wrap:wrap;gap:12px;padding:12px}.toolbar-left,.toolbar-right{justify-content:center;width:100%}.date-display{display:none}.datetime-row{flex-direction:column}.datetime-row .form-group{width:100%}.datetime-separator{display:none}}.user-mgmt-container{width:100%}.user-mgmt-sub-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:0;margin-bottom:16px}.user-mgmt-sub-tabs .sub-tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:8px 20px;transition:all .2s}.user-mgmt-sub-tabs .sub-tab-btn:hover{color:#374151}.user-mgmt-sub-tabs .sub-tab-btn.active{border-bottom-color:#06c;color:#06c}.user-mgmt-sub-tabs .sub-tab-count{color:#9ca3af;font-size:12px;margin-left:6px}.user-mgmt-search{margin-bottom:16px;position:relative}.user-mgmt-search input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 14px 10px 38px;transition:border-color .2s;width:100%}.user-mgmt-search input:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.user-mgmt-search .search-icon{color:#9ca3af;font-size:16px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.user-mgmt-table{border-collapse:collapse;font-size:14px;width:100%}.user-mgmt-table thead th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.user-mgmt-table thead th.um-sortable-th{cursor:pointer;transition:color .15s;-webkit-user-select:none;user-select:none}.user-mgmt-table thead th.um-sortable-th:hover{color:#111827}.um-sort-arrow{display:inline-block;font-size:10px;margin-left:4px;vertical-align:middle}.um-sort-arrow.inactive{color:#d1d5db}.um-sort-arrow.active{color:#06c}.user-mgmt-table tbody tr{cursor:pointer;transition:background-color .15s}.user-mgmt-table tbody tr:hover{background-color:#f9fafb}.user-mgmt-table tbody td{border-bottom:1px solid #f3f4f6;color:#374151;padding:12px}.user-mgmt-table .status-cell{align-items:center;display:flex;gap:6px}.um-role-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 10px;white-space:nowrap}.um-role-admin{background:#fee2e2;color:#991b1b}.um-role-manager{background:#fef3c7;color:#92400e}.um-role-technician{background:#dbeafe;color:#1e40af}.um-role-service-writer{background:#e0e7ff;color:#3730a3}.um-role-customer{background:#d1fae5;color:#065f46}.um-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:2px 10px}.um-status-active{background:#d1fae5;color:#065f46}.um-status-disabled{background:#fee2e2;color:#991b1b}.user-mgmt-container .card{overflow:visible}.um-actions-cell{position:relative;text-align:center;width:40px}.um-three-dot-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;letter-spacing:2px;line-height:1;padding:6px 8px;transition:background-color .15s}.um-three-dot-btn:hover{background-color:#f3f4f6;color:#374151}.um-dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;padding:4px 0;position:absolute;right:0;top:100%;z-index:50}.um-dropdown-menu button{background:none;border:none;color:#374151;cursor:pointer;display:block;font-size:14px;padding:8px 16px;text-align:left;transition:background-color .15s;width:100%}.um-dropdown-menu button:hover{background-color:#f3f4f6}.um-dropdown-menu button.danger{color:#dc2626}.um-dropdown-menu button.danger:hover{background-color:#fef2f2}.um-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.um-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;width:600px}.um-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.um-modal-header h2{color:#111827;font-size:18px;font-weight:600;margin:0}.um-modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;line-height:1;padding:4px}.um-modal-close:hover{background:#f3f4f6;color:#374151}.um-avatar-section{display:flex;justify-content:center;margin-bottom:20px}.um-avatar-wrapper{display:inline-block;position:relative}.um-avatar-img{object-fit:cover}.um-avatar-img,.um-avatar-placeholder{border:3px solid #e5e7eb;border-radius:50%;height:80px;width:80px}.um-avatar-placeholder{align-items:center;background:#dbeafe;color:#1e40af;display:flex;font-size:24px;font-weight:600;justify-content:center}.um-avatar-edit-btn{background:#fff;border:1px solid #d1d5db;border-radius:12px;bottom:-4px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;font-size:11px;left:50%;padding:2px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap}.um-avatar-edit-btn:hover{background:#f3f4f6}.um-avatar-edit-btn:disabled{cursor:not-allowed;opacity:.5}.um-location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.um-location-header label{margin-bottom:0!important}.um-select-all-btn{background:none;border:none;color:#06c;cursor:pointer;font-size:13px;font-weight:500;padding:0}.um-select-all-btn:hover{text-decoration:underline}.um-modal-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 24px}.um-modal-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-1px;padding:12px 16px;transition:all .2s}.um-modal-tabs button:hover{color:#374151}.um-modal-tabs button.active{border-bottom-color:#06c;color:#06c}.um-modal-body{flex:1 1;overflow-y:auto;padding:24px}.um-modal-body .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.um-modal-body .form-group{margin-bottom:16px}.um-modal-body .form-group label{color:#374151;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.um-modal-body .form-group input,.um-modal-body .form-group select{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 12px;width:100%}.um-modal-body .form-group input:focus,.um-modal-body .form-group select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.um-location-grid{display:flex;flex-direction:column;gap:8px}.um-location-item{align-items:center;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .15s}.um-location-item:hover{background-color:#f9fafb}.um-location-item input[type=checkbox]{cursor:pointer;height:16px;width:16px}.um-location-item label{color:#374151;cursor:pointer;font-size:14px;margin-bottom:0!important}.um-placeholder{color:#9ca3af;padding:40px 20px;text-align:center}.um-placeholder p{font-size:16px;margin:0}.um-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 24px}.um-modal-footer .footer-left{display:flex}.um-modal-footer .footer-right{display:flex;gap:8px}.um-modal-footer .btn-reset-pw{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .15s}.um-modal-footer .btn-reset-pw:hover{background:#f3f4f6}.um-modal-footer .btn-reset-pw:disabled{cursor:not-allowed;opacity:.5}.um-confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;max-width:95vw;width:440px}.um-confirm-modal .um-modal-body,.um-confirm-modal .um-modal-header{padding:16px 20px}.um-confirm-modal .um-modal-body p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.um-confirm-modal .um-modal-footer{justify-content:flex-end;padding:12px 20px}.um-pagination{align-items:center;display:flex;gap:4px;justify-content:center;padding:16px 0}.um-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .15s}.um-pagination button:hover:not(:disabled){background:#f3f4f6}.um-pagination button.active{background:#06c;border-color:#06c;color:#fff}.um-pagination button:disabled{cursor:not-allowed;opacity:.4}.um-pagination .page-info{color:#6b7280;font-size:13px;padding:0 8px}.um-loading{color:#6b7280;font-size:14px}.um-empty,.um-loading{padding:40px 20px;text-align:center}.um-empty{color:#9ca3af}.um-empty p{font-size:14px;margin:0}.um-toast{align-items:center;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-bottom:12px;padding:10px 16px}.um-toast.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.um-modal-error,.um-toast.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.um-modal-error{border-radius:8px;font-size:14px;margin-bottom:16px;padding:10px 14px}.um-convert-prompt{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px;padding:16px}.um-convert-prompt p{color:#92400e;font-size:14px;line-height:1.5;margin:0 0 12px}.um-convert-role-row{align-items:center;display:flex;gap:10px;margin-bottom:14px}.um-convert-role-row label{color:#374151;font-size:13px;font-weight:500;white-space:nowrap}.um-convert-role-row select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:6px 10px}.um-convert-role-row select:focus{border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.um-convert-actions{display:flex;gap:8px}.um-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.um-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.um-header .subtitle{color:#6b7280;font-size:13px;margin:2px 0 0}.um-security-tab{padding:8px 0}.um-security-section{margin-bottom:24px}.um-security-section h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 8px}.um-security-info{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 20px}.um-security-toggle{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.um-toggle-label{align-items:center;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px}.um-toggle-label input[type=checkbox]{accent-color:#06c;cursor:pointer;height:18px;width:18px}.um-toggle-text{-webkit-user-select:none;user-select:none}.um-toggle-description{color:#6b7280;font-size:12px;line-height:1.4;margin:8px 0 0 28px}.settings-page{height:100%}.settings-layout{display:flex;gap:0;min-height:100%}.settings-sidebar{background:var(--surface);border-radius:0;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:4px;height:100vh;overflow-y:auto;padding:20px 12px;position:-webkit-sticky;position:sticky;top:0;width:220px}.settings-sidebar-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.15em;font-weight:700;margin-bottom:4px;padding:0 10px 14px}.settings-sidebar-group{display:flex;flex-direction:column;gap:2px}.settings-sidebar-group+.settings-sidebar-group{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.settings-sidebar-label{color:var(--text-tertiary);font-size:.7em;font-weight:600;letter-spacing:.05em;margin-bottom:2px;padding:4px 10px;text-transform:uppercase}.settings-sidebar-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.88em;font-weight:500;gap:10px;padding:9px 10px;text-align:left;transition:all .12s ease;width:100%}.settings-sidebar-btn:hover{background:var(--background);color:var(--text-primary)}.settings-sidebar-btn.active{background:var(--primary);color:#fff}.settings-sidebar-btn.active svg{stroke:#fff}.settings-sidebar-btn svg{stroke:var(--text-tertiary);flex-shrink:0;transition:stroke .12s ease}.settings-sidebar-btn:hover svg{stroke:var(--text-secondary)}.settings-content{flex:1 1;min-width:0;padding:20px 30px 30px}.card-section-title{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:16px;padding:16px 16px 12px}.logo-upload-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 16px 16px}.logo-upload-card{align-items:center;display:flex;flex-direction:column;gap:8px}.logo-upload-label{color:var(--text-primary);font-size:.9em;font-weight:600}.logo-upload-desc{color:var(--text-tertiary);font-size:.78em;line-height:1.3;max-width:200px;text-align:center}.logo-upload-preview{align-items:center;background:var(--background);border:2px dashed var(--border);border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.logo-upload-preview img{max-height:100%;max-width:100%;object-fit:contain}.logo-preview-square{height:120px;width:120px}.logo-preview-wide{height:100px;width:240px}.logo-preview-favicon{height:80px;width:80px}.logo-placeholder{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:6px}.logo-placeholder span{font-size:.75em}.logo-upload-actions{align-items:center;display:flex;gap:8px}.logo-inherited{align-items:center;display:flex;height:100%;justify-content:center;opacity:.6;position:relative;width:100%}.logo-inherited img{max-height:100%;max-width:100%;object-fit:contain}.inherited-badge{background:var(--primary);border-radius:4px;bottom:4px;color:#fff;font-size:.65em;font-weight:600;padding:2px 6px;position:absolute;right:4px;text-transform:uppercase}.logo-inherit-note{color:var(--text-tertiary);font-size:.85em;margin:0;padding:0 16px 12px}.location-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.location-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:16px;transition:all .15s ease}.location-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.location-card-header{align-items:center;display:flex;gap:12px}.location-card-icon{align-items:center;background:var(--background);border-radius:10px;color:var(--text-tertiary);display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.location-card-icon img{border-radius:10px;height:100%;object-fit:cover;width:100%}.location-card-info{flex:1 1;min-width:0}.location-card-info h3{color:var(--text-primary);font-size:.95em;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-card-info p{color:var(--text-tertiary);font-size:.82em;margin:2px 0 0}.location-card-arrow{color:var(--text-tertiary);flex-shrink:0}.location-card:hover .location-card-arrow{color:var(--primary)}.location-card-meta{border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.location-meta-tag{background:var(--background);border-radius:4px;color:var(--text-secondary);font-size:.75em;padding:3px 8px;white-space:nowrap}.gs-toggle-row{border-bottom:1px solid var(--border);padding:10px 0}.gs-toggle-row:last-child{border-bottom:none}.gs-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9em;font-weight:500;gap:10px}.gs-toggle input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;height:18px;width:18px}.gs-toggle-fields{display:flex;gap:12px;margin-top:10px;padding-left:28px}.gs-toggle-fields .form-group{flex:1 1;margin-bottom:0}.gs-fee-block{border-bottom:1px solid var(--border);padding:14px 0}.gs-fee-block:first-child{padding-top:0}.gs-fee-header{color:var(--text-primary);font-size:.95em;font-weight:600;margin-bottom:10px}.gs-fee-label{color:var(--text-secondary);font-size:.82em;font-weight:500;margin:10px 0 6px}.gs-checkbox-grid{display:flex;flex-wrap:wrap;gap:14px 24px}.gs-fee-inline{align-items:flex-end;display:flex;gap:12px}.gs-fee-inline .form-group{margin-bottom:0}.form-actions{align-items:center;display:flex;padding-top:8px}@media (max-width:900px){.settings-layout{flex-direction:column;gap:0;margin-bottom:0;margin-left:0;min-height:auto}.settings-sidebar{border-bottom:1px solid var(--border);border-right:none;padding:12px;width:100%}.settings-sidebar,.settings-sidebar-group{flex-direction:row;flex-wrap:wrap;gap:4px}.settings-sidebar-group+.settings-sidebar-group{border-left:1px solid var(--border);border-top:none;margin-top:0;padding-left:8px;padding-top:0}.settings-sidebar-label{display:none}.settings-sidebar-btn{font-size:.82em;padding:8px 12px}}@media (max-width:768px){.location-cards-grid,.logo-upload-grid{grid-template-columns:1fr}.logo-preview-wide{max-width:240px;width:100%}}.modal-overlay *,.modal-overlay :after,.modal-overlay :before,.poseidon-plus-page *,.poseidon-plus-page :after,.poseidon-plus-page :before{box-sizing:border-box}.poseidon-plus-page{background-color:#f9fafc;margin:-30px;padding:30px}.poseidon-plus-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.poseidon-plus-page .page-header h1{color:#234055;margin:0}.poseidon-plus-page .subtitle{color:var(--text-secondary);margin:4px 0 0}.pp-nav{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:2px;margin:-30px -30px 24px;padding:0 30px}.pp-nav-item{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:14px 20px;transition:all .15s ease;white-space:nowrap}.pp-nav-item:hover{background:#f8fafc;color:#1e293b}.pp-nav-item.active{background:#0000;border-bottom-color:var(--primary);color:var(--primary)}.pp-nav-osr-badge{align-items:center;animation:pp-badge-pulse 1.8s ease-in-out infinite;background:#ef4444;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 5px}@keyframes pp-badge-pulse{0%,to{box-shadow:0 0 0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}@keyframes osr-alert-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes osr-alert-glow{0%,to{box-shadow:0 8px 40px #dc26268c,0 0 0 0 #dc262666}50%{box-shadow:0 8px 40px #dc2626cc,0 0 0 14px #dc262600}}@keyframes osr-alert-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}40%{transform:translateX(5px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.osr-alert-notification{animation:osr-alert-enter .4s cubic-bezier(.22,1,.36,1) forwards,osr-alert-glow 2.4s ease-in-out .4s infinite;background:linear-gradient(145deg,#dc2626,#991b1b);border-radius:16px;bottom:28px;color:#fff;cursor:pointer;padding:18px 18px 14px;position:fixed;right:28px;transition:transform .15s ease,filter .15s ease;-webkit-user-select:none;user-select:none;width:300px;z-index:9998}.osr-alert-notification:hover{filter:brightness(1.08);transform:scale(1.03)}.osr-alert-notification:active{transform:scale(.98)}.osr-alert-dismiss{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:26px;justify-content:center;line-height:1;position:absolute;right:12px;top:10px;transition:background .15s;width:26px}.osr-alert-dismiss:hover{background:#ffffff4d}.osr-alert-header{align-items:center;color:#ffffffbf;display:flex;font-size:11px;font-weight:900;gap:5px;letter-spacing:2px;margin-bottom:10px;text-transform:uppercase}.osr-alert-name{color:#fff;font-size:20px;font-weight:800;line-height:1.2;margin-bottom:8px;word-break:break-word}.osr-alert-meta{color:#ffffffd1;display:flex;flex-wrap:wrap;font-size:12px;font-weight:600;gap:6px 12px;margin-bottom:10px}.osr-alert-more{background:#ffffff2e;border-radius:20px;display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:3px 12px}.osr-alert-cta{background:#fff;border-radius:10px;color:#dc2626;font-size:13px;font-weight:800;letter-spacing:.3px;padding:10px 14px;text-align:center}.pp-nav-icon{flex-shrink:0;height:18px;position:relative;width:18px}.pp-nav-icon img{height:18px;left:0;object-fit:contain;position:absolute;top:0;transition:opacity .15s ease;width:18px}.pp-nav-icon .icon-gray{opacity:1}.pp-nav-icon .icon-duotone,.pp-nav-item.active .pp-nav-icon .icon-gray,.pp-nav-item:hover .pp-nav-icon .icon-gray{opacity:0}.pp-nav-item.active .pp-nav-icon .icon-duotone,.pp-nav-item:hover .pp-nav-icon .icon-duotone{opacity:1}.pp-nav-label{font-size:14px}.pp-nav-refresh{align-items:center;display:flex;gap:8px;margin-left:auto;padding-right:4px}.pp-nav-refresh-time{color:#94a3b8;font-size:12px;white-space:nowrap}.pp-nav-refresh-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:all .15s ease;width:32px}.pp-nav-refresh-btn:hover{background:#f1f5f9;color:#1e293b}.pp-nav-refresh-btn:disabled{cursor:default}.pp-nav-refresh-btn.spinning{animation:pp-spin .8s linear infinite}@keyframes pp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sm-msg-nav-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .15s ease;width:32px}.sm-msg-nav-btn:hover{background:#f1f5f9;color:#1e293b}.sm-msg-badge{align-items:center;animation:sm-msg-badge-pulse 2s ease-in-out infinite;background:#ef4444;border-radius:9px;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;position:absolute;right:-6px;top:-4px}@keyframes sm-msg-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sm-msg-overlay{animation:sm-msg-fade-in .2s ease;background:#0000004d;inset:0;position:fixed;z-index:9998}@keyframes sm-msg-fade-in{0%{opacity:0}to{opacity:1}}.sm-msg-panel{animation:sm-msg-slide-in .25s ease;background:#fff;background:var(--bg-primary,#fff);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;height:100vh;max-width:90vw;position:fixed;right:0;top:0;width:420px;z-index:9999}@keyframes sm-msg-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sm-msg-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.sm-msg-panel-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:700;margin:0}.sm-msg-panel-meta{align-items:center;display:flex;gap:10px}.sm-msg-panel-time{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px}.sm-msg-panel-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;width:28px}.sm-msg-panel-close:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.sm-msg-panel-body{flex:1 1;overflow-y:auto;padding:8px 0}.sm-msg-item{align-items:flex-start;border-left:3px solid #0000;display:flex;gap:8px;padding:12px 20px;transition:background .15s,border-color .15s}.sm-msg-item.unread{background:#3b82f60d;border-left-color:#3b82f6}.sm-msg-item.read{border-left-color:#0000;opacity:.7}.sm-msg-item:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc);opacity:1}.sm-msg-item-body{cursor:pointer;flex:1 1;min-width:0}.sm-msg-item-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.sm-msg-customer{color:#1e293b;color:var(--text-primary,#1e293b);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm-msg-item.unread .sm-msg-customer{color:#1d4ed8}.sm-msg-time{color:#94a3b8;color:var(--text-tertiary,#94a3b8);flex-shrink:0;font-size:11px;white-space:nowrap}.sm-msg-text{color:#475569;color:var(--text-secondary,#475569);font-size:13px;line-height:1.4;margin-bottom:4px;word-break:break-word}.sm-msg-item.unread .sm-msg-text{color:#1e293b;color:var(--text-primary,#1e293b)}.sm-msg-item-meta{color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;font-size:11px;gap:8px}.sm-msg-item-meta span{white-space:nowrap}.sm-msg-read-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:28px;justify-content:center;margin-top:2px;transition:all .15s;width:28px}.sm-msg-read-btn:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);color:#3b82f6}.sm-msg-read-btn.is-read{color:#3b82f6}.dashboard-tab .metrics-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{background:#fff;border:0;border-radius:12px;box-shadow:var(--shadow-sm);padding:20px}.metric-card.warning{border-left:4px solid #f59e0b}.metric-card .metric-header h3{color:#234055;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.metric-card .metric-value{color:#234055;font-size:28px;font-weight:600;margin:4px 0}.metric-card .metric-subtitle{color:var(--text-tertiary);font-size:12px;margin:0}.plan-stat-card{border-top:4px solid var(--primary);display:flex;min-width:250px;padding:0}.plan-stat-left{flex:2 1;flex-direction:column;padding:20px}.plan-stat-left,.plan-stat-right{display:flex;justify-content:center}.plan-stat-right{align-items:center;border:2px solid var(--primary);border-radius:0 12px 12px 0;container-type:inline-size;margin:-2px;overflow:hidden;padding:8px;width:130px}.plan-stat-right .metric-value{color:inherit;font-size:40cqw;font-weight:700;margin:0;white-space:nowrap}.plan-stat-card .metric-header h3{font-size:18px;font-weight:700}.plan-stat-row{align-items:center;display:flex;gap:8px}.plan-stat-label{color:#64748b;font-size:12px}.trend-ticker{border-radius:4px;font-size:13px;font-weight:600;padding:2px 8px;white-space:nowrap}.trend-ticker.trend-up{background:#d1fae5;color:#059669}.trend-ticker.trend-down{background:#fee2e2;color:#dc2626}.trend-ticker.trend-flat{background:#e2e8f0;color:#64748b}.plan-new-today{color:#059669;font-size:12px;font-weight:500;margin:6px 0 0}.content-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.dashboard-side-cards{display:flex;flex-direction:column;gap:16px}.metric-value-secondary{color:#234055;font-size:22px;font-weight:700;margin:8px 0 0}@media (max-width:1024px){.content-row{grid-template-columns:1fr}}.dashboard-bottom-row{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 2fr;margin-top:24px}@media (max-width:1024px){.dashboard-bottom-row{grid-template-columns:1fr}}.recent-created-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:0 16px}.recent-created-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .15s}.recent-created-tab:hover{color:#234055}.recent-created-tab.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:600}.recent-created-footer{align-items:center;border-top:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;justify-content:space-between;padding:12px 16px}.recent-created-limit{font-style:italic}.recent-created-stats{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:0;padding:12px 16px}.rc-stat{align-items:center;border-right:1px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;padding:4px 8px}.rc-stat:last-child{border-right:none}.rc-stat-value{align-items:center;color:#234055;display:flex;font-size:18px;font-weight:700;gap:6px}.rc-stat-label{color:#64748b;font-size:11px;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.rc-stat-editable{border-bottom:1px dashed #94a3b8;cursor:pointer;padding-bottom:1px;transition:color .15s}.rc-stat-editable:hover{border-bottom-color:var(--primary);color:var(--primary)}.goal-inline-input{background:#fff;border:1px solid var(--primary);border-radius:4px;color:#234055;font-size:18px;font-weight:700;outline:none;padding:2px 4px;text-align:center;width:90px}.rc-has-tooltip{cursor:default;position:relative}.rc-tooltip{background:#1e293b;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #00000026;color:#f1f5f9;display:none;font-size:12px;font-weight:400;line-height:1.5;padding:10px 14px;pointer-events:none;white-space:nowrap;z-index:100}.rc-tooltip,.rc-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.rc-tooltip:after{border:5px solid #0000;border-top-color:#1e293b;content:"";top:100%}.rc-has-tooltip:hover .rc-tooltip{display:block}.mrr-above{color:#059669!important}.mrr-below{color:#dc2626!important}.card-content.recent-created-scroll{margin-top:0;max-height:500px;overflow-y:auto}.recent-created-pagination{align-items:center;display:flex;gap:4px}.recent-created-pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.recent-created-pagination button:hover:not(:disabled){background:#f1f5f9;color:#234055}.recent-created-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.recent-created-pagination button:disabled{cursor:not-allowed;opacity:.4}.activity-list{max-height:400px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:12px;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-icon{align-items:center;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.activity-icon.created{background:#d1fae5;color:#059669}.activity-icon.cancelled{background:#fee2e2;color:#dc2626}.activity-icon.payment_failed{background:#fef3c7;color:#d97706}.activity-icon.payment_succeeded{background:#d1fae5;color:#059669}.activity-icon.paused{background:#e0e7ff;color:#4f46e5}.activity-icon.resumed{background:#d1fae5;color:#059669}.activity-details p{color:#234055;font-size:14px;margin:0 0 4px}.activity-customer,.activity-date{color:var(--text-tertiary);font-size:12px;margin-right:12px}.filters-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.search-input{background:var(--bg-card);color:#234055;flex:1 1;min-width:200px;padding:10px 16px}.search-input,.search-input.full-width{border:1px solid var(--border-color);border-radius:8px;font-size:14px}.search-input.full-width{background:#fff;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);flex:none;margin-bottom:12px;min-width:0;padding:12px 14px;width:100%}.search-input.full-width:focus{box-shadow:0 0 0 3px #06b6d41a}.search-input.full-width:focus,.search-input:focus{border-color:var(--primary);outline:none}.filter-select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:#234055;font-size:14px;min-width:150px;padding:10px 16px}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.data-table th{background-color:#fff;color:#234055;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:#234055;font-size:14px}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr.clickable-row{cursor:pointer;transition:background-color .15s ease}.data-table tbody tr.clickable-row:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.data-table tbody tr.clickable-row:active{background:#e2e8f0;background:var(--bg-active,#e2e8f0)}.customer-info{display:flex;flex-direction:column}.customer-name{font-weight:500}.billing-freq,.customer-email{color:var(--text-tertiary);font-size:12px}.cancel-pending{color:#f59e0b}.cancel-pending,.changes-pending{display:block;font-size:11px;margin-top:4px}.changes-pending{color:#3b82f6}.archived-badge{color:#6b7280;display:block;font-size:11px;font-style:italic;margin-top:4px}.btn-danger-outline{background-color:initial;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.btn-danger-outline:hover{background-color:#dc3545;color:#fff}.archived-indicator{background:#f3f4f6;border-radius:4px;color:#6b7280;display:block;font-size:13px;margin-top:6px;padding:4px 10px}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:500;padding:4px 8px;text-transform:capitalize}.badge-success{background:#d1fae5;color:#059669}.badge-danger{background:#fee2e2;color:#dc2626}.badge-warning{background:#fef3c7;color:#d97706}.badge-secondary{background:#e2e8f0;color:#64748b}.badge-info{background:#e0e7ff;color:#4f46e5}.badge.large{font-size:14px;padding:8px 16px}.status-cell{font-size:12px;font-weight:600;text-align:center;text-transform:capitalize;vertical-align:middle}.status-cell .status-text{display:block;padding:4px 0}.status-cell.badge-success{background:#d1fae5;color:#059669}.status-cell.badge-danger{background:#fee2e2;color:#dc2626}.status-cell.badge-warning{background:#fef3c7;color:#d97706}.status-cell.badge-secondary{background:#e2e8f0;color:#64748b}.status-cell.badge-info{background:#e0e7ff;color:#4f46e5}.status-cell .status-indicator{display:block;font-size:10px;font-weight:500;margin-top:2px;opacity:.85}.status-cell .cancel-pending{color:#b45309}.status-cell .changes-pending{color:#4f46e5}.status-cell .archived-badge{color:#64748b}[data-theme=dark] .status-cell.badge-success{background:#10b98133;color:#34d399}[data-theme=dark] .status-cell.badge-danger{background:#ef444433;color:#f87171}[data-theme=dark] .status-cell.badge-warning{background:#f59e0b33;color:#fbbf24}[data-theme=dark] .status-cell.badge-secondary{background:#64748b33;color:#94a3b8}[data-theme=dark] .status-cell.badge-info{background:#6366f133;color:#a5b4fc}[data-theme=dark] .status-cell .cancel-pending{color:#fbbf24}[data-theme=dark] .status-cell .changes-pending{color:#a5b4fc}[data-theme=dark] .status-cell .archived-badge{color:#94a3b8}.status-cell .dispute-indicator{color:#dc2626;font-weight:600}[data-theme=dark] .status-cell .dispute-indicator{color:#f87171}.dispute-info{color:#dc2626;display:block;font-size:11px;font-weight:500;margin-top:4px}.dispute-info .dispute-status{color:#92400e;font-weight:400}[data-theme=dark] .dispute-info{color:#f87171}[data-theme=dark] .dispute-info .dispute-status{color:#fbbf24}.action-buttons{display:flex;gap:8px}.btn-icon{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--primary);color:var(--primary)}.btn-icon.warning{border-color:#f59e0b;color:#f59e0b}.btn-icon.warning:hover{background:#fef3c7}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px 0}.pagination button{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:8px 16px}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button:hover:not(:disabled){background:var(--bg-secondary)}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.plan-card{background:var(--bg-card);border:2px solid #0000;border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;padding:24px;position:relative;transition:all .2s ease}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.plan-card.popular,.plan-card:hover{border-color:var(--primary)}.popular-badge{border-radius:12px;font-size:11px;padding:4px 12px;right:16px;top:-10px}.plan-card h3{color:var(--text-primary);font-size:18px;margin:0 0 8px}.plan-price{color:var(--primary);font-size:28px;font-weight:600;margin-bottom:12px}.plan-price span{color:var(--text-tertiary);font-size:14px;font-weight:400}.plan-description{color:var(--text-secondary);font-size:14px;margin-bottom:16px;min-height:40px}.plan-stats{border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;gap:24px;margin-bottom:16px;padding:12px 0}.plan-stats .stat{text-align:center}.stat-value{color:var(--text-primary);display:block;font-size:20px;font-weight:600}.stat-value.past-due{color:#dc2626}.stat-label{color:var(--text-tertiary);font-size:12px}.plan-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.plan-benefits .benefit{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-size:12px;padding:4px 8px}.btn-outline{background:#0000;border:1px solid var(--primary);border-radius:8px;color:var(--primary);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s ease;width:100%}.btn-outline:hover{background:var(--primary);color:#fff}.btn-outline.full-width{width:100%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h2{color:#234055;font-size:18px;margin:0}.data-table code{background:var(--bg-secondary);border-radius:4px;font-family:monospace;font-size:13px;padding:4px 8px}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.modal-content.modal-large{max-width:600px}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-header h2{color:var(--text-primary);font-size:18px;margin:0}.modal-close{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:18px;height:32px;width:32px}.modal-close:hover{background:var(--border-color)}.modal-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:24px}.modal-footer{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-overlay.nested{background:#00000080}.modal-small{max-width:450px}.modal-description{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.status-dropdown{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 32px 8px 12px;text-transform:capitalize}.status-dropdown.badge-success{background-color:#dcfce7;color:#166534}.status-dropdown.badge-warning{background-color:#fef3c7;color:#92400e}.status-dropdown:hover{opacity:.9}.status-dropdown:focus{outline:2px solid var(--primary);outline-offset:2px}.pause-timing-options{display:flex;flex-direction:column;gap:12px}.timing-option{align-items:flex-start;background:#fff;background:var(--bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .15s ease}.timing-option:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc)}.timing-option.selected,.timing-option:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.timing-option.selected{background:#3b82f60d}.timing-option input[type=radio]{accent-color:#3b82f6;accent-color:var(--primary,#3b82f6);margin-top:2px}.timing-content{display:flex;flex-direction:column;gap:4px}.timing-content strong{color:var(--text-primary);font-size:14px}.timing-content span{color:var(--text-secondary);font-size:13px}.btn-sm{font-size:13px;padding:6px 12px}.btn-warning:hover{background:#d97706}.status-control-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);margin-bottom:20px;padding-bottom:20px}.status-control-section label{color:var(--text-tertiary);display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.cancel-reason-section{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:16px}.cancel-reason-section label{color:#991b1b;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.cancel-reason-section select{background:#fff;border:1px solid #fecaca;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.cancel-reason-section select.field-error-border{border-color:#ef4444}.cancel-reason-section .field-error{margin-top:6px}.modal-info{background:#f8fafc;border-radius:6px;color:var(--text-secondary);font-size:14px;margin-top:12px;padding:10px 12px}.required{color:#ef4444;font-weight:600}.field-error{color:#ef4444;display:block;font-size:13px;margin-top:8px}.radio-group label.selected{color:#3b82f6;color:var(--primary,#3b82f6);font-weight:500}.radio-group label.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6}.radio-group label.disabled input{cursor:not-allowed}.form-group.field-disabled,.status-control-section.field-disabled{opacity:.5;position:relative}.form-group.field-disabled .date-input,.form-group.field-disabled input,.form-group.field-disabled select,.status-control-section.field-disabled select{background-color:#f3f4f6;cursor:not-allowed;pointer-events:none}.form-group.field-disabled .date-input.disabled{background-color:#f3f4f6;cursor:not-allowed}.field-disabled-hint{color:#ef4444;display:block;font-size:11px;font-style:italic;margin-top:4px}[data-theme=dark] .form-group.field-disabled .date-input,[data-theme=dark] .form-group.field-disabled input,[data-theme=dark] .form-group.field-disabled select,[data-theme=dark] .status-control-section.field-disabled select{background-color:#374151}[data-theme=dark] .field-disabled-hint{color:#f87171}.billing-date-picker,.date-picker-container{position:relative}.calendar-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.date-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.date-input:hover{border-color:#3b82f6;border-color:var(--primary,#3b82f6)}.billing-calendar{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;padding:12px;position:absolute;top:100%;width:280px;z-index:100}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.calendar-nav{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:16px;padding:4px 8px}.calendar-nav:hover{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.calendar-title{font-size:14px;font-weight:600}.calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.weekday{color:var(--text-tertiary);font-size:11px;font-weight:600;padding:4px;text-align:center}.calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-day{border-radius:4px;cursor:pointer;font-size:13px;padding:8px 4px;text-align:center;transition:background .15s}.calendar-day:hover:not(.past):not(.empty){background:#f1f5f9;background:var(--bg-secondary,#f1f5f9)}.calendar-day.empty{cursor:default}.calendar-day.past{color:#cbd5e1;cursor:not-allowed}.calendar-day.today{border:1px solid #3b82f6;border:1px solid var(--primary,#3b82f6);font-weight:600}.calendar-day.selected{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff;font-weight:600}.calendar-day.future-billing{background:#dbeafe;color:#1d4ed8}.calendar-day.selected.future-billing{background:#3b82f6;background:var(--primary,#3b82f6);color:#fff}.calendar-legend{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:16px;margin-top:12px;padding-top:12px}.legend-item{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:6px}.legend-dot{border-radius:2px;height:12px;width:12px}.legend-dot.selected{background:#3b82f6;background:var(--primary,#3b82f6)}.legend-dot.future-billing{background:#dbeafe;border:1px solid #1d4ed8}.time-picker-container{align-items:center;display:flex;gap:4px}.time-select{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;font-size:14px;padding:10px 8px;text-align:center;width:70px}.time-select.ampm-select{margin-left:4px;width:60px}.time-separator{color:var(--text-secondary);font-size:16px;font-weight:600}.time-period{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;padding:10px 12px}.step-indicator{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.step-indicator .step{background:var(--bg-secondary);border-radius:20px;color:var(--text-tertiary);font-size:12px;padding:8px 16px}.step-indicator .step.active{background:var(--primary);color:#fff}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);display:block;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);font-size:14px;max-width:100%;padding:12px 14px;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.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 textarea{min-height:80px;resize:vertical}.form-group.checkbox label{align-items:center;cursor:pointer;display:flex;gap:8px}.form-group.checkbox input{width:auto}.form-row{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr}.full-width{width:100%}.customer-results{border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;max-height:200px;overflow-y:auto}.customer-result{border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px}.customer-result:last-child{border-bottom:none}.customer-result:hover{background:var(--bg-secondary)}.customer-result.selected{background:var(--primary);color:#fff}.customer-result.selected .customer-email{color:#fffc}.customer-result.disabled{cursor:not-allowed;opacity:.5}.divider{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;margin:16px 0}.divider:after,.divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.divider span{padding:0 12px}.plan-selection{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.plan-option{border:2px solid var(--border-color);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.plan-option.selected,.plan-option:hover{border-color:var(--primary)}.plan-option.selected{background:#06b6d41a}.plan-option h4{font-size:16px;margin:0 0 4px}.plan-option .plan-price{font-size:18px;margin-bottom:8px}.plan-option .plan-desc{color:var(--text-tertiary);font-size:12px;margin:0}.step-content{min-height:200px}.step-content h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.step-content input,.step-content select{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;color:var(--text-primary);font-size:14px;max-width:100%;padding:12px 14px;width:100%}.step-content input:focus,.step-content select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;outline:none}.step-content input::placeholder{color:#94a3b8}.new-customer-form{display:flex;flex-direction:column;gap:12px}.new-customer-form input{background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:var(--text-primary);font-size:14px;padding:12px 14px;width:100%}.new-customer-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;outline:none}.new-customer-form input::placeholder{color:#94a3b8}.new-customer-form .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.new-customer-form .btn{margin-top:8px}.duplicate-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin:12px 0;padding:12px}.duplicate-warning-header{align-items:center;color:#92400e;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.duplicate-warning-header .warning-icon{font-size:16px}.duplicate-warning-text{color:#92400e;font-size:13px;margin:0 0 12px}.duplicate-matches{display:flex;flex-direction:column;gap:8px}.duplicate-match-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.duplicate-match-card:hover{background:#f0f9ff;border-color:#3b82f6}.duplicate-match-card .match-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.duplicate-match-card .match-name{color:#1e293b;font-weight:600}.duplicate-match-card .match-contact{color:#64748b;font-size:12px}.duplicate-match-card .match-fields{color:#f59e0b;font-size:11px;font-weight:500}.duplicate-match-card .match-badge{border-radius:4px;font-size:10px;font-weight:500;padding:2px 6px}.duplicate-match-card .match-badge.active{background:#d1fae5;color:#059669}.duplicate-match-card .btn-small{font-size:12px;padding:6px 12px;white-space:nowrap}.checking-duplicates{color:#64748b;font-size:12px;font-style:italic;margin:8px 0}[data-theme=dark] .duplicate-warning{background:#f59e0b26;border-color:#b45309}[data-theme=dark] .duplicate-warning-header,[data-theme=dark] .duplicate-warning-text{color:#fbbf24}[data-theme=dark] .duplicate-match-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .duplicate-match-card:hover{background:#3b82f61a;border-color:#3b82f6}[data-theme=dark] .duplicate-match-card .match-name{color:var(--text-primary)}[data-theme=dark] .duplicate-match-card .match-contact{color:var(--text-secondary)}.order-summary{background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;padding:16px}.order-summary h4{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.summary-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-row.total{border-top:1px solid var(--border-color);font-weight:600;margin-top:8px;padding-top:12px}.card-element-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;min-height:44px;padding:14px 12px}.card-element-container:focus-within{border-color:var(--primary)}.subscription-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.customer-info-large h3{font-size:20px;margin:0 0 4px}.customer-name-link{color:inherit;cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;text-underline-offset:2px;transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease}.customer-name-link:hover{color:#2563eb;color:var(--color-primary,#2563eb);-webkit-text-decoration-color:currentColor;text-decoration-color:initial}.customer-info-large p{color:var(--text-secondary);font-size:14px;margin:0 0 4px}.subscription-id-text{color:#9ca3af!important;font-family:monospace;font-size:11px!important;margin-top:8px!important}.section-tabs{display:flex;gap:4px;margin-bottom:16px;padding-left:20px;padding-right:20px}.section-tabs button{background:var(--bg-secondary);border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px}.section-tabs button.active{background:var(--primary);color:#fff}.detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.detail-item{background:var(--bg-secondary);border-radius:8px;padding:12px}.detail-item.warning{background:#fef3c7}.detail-item label{color:var(--text-tertiary);display:block;font-size:11px;font-weight:500;margin-bottom:4px;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:14px}.plan-benefits-section{margin-bottom:24px}.plan-benefits-section h4{color:var(--text-secondary);font-size:14px;margin:0 0 12px}.plan-benefits-section ul{margin:0;padding-left:20px}.plan-benefits-section li{color:var(--text-primary);font-size:14px;margin-bottom:4px}.action-section{border-top:1px solid var(--border-color);display:flex;gap:12px;padding-top:16px}.refund-note{color:#6366f1}.failure-reason,.refund-note{display:block;font-size:11px;margin-top:4px}.failure-reason{color:#ef4444;font-style:italic}.activity-item-full{border-bottom:1px solid var(--border-color);display:flex;gap:16px;padding:12px 0}.activity-item-full:last-child{border-bottom:none}.activity-time{color:var(--text-tertiary);font-size:12px;min-width:140px}.activity-content{flex:1 1}.activity-action{color:var(--text-primary);font-size:14px;margin:0 0 4px}.activity-notes{color:var(--text-secondary);font-size:13px;font-style:italic;margin:0 0 4px}.activity-user{color:var(--text-tertiary);font-size:12px;margin:0}.add-note{margin-bottom:24px}.add-note textarea{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;margin-bottom:8px;min-height:80px;padding:12px;width:100%}.notes-list{max-height:300px;overflow-y:auto}.note-item{background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;padding:12px}.note-header{display:flex;justify-content:space-between;margin-bottom:8px}.note-author{color:var(--text-primary);font-size:13px;font-weight:500}.note-date{color:var(--text-tertiary);font-size:12px}.note-content{color:var(--text-secondary);font-size:14px;margin:0}.emails-section{padding:16px 0}.emails-list{max-height:400px;overflow-y:auto}.email-item{background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;padding:12px}.email-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.email-subject{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.email-subject strong{color:var(--text-primary);font-size:14px}.email-date{color:var(--text-tertiary);font-size:12px;white-space:nowrap}.email-meta{color:var(--text-secondary);display:flex;font-size:13px;gap:16px;margin-bottom:4px}.email-type{color:var(--text-tertiary)}.email-tracking{color:var(--success)}.email-error,.email-tracking{font-size:12px;margin-top:4px}.email-error{color:var(--danger)}.email-actions{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px}.email-actions .btn-small{font-size:12px;padding:4px 12px}.email-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.email-header-right .btn-small{font-size:11px;padding:3px 10px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--secondary)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--border-color)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706}.error-message{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px}.info-text{font-size:13px;margin-top:8px}.empty-state,.info-text{color:var(--text-tertiary)}.empty-state{font-size:14px;padding:40px 20px;text-align:center}.card{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{color:#234055;font-size:16px;margin:0}.card-content{background-color:#fff;margin:-20px;padding:20px}.loading{align-items:center;color:var(--text-tertiary);display:flex;justify-content:center;min-height:200px}@media (max-width:768px){.tabs{flex-wrap:wrap}.tab{padding:10px 16px}.filters-row{flex-direction:column}.filter-select,.search-input{width:100%}.detail-grid,.form-row{grid-template-columns:1fr}.modal-overlay{padding:10px}.modal-content{border-radius:12px;margin:0;max-height:calc(100vh - 20px)}.modal-content.modal-large{max-width:100%}.plan-selection{grid-template-columns:1fr}.step-indicator{flex-wrap:wrap;gap:4px}.step-indicator .step{font-size:11px;padding:6px 12px}.modal-body,.modal-header{padding:16px 20px}.modal-footer{flex-wrap:wrap;padding:12px 20px}}.plan-card.inactive{border-color:var(--border-color);opacity:.7}.plan-card.inactive:hover{border-color:var(--text-tertiary)}.inactive-badge{background:var(--text-tertiary);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:-10px}.plan-actions{display:flex;gap:8px;margin-top:12px}.plan-actions .btn{flex:1 1;font-size:13px;padding:10px 12px}.plan-card{cursor:default}.plan-modal-body{max-height:60vh}.form-section{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.checkbox-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:16px}.checkbox-grid .form-group{margin-bottom:0}.checkbox-grid .form-group.checkbox label{color:var(--text-primary);font-size:14px}.checkbox-grid .form-group.checkbox input[type=checkbox]{accent-color:var(--primary);height:16px;width:16px}.form-row.three-col{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.checkbox-grid,.form-row.three-col{grid-template-columns:1fr}.plan-actions{flex-direction:column}}.form-section-description{color:var(--text-secondary);font-size:13px;margin:-8px 0 16px}.form-row.color-pickers{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.color-picker{background:#0000;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;height:44px;padding:4px;width:100%}.color-picker::-webkit-color-swatch-wrapper{padding:2px}.color-picker::-webkit-color-swatch{border:none;border-radius:4px}.color-hint{color:var(--text-tertiary);display:block;font-size:11px;margin-top:4px}.color-preview{background:var(--bg-secondary);border-radius:8px;margin-top:16px;padding:12px}.preview-label{color:var(--text-secondary);display:block;font-size:12px;margin-bottom:8px}.preview-row{align-items:center;border-radius:6px;display:flex;gap:16px;padding:12px 16px;transition:background-color .2s}.preview-badge{border-radius:4px;font-size:13px;font-weight:600;padding:6px 12px}.preview-border{background:#0000;border:2px solid;border-radius:4px;font-size:12px;padding:6px 12px}@media (max-width:768px){.form-row.color-pickers{grid-template-columns:1fr}}.note-cell{cursor:pointer;position:static}.note-preview{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);display:inline-block;font-size:12px;max-width:150px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.note-cell:hover .note-preview{background:var(--primary);color:#fff}.note-tooltip{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040;display:none;max-height:350px;overflow:hidden;position:fixed;width:320px;z-index:9999}.note-cell:hover .note-tooltip{display:block}.note-tooltip-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:13px;font-weight:600;padding:12px 16px}.note-tooltip-content{max-height:280px;overflow-y:auto;padding:8px}.note-tooltip-item{background:var(--bg-secondary);border-radius:8px;margin-bottom:8px;padding:10px 12px}.note-tooltip-item:last-child{margin-bottom:0}.note-tooltip-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.note-tooltip-author{color:var(--text-primary);font-size:12px;font-weight:600}.note-tooltip-date{color:var(--text-tertiary);font-size:11px}.note-tooltip-text{word-wrap:break-word;color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.no-notes{color:var(--text-tertiary);font-size:13px}.edit-form{background:var(--bg-secondary);border-radius:8px;padding:20px}.edit-mode-info-banner{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;display:flex;font-size:13px;gap:10px;margin-bottom:16px;padding:12px 16px}.edit-mode-info-banner .info-icon{flex-shrink:0;font-size:16px}.edit-mode-info-banner strong{color:#78350f}[data-theme=dark] .edit-mode-info-banner{background:#422006;border-color:#d97706;color:#fcd34d}[data-theme=dark] .edit-mode-info-banner strong{color:#fef3c7}.edit-form .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.edit-form .form-group{display:flex;flex-direction:column}.edit-form .form-group label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-bottom:6px}.edit-form .form-group .label-hint{color:var(--text-tertiary);font-size:11px;font-weight:400;margin-left:6px}.edit-form .form-group .field-hint{color:var(--text-tertiary);display:block;font-size:11px;margin-top:6px}.edit-form .form-group input[type=number],.edit-form .form-group input[type=text],.edit-form .form-group select{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px}.edit-form .form-group input:focus,.edit-form .form-group select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-form .checkbox-group{align-items:center;flex-direction:row}.edit-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin-bottom:0}.edit-form .checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.input-with-prefix{align-items:stretch;display:flex}.input-with-prefix .prefix{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px 0 0 6px;border-right:none;color:var(--text-secondary);display:flex;font-size:14px;padding:0 12px}.input-with-prefix input{border-radius:0 6px 6px 0!important;flex:1 1}.save-options{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:16px}.save-options>label{color:var(--text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:12px}.save-options .radio-group{display:flex;flex-direction:column;gap:10px}.save-options .radio-group label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:10px}.save-options .radio-group input[type=radio]{cursor:pointer;height:18px;width:18px}.pending-changes-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.pending-changes-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.pending-changes-header .pending-icon{font-size:18px}.pending-changes-header strong{color:#92400e;flex:1 1;font-size:14px}.pending-changes-header .btn-text{background:none;border:none;color:#92400e;cursor:pointer;font-size:12px;padding:0;text-decoration:underline}.pending-changes-header .btn-text:hover{color:#78350f}.pending-changes-list{display:flex;flex-direction:column;gap:8px}.pending-change-item{color:#78350f;font-size:13px}.pending-change-item span{font-weight:600}.payments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.payments-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.payment-methods-section{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:20px}.payment-methods-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.payment-methods-header h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.payment-methods-list{display:flex;flex-direction:column;gap:8px}.payment-method-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;display:flex;justify-content:space-between;padding:12px}.payment-method-card .card-info{align-items:center;display:flex;gap:12px}.payment-method-card .card-brand{color:var(--text-primary);font-weight:600;text-transform:capitalize}.payment-method-card .card-last4{color:var(--text-secondary);font-family:monospace}.payment-method-card .card-exp{color:var(--text-tertiary);font-size:12px}.card-menu-container,.payment-method-card .card-actions{position:relative}.card-menu-trigger{background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px}.card-menu-trigger:hover{background:var(--bg-hover);color:var(--text-primary)}.card-menu-dropdown{background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--shadow-lg);min-width:140px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.card-menu-dropdown button{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:10px 14px;text-align:left;width:100%}.card-menu-dropdown button:hover{background:var(--bg-hover)}.card-menu-dropdown button.danger{color:var(--danger)}.card-menu-dropdown button.danger:hover{background:#ef44441a}.card-menu-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.card-menu-dropdown .menu-note{color:var(--text-tertiary);display:block;font-size:12px;font-style:italic;padding:10px 14px}.card-preview,.loading-text{color:var(--text-secondary);font-size:13px}.card-preview,.warning-text{margin-bottom:12px}.warning-text{color:var(--warning);font-size:13px}.inline-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-md);margin-top:20px;padding:20px}.inline-modal h4{color:var(--text-primary);font-size:16px;margin:0 0 4px}.inline-modal .modal-info{color:var(--text-secondary);font-size:13px;margin:0 0 16px}.inline-modal .form-group{margin-bottom:16px}.inline-modal .form-group label{color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.inline-modal .form-group input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.inline-modal .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.inline-modal .input-with-prefix{display:flex}.inline-modal .input-with-prefix .prefix{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px 0 0 6px;border-right:none;color:var(--text-secondary);display:flex;padding:0 12px}.inline-modal .input-with-prefix input{border-radius:0 6px 6px 0}.inline-modal .modal-actions{display:flex;gap:12px;margin-top:20px}.add-card-modal{margin-bottom:16px;margin-top:16px}.add-card-form .card-element-wrapper{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:12px}.add-card-form .test-cards-hint{background:var(--bg-secondary);border-radius:6px;color:var(--text-tertiary);font-size:12px;margin-top:12px;padding:10px}.add-card-form .test-cards-hint p{margin:0}.add-card-form .test-cards-hint code{background:var(--bg-hover);border-radius:3px;color:var(--text-secondary);font-family:monospace;padding:2px 6px}.add-card-form .error-text{color:var(--danger);font-size:13px;margin-top:8px}.testing-section{background:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:12px;margin-top:24px;padding:20px}.testing-section h3{color:var(--text-primary);font-size:16px;margin:0 0 8px}.testing-section .testing-note{color:var(--text-tertiary);font-size:13px;margin:0 0 16px}.testing-section .btn{margin-right:12px}@media (prefers-color-scheme:dark){.pending-changes-banner{background:#422006;border-color:#a16207}.pending-change-item,.pending-changes-header .btn-text,.pending-changes-header strong{color:#fcd34d}.pending-change-item span{color:#fde68a}.pending-changes-header .btn-text:hover{color:#fef3c7}}.notification-modal{align-items:center;animation:slideIn .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;gap:16px;max-width:500px;min-width:320px;padding:20px 24px;position:relative}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:40px;justify-content:center;width:40px}.notification-success .notification-icon{background:#dcfce7;color:#16a34a}.notification-error .notification-icon{background:#fee2e2;color:#dc2626}.notification-warning .notification-icon{background:#fef3c7;color:#d97706}.notification-info .notification-icon{background:#dbeafe;color:#2563eb}.notification-content{flex:1 1}.notification-content p{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.notification-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1;padding:4px;position:absolute;right:12px;top:12px}.notification-close:hover{color:var(--text-primary)}.confirm-modal{animation:slideIn .2s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:420px;min-width:360px;padding:32px;text-align:center}.confirm-icon{align-items:center;background:#fef3c7;border-radius:50%;color:#d97706;display:flex;font-size:28px;font-weight:700;height:56px;justify-content:center;margin:0 auto 20px;width:56px}.confirm-content p{color:var(--text-primary);font-size:15px;line-height:1.6;margin:0 0 24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-actions .btn{min-width:100px}[data-theme=dark] .notification-success .notification-icon{background:#16a34a33}[data-theme=dark] .notification-error .notification-icon{background:#dc262633}[data-theme=dark] .notification-warning .notification-icon{background:#d9770633}[data-theme=dark] .notification-info .notification-icon{background:#2563eb33}[data-theme=dark] .confirm-icon{background:#d9770633}.data-table tbody tr.clickable-row[style]{transition:filter .2s ease,box-shadow .2s ease}.data-table tbody tr.clickable-row[style]:hover{box-shadow:0 2px 8px #0000001a;filter:brightness(.95)}.modal-header.plan-header{align-items:flex-start;display:flex;justify-content:space-between}.plan-header-content{display:flex;flex-direction:column;gap:4px}.plan-name-large{text-shadow:0 1px 2px #0003}.subscription-label{text-shadow:0 1px 1px #0000001a}.modal-header.plan-header .modal-close{align-items:center;background:#fff3;border-radius:4px;display:flex;height:32px;justify-content:center;transition:background .2s ease;width:32px}.modal-header.plan-header .modal-close:hover{background:#ffffff4d}[data-theme=dark] .data-table tbody tr.clickable-row[style]{color:var(--text-primary)}[data-theme=dark] .data-table tbody tr.clickable-row[style]:hover{filter:brightness(1.1)}.sortable-table th.sortable{background-color:#fff;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none}.sortable-table th.sortable:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9)}[data-theme=dark] .sortable-table th.sortable:hover{background-color:#374151;background-color:var(--bg-hover,#374151)}.billing-date-cell{display:flex;flex-direction:column;gap:2px}.billing-time-display{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.checkbox-filter{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;gap:6px;white-space:nowrap}.checkbox-filter input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);cursor:pointer;height:16px;width:16px}.activity-tab .section-header{margin-bottom:20px}.activity-tab .section-header .subtitle{color:var(--text-secondary);font-size:14px;margin-top:4px}.activity-table{width:100%}.activity-table td,.activity-table th{padding:12px 16px;text-align:left;vertical-align:top}.activity-table .clickable-row{cursor:pointer;transition:background-color .15s ease}.activity-table .clickable-row:hover{background-color:#f8fafc;background-color:var(--bg-hover,#f8fafc)}[data-theme=dark] .activity-table .clickable-row:hover{background-color:#1f2937;background-color:var(--bg-hover,#1f2937)}.activity-table .high-alert-row{background-color:#ef44440d;border-left:3px solid #ef4444}.activity-table .high-alert-row:hover,[data-theme=dark] .activity-table .high-alert-row{background-color:#ef44441a}[data-theme=dark] .activity-table .high-alert-row:hover{background-color:#ef444426}.alert-indicator{font-size:14px;margin-left:6px}.source-badge{border-radius:12px;display:inline-block;font-size:12px;margin-right:6px;padding:2px 8px}.source-badge.automation{background-color:#dbeafe;color:#1e40af}.source-badge.manual{background-color:#fef3c7;color:#92400e}[data-theme=dark] .source-badge.automation{background-color:#3b82f633;color:#93c5fd}[data-theme=dark] .source-badge.manual{background-color:#fbbf2433;color:#fcd34d}.user-name{color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:block;font-size:11px;margin-top:2px}.action-details{max-width:300px}.action-display{display:block;font-size:13px}.action-notes{color:#9ca3af;color:var(--text-tertiary,#9ca3af);display:block;font-size:11px;font-style:italic;margin-top:2px}.badge-warning{background-color:#fef3c7;color:#92400e}[data-theme=dark] .badge-warning{background-color:#fbbf2433;color:#fcd34d}.activity-tab .filters-row .search-input{flex:0 0 auto}.activity-tab .filters-row .filter-select{min-width:180px}.activity-tab .checkbox-label{color:var(--text-secondary);cursor:pointer;font-size:14px}.activity-tab .checkbox-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);cursor:pointer;height:16px;width:16px}.statement-descriptor-meta{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.statement-descriptor-preview{color:#64748b;font-family:monospace;font-size:12px}.statement-descriptor-counter{color:#94a3b8;font-size:12px;font-weight:500}.custom-plans-tab{padding:0}.cp-sub-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color,#e2e8f0);display:flex;gap:0;margin-bottom:24px}.cp-sub-tab{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s}.cp-sub-tab:hover{color:#1e293b;color:var(--text-primary,#1e293b)}.cp-sub-tab.active{border-bottom-color:#3b82f6;border-bottom-color:var(--color-primary,#3b82f6);color:#3b82f6;color:var(--color-primary,#3b82f6)}.cp-stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.cp-stat-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:140px;padding:16px 20px}.cp-stat-card.cp-stat-alert .cp-stat-value{color:#ef4444;color:var(--color-danger,#ef4444)}.cp-stat-value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700}.cp-stat-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cp-steps{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:40px;justify-content:center;padding:20px}.cp-step{align-items:center;display:flex;gap:8px;opacity:.4;transition:opacity .2s}.cp-step.active{opacity:1}.cp-step.completed{opacity:.7}.cp-step-num{align-items:center;background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border-radius:50%;display:flex;font-size:13px;font-weight:600;height:28px;justify-content:center;width:28px}.cp-step.active .cp-step-num{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.cp-step.completed .cp-step-num{background:#22c55e;background:var(--color-success,#22c55e);color:#fff}.cp-step-label{font-size:14px;font-weight:500}.cp-step-content{min-height:300px}.cp-step-content h3{font-size:18px;margin:0 0 20px}.cp-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cp-customer-results{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:300px;overflow-y:auto}.cp-customer-item{border:2px solid #e2e8f0;border:2px solid var(--border-color,#e2e8f0);border-radius:8px;cursor:pointer;padding:12px 16px;transition:all .15s}.cp-customer-item:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc)}.cp-customer-item.selected,.cp-customer-item:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.cp-customer-item.selected{background:#3b82f60d}.cp-customer-name{font-size:14px;margin-bottom:4px}.cp-customer-details{color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:13px;gap:16px}.cp-breakdown{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;margin-top:24px;padding:20px}.cp-breakdown h4{font-size:15px;font-weight:600;margin:0 0 12px}.cp-breakdown-summary{font-size:16px;line-height:1.6;margin-bottom:16px}.cp-breakdown-schedule{display:flex;flex-direction:column;gap:8px}.cp-schedule-item{align-items:center;background:#fff;background:var(--bg-card,#fff);border-radius:6px;display:flex;font-size:13px;gap:12px;padding:8px 12px}.cp-schedule-num{color:#64748b;color:var(--text-secondary,#64748b);font-weight:600;width:28px}.cp-schedule-date{flex:1 1}.cp-schedule-amount{font-weight:600}.cp-radio-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.cp-radio-label input[type=radio]{margin:0}.cp-detail-overview{padding:0}.cp-detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.cp-detail-item{display:flex;flex-direction:column;gap:4px}.cp-detail-item label{color:#64748b;color:var(--text-secondary,#64748b);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.cp-detail-value{font-size:20px;font-weight:700}.cp-notes-editable{background:#f1f5f9;background:var(--bg-secondary,#f1f5f9);border:1px solid #0000;border-radius:8px;color:var(--text-primary);font-size:14px;min-height:60px;padding:10px 12px;resize:vertical;transition:border-color .2s,background .2s}.cp-notes-editable:hover{border-color:#e2e8f0;border-color:var(--border-color,#e2e8f0)}.cp-notes-editable:focus{background:#fff;background:var(--bg-card,#fff);border-color:var(--primary);box-shadow:0 0 0 3px #06b6d41a;outline:none}.cp-progress-bar{background:#e2e8f0;background:var(--bg-secondary,#e2e8f0);border-radius:4px;height:8px;margin-top:4px;overflow:hidden;width:100%}.cp-progress-fill{background:#22c55e;background:var(--color-success,#22c55e);border-radius:4px;height:100%;transition:width .3s ease}.cp-installments .row-alert{background:#ef44440d}.cp-activity-list{display:flex;flex-direction:column;gap:12px}.cp-activity-item{grid-gap:8px 16px;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:grid;font-size:13px;gap:8px 16px;grid-template-columns:150px 1fr auto;padding:12px}.cp-activity-time{color:#64748b;color:var(--text-secondary,#64748b);white-space:nowrap}.cp-activity-text{font-weight:500}.cp-activity-notes{font-size:12px;grid-column:2}.cp-activity-by,.cp-activity-notes{color:#64748b;color:var(--text-secondary,#64748b)}.cp-activity-by{text-align:right}.clickable-row:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc)}.alert-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#ef4444;color:var(--color-danger,#ef4444);font-size:14px;margin-bottom:16px;padding:12px 16px}[data-theme=dark] .cp-breakdown,[data-theme=dark] .cp-stat-card{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .cp-schedule-item{background:var(--bg-secondary)}[data-theme=dark] .cp-customer-item:hover{background:var(--bg-hover)}[data-theme=dark] .cp-customer-item.selected{background:#3b82f61a}.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-error-lockout{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.login-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{flex:1 1;gap:6px}.form-row{display:flex;gap:12px}.form-group label{color:#94a3b8;font-size:13px;font-weight:500}.form-group input{background:#fff;border:1px solid #2d3748;border-radius:8px;box-sizing:border-box;color:#000;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426;outline:none}.form-group input::placeholder{color:#4b5563}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:60px}.password-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:#06b6d4}.forgot-password-row{display:flex;justify-content:flex-end;margin-top:2px}.forgot-password-link{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;padding:0;transition:color .2s ease}.forgot-password-link:hover{color:#06b6d4}.password-strength-container{margin-top:4px}.password-strength-bars{display:flex;gap:4px;margin-bottom:6px}.password-strength-bar{border-radius:2px;flex:1 1;height:4px;transition:background-color .3s ease}.password-strength-label{font-size:12px;font-weight:600}.password-requirements{display:flex;flex-direction:column;gap:4px;list-style:none;margin:8px 0 0;padding:0}.password-requirements li{align-items:center;display:flex;font-size:12px;gap:6px}.password-requirements li.met{color:#10b981}.password-requirements li.unmet{color:#64748b}.password-requirements .req-icon{font-size:11px;text-align:center;width:14px}.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-button-secondary{background:#0000;border:1px solid #2d3748;color:#94a3b8}.login-button-secondary:hover:not(:disabled){background:#06b6d41a;border-color:#06b6d4;box-shadow:none;color:#06b6d4;transform:none}.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}.verification-message{padding:16px 0;text-align:center}.verification-icon{font-size:48px;margin-bottom:12px}.verification-message p{color:#94a3b8;font-size:14px;margin:0 0 8px}.verification-email{color:#f8fafc!important;font-size:15px!important;font-weight:600}.verification-note{color:#64748b!important;font-size:13px!important;margin-top:12px!important}.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}}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f1219);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgot-password-container{background:#1e2433;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;padding:40px;width:100%}.forgot-password-header{margin-bottom:32px;text-align:center}.forgot-password-logo{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:16px;color:#fff;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.forgot-password-header h1{color:#f8fafc;font-size:28px;font-weight:700;margin:0 0 8px}.forgot-password-subtitle{color:#94a3b8;font-size:14px;margin:0}.forgot-password-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-form .form-group{display:flex;flex-direction:column;gap:6px}.forgot-password-form .form-group label{color:#94a3b8;font-size:13px;font-weight:500}.forgot-password-form .form-group input{background:#0f1219;border:1px solid #2d3748;border-radius:8px;box-sizing:border-box;color:#f8fafc;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.forgot-password-form .form-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426;outline:none}.forgot-password-form .form-group input::placeholder{color:#4b5563}.forgot-password-button{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s ease}.forgot-password-button:hover:not(:disabled){box-shadow:0 8px 20px #06b6d44d;transform:translateY(-1px)}.forgot-password-button:disabled{cursor:not-allowed;opacity:.6}.forgot-password-button-secondary{background:#0000;border:1px solid #2d3748;color:#94a3b8}.forgot-password-button-secondary:hover:not(:disabled){background:#06b6d41a;border-color:#06b6d4;box-shadow:none;color:#06b6d4;transform:none}.forgot-password-confirmation{padding:16px 0 24px;text-align:center}.confirmation-icon{font-size:48px;margin-bottom:12px}.forgot-password-confirmation p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0 0 8px}.forgot-password-confirmation strong{color:#f8fafc}.confirmation-note{color:#64748b!important;font-size:13px!important;margin-top:12px!important}.forgot-password-footer{text-align:center}.forgot-password-footer p{color:#94a3b8;font-size:14px;margin:0}.forgot-password-footer .link-button{background:none;border:none;color:#06b6d4;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.forgot-password-footer .link-button:hover{color:#22d3ee}.forgot-password-company{border-top:1px solid #2d3748;margin-top:32px;padding-top:24px;text-align:center}.forgot-password-company p{color:#64748b;font-size:13px;margin:0}@media (max-width:480px){.forgot-password-container{padding:24px}}.reset-password-page{align-items:center;background:linear-gradient(135deg,#1a1f2e,#0f1219);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-container{background:#1e2433;border-radius:16px;box-shadow:0 20px 60px #0006;max-width:420px;padding:40px;width:100%}.reset-password-header{margin-bottom:32px;text-align:center}.reset-password-logo{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:16px;color:#fff;display:flex;font-size:28px;font-weight:700;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.reset-password-header h1{color:#f8fafc;font-size:28px;font-weight:700;margin:0 0 8px}.reset-password-subtitle{color:#94a3b8;font-size:14px;margin:0}.reset-password-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:20px;padding:12px 16px;text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:20px}.reset-password-form .form-group{display:flex;flex-direction:column;gap:6px}.reset-password-form .form-group label{color:#94a3b8;font-size:13px;font-weight:500}.reset-password-form .form-group input{background:#0f1219;border:1px solid #2d3748;border-radius:8px;box-sizing:border-box;color:#f8fafc;font-size:15px;padding:12px 14px;transition:all .2s ease;width:100%}.reset-password-form .form-group input:focus{border-color:#06b6d4;box-shadow:0 0 0 3px #06b6d426;outline:none}.reset-password-form .form-group input::placeholder{color:#4b5563}.reset-password-form .password-input-wrapper{align-items:center;display:flex;position:relative}.reset-password-form .password-input-wrapper input{padding-right:60px}.reset-password-form .password-toggle{background:none;border:none;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;padding:4px 8px;position:absolute;right:12px;transition:color .2s ease}.reset-password-form .password-toggle:hover{color:#06b6d4}.reset-password-button{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 20px;transition:all .2s ease}.reset-password-button:hover:not(:disabled){box-shadow:0 8px 20px #06b6d44d;transform:translateY(-1px)}.reset-password-button:disabled{cursor:not-allowed;opacity:.6}.reset-password-success-message{padding:16px 0 24px;text-align:center}.success-icon{align-items:center;background:#10b98126;border-radius:50%;color:#10b981;display:flex;font-size:24px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.reset-password-success-message p{color:#94a3b8;font-size:14px;line-height:1.5;margin:0}.reset-password-footer{text-align:center}.reset-password-footer p{color:#94a3b8;font-size:14px;margin:0}.reset-password-footer .link-button{background:none;border:none;color:#06b6d4;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.reset-password-footer .link-button:hover{color:#22d3ee}.reset-password-company{border-top:1px solid #2d3748;margin-top:32px;padding-top:24px;text-align:center}.reset-password-company p{color:#64748b;font-size:13px;margin:0}.reset-password-form .password-strength-container{margin-top:4px}.reset-password-form .password-strength-bars{display:flex;gap:4px;margin-bottom:6px}.reset-password-form .password-strength-bar{border-radius:2px;flex:1 1;height:4px;transition:background-color .3s ease}.reset-password-form .password-strength-label{font-size:12px;font-weight:600}.reset-password-form .password-requirements{display:flex;flex-direction:column;gap:4px;list-style:none;margin:8px 0 0;padding:0}.reset-password-form .password-requirements li{align-items:center;display:flex;font-size:12px;gap:6px}.reset-password-form .password-requirements li.met{color:#10b981}.reset-password-form .password-requirements li.unmet{color:#64748b}.reset-password-form .password-requirements .req-icon{font-size:11px;text-align:center;width:14px}@media (max-width:480px){.reset-password-container{padding:24px}}
/*# sourceMappingURL=main.a90a6127.css.map*/