.layout{min-height:100vh;display:flex}.sidebar{width:260px;background-color:#2c3e50;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 4px #0000001a;position:fixed;height:100vh;overflow-y:auto}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid #34495e}.sidebar-title{font-size:1.25rem;font-weight:700;margin:0;color:#fff}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-group{margin-bottom:.5rem}.nav-group-header{width:100%;background:none;border:none;color:#bdc3c7;padding:.75rem 1rem;text-align:left;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:color .3s}.nav-group-header:hover{color:#fff}.nav-group[id=favorites] .nav-group-header{color:#f39c12;font-weight:700}.nav-group[id=favorites] .nav-group-items{background-color:#f39c121a;border-left:2px solid #f39c12;margin-left:.5rem;border-radius:4px}.nav-group[id=favorites] .nav-item{padding-left:1.5rem}.nav-group[id=scheduler] .nav-item{background-color:#3498db1a;border-left-color:#3498db;font-weight:500}.nav-group[id=scheduler] .nav-item:hover{background-color:#3498db33}.nav-group-toggle{font-size:.7rem;color:#95a5a6}.nav-group-items{list-style:none;margin:0;padding:0}.nav-item-wrapper{position:relative;display:flex;align-items:center}.nav-item-wrapper:hover .nav-favorite-btn{opacity:1}.nav-item{display:flex;align-items:center;padding:.75rem 1rem .75rem 2rem;color:#ecf0f1;text-decoration:none;transition:background-color .3s;border-left:3px solid transparent;flex:1}.nav-item:hover{background-color:#34495e}.nav-item.active{background-color:#34495e;border-left-color:#3498db;color:#fff;font-weight:500}.nav-favorite-btn{background:none;border:none;color:#f39c12;font-size:1rem;cursor:pointer;padding:.5rem;margin-right:.5rem;opacity:0;transition:opacity .2s,transform .2s;display:flex;align-items:center;justify-content:center}.nav-favorite-btn:hover{transform:scale(1.2)}.nav-favorite-btn.favorited{opacity:1}.nav-empty-favorites{padding:.75rem 1rem .75rem 2rem;color:#95a5a6}.nav-icon{margin-right:.75rem;font-size:1.1rem}.sidebar-footer{padding:1rem;border-top:1px solid #34495e;background-color:#1a252f}.user-info{margin-bottom:1rem}.user-name{font-size:.9rem;font-weight:500;color:#fff;margin-bottom:.25rem}.tenant-name{font-size:.8rem;color:#bdc3c7}.logout-btn{width:100%;background-color:#e74c3c;color:#fff;border:none;padding:.75rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.main-wrapper{flex:1;margin-left:260px;min-height:100vh}.main-content{max-width:1400px;width:100%;margin:0 auto;padding:2rem}@media (max-width: 768px){.sidebar{width:220px}.main-wrapper{margin-left:220px}.main-content{padding:1rem}.nav-item{padding:.75rem 1rem .75rem 1.5rem}}@media (max-width: 640px){.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:8px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 25px #0003}.login-card h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.login-card h2{margin:0 0 30px;color:#666;font-size:20px;font-weight:400;text-align:center}.login-footer{margin-top:20px;text-align:center;color:#666}.login-footer a{color:#667eea;text-decoration:none}.login-footer a:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-card{background:#fff;border-radius:8px;padding:40px;width:100%;max-width:500px;box-shadow:0 10px 25px #0003}.register-card h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.register-card h2{margin:0 0 30px;color:#666;font-size:20px;font-weight:400;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.form-group small{display:block;margin-top:5px;color:#666;font-size:12px}.subdomain-input{display:flex;align-items:center}.subdomain-input input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.subdomain-suffix{padding:12px;background:#f5f5f5;border:1px solid #ddd;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;color:#666;font-size:14px}.btn-primary{width:100%;padding:12px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background .3s}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px;border:1px solid #fcc}.register-footer{margin-top:20px;text-align:center;color:#666}.register-footer a{color:#667eea;text-decoration:none}.register-footer a:hover{text-decoration:underline}.oauth-divider{display:flex;align-items:center;margin:24px 0;text-align:center}.oauth-divider:before,.oauth-divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.oauth-divider span{padding:0 16px;color:#666;font-size:14px}.oauth-buttons{display:flex;flex-direction:column;gap:12px}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;font-size:16px;font-weight:500;transition:all .3s;background:#fff}.oauth-btn:hover{background:#f5f5f5;border-color:#bbb}.oauth-google:hover{border-color:#4285f4;color:#4285f4}.oauth-microsoft:hover{border-color:#00a4ef;color:#00a4ef}.dashboard{width:100%}.dashboard-header{margin-bottom:2rem}.dashboard h1{margin-bottom:2rem;color:#2c3e50}.company-header{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.company-logo{width:80px;height:80px;object-fit:contain;border-radius:4px;border:1px solid #ecf0f1;padding:.5rem;background:#f8f9fa}.company-info{flex:1}.company-info h1{margin:0 0 .5rem;color:#2c3e50;font-size:2rem}.company-address{margin:0;color:#7f8c8d;font-size:.95rem;line-height:1.5}.dashboard-loading{text-align:center;padding:2rem;font-size:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-card h3{margin:0 0 1rem;color:#7f8c8d;font-size:.9rem;text-transform:uppercase}.stat-value{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.stat-details{display:flex;gap:1rem;font-size:.9rem;color:#7f8c8d}.dashboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.dashboard-section{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.section-header h2{margin:0;color:#2c3e50;font-size:1.2rem}.view-all-link{color:#3498db;text-decoration:none;font-size:.9rem}.view-all-link:hover{text-decoration:underline}.data-table{width:100%;border-collapse:collapse;font-size:.75rem;table-layout:fixed}.data-table th{text-align:left;padding:.4rem .3rem;border-bottom:2px solid #ecf0f1;color:#7f8c8d;font-weight:600;font-size:.7rem;white-space:nowrap}.data-table th:nth-child(1){width:15%}.data-table th:nth-child(2){width:25%}.data-table th:nth-child(3){width:15%}.data-table th:nth-child(4){width:15%}.data-table th:nth-child(5){width:15%}.data-table td{padding:.4rem .3rem;border-bottom:1px solid #ecf0f1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.data-table td:first-child{white-space:nowrap}.data-table td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table td:nth-child(3),.data-table td:nth-child(4),.data-table td:nth-child(5){white-space:nowrap}.data-table a{color:#3498db;text-decoration:none}.data-table a:hover{text-decoration:underline}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500;text-transform:capitalize;white-space:nowrap}.status-quoted{background-color:#fff3cd;color:#856404}.status-in_progress{background-color:#cfe2ff;color:#0d6efd}.status-completed,.status-paid{background-color:#d1e7dd;color:#198754}.issues-list-dashboard{display:flex;flex-direction:column;gap:1rem}.issue-item-dashboard{background:#fff;border-left:4px solid #e74c3c;padding:1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.issue-item-dashboard:hover{background:#f8f9fa;box-shadow:0 2px 6px #00000026;transform:translate(2px)}.issue-header-dashboard{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.issue-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.issue-job-number{font-weight:600;color:#3498db;font-size:.95rem}.issue-date{font-size:.85rem;color:#7f8c8d}.issue-content-dashboard{display:flex;flex-direction:column;gap:.5rem}.issue-title{margin:0;font-size:1rem;color:#2c3e50;font-weight:600}.issue-description{margin:0;color:#555;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.issue-reported-by,.issue-client{font-size:.85rem;color:#7f8c8d}.severity-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.severity-critical{background-color:#c0392b}.severity-high{background-color:#e74c3c}.severity-medium{background-color:#f39c12}.severity-low{background-color:#95a5a6}.issue-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;color:#fff}.issue-type-note{background-color:#95a5a6}.issue-type-issue{background-color:#e74c3c}.issue-type-modification{background-color:#f39c12}.issue-type-delay{background-color:#e67e22}.no-issues-message{text-align:center;padding:2rem;color:#7f8c8d;font-style:italic}@media (max-width: 768px){.stats-grid,.dashboard-sections{grid-template-columns:1fr}.data-table{font-size:.85rem}}.inventory{width:100%}.search-bar{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.item-description{font-size:.85rem;color:#7f8c8d;margin-top:.25rem}.item-name-cell{display:flex;gap:.75rem;align-items:flex-start}.item-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.image-preview{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.image-preview img{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;border-radius:4px;padding:.5rem;background:#f8f9fa}.item-detail{font-size:.8rem;color:#95a5a6;margin-top:.15rem}.category-group,.category-dropdown-container{position:relative}.category-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:2px;min-width:100%}.category-option{padding:.5rem .75rem;cursor:pointer;transition:background-color .2s}.category-option:hover{background-color:#f8f9fa}.category-option.category-new{color:#3498db;font-weight:500;border-top:1px solid #ecf0f1;background-color:#f8f9fa}.category-option.category-new:hover{background-color:#e8f4f8}.empty-state{text-align:center;padding:2rem;color:#7f8c8d}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s}.btn-sm{padding:.25rem .5rem;font-size:.85rem;margin-right:.5rem}.page-header .btn-sm{margin-right:0;padding:.4rem .8rem;font-size:.85rem}.category-group .data-table td:last-child{white-space:nowrap;min-width:140px}.category-group .data-table td:last-child button{display:inline-block;margin-right:.25rem}.category-group .data-table .btn-sm{padding:.25rem .5rem;font-size:.75rem;min-width:auto;flex-shrink:0}.category-group .data-table .btn-sm:last-child{margin-right:0}.loading{text-align:center;padding:2rem;font-size:1.2rem}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.form-actions .btn-danger{margin-right:auto}.inventory-groups{display:flex;flex-direction:column;gap:2rem}.category-group{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.category-header{background-color:#3498db;color:#fff;margin:0;padding:1rem 1.5rem;font-size:1.2rem;font-weight:600}.category-group .data-table{margin:0;border-radius:0}.category-group .data-table thead{background-color:#f8f9fa}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.modal-content{max-width:95%;padding:1.5rem}}.catalog{width:100%}.catalog-layout{display:flex;gap:2rem;margin-top:1rem}.catalog-sidebar{width:300px;min-width:300px;background:#f8f9fa;padding:1rem;border-radius:8px;height:fit-content}.catalog-sidebar h3{margin-top:0;margin-bottom:1rem;color:#2c3e50}.category-tree{max-height:600px;overflow-y:auto}.category-tree-item{padding:8px;border-radius:4px;margin-bottom:4px;transition:background-color .2s}.category-tree-item:hover{background-color:#e9ecef}.category-tree-item.selected{background-color:#007bff;color:#fff}.category-actions-menu{position:relative;display:inline-block}.category-menu-btn{padding:.2rem .5rem;font-size:1.1rem;line-height:1;min-width:auto;width:auto;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:-.05em}.category-menu-dropdown{position:absolute;right:0;top:100%;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #00000026;z-index:1000;min-width:100px;margin-top:.25rem}.category-menu-item{display:block;width:100%;padding:.5rem .75rem;text-align:left;border:none;background:none;cursor:pointer;font-size:.85rem;color:#2c3e50;transition:background-color .2s}.category-menu-item:hover{background-color:#f8f9fa}.category-menu-item-danger{color:#dc3545}.category-menu-item-danger:hover{background-color:#fff5f5;color:#c82333}.category-menu-item:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.category-menu-item:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.catalog-content{flex:1}.search-bar{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.view-toggle{display:flex;gap:.25rem;border:1px solid #ddd;border-radius:4px;overflow:hidden}.view-toggle-btn{background:#fff;border:none;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6c757d}.view-toggle-btn:hover{background:#f8f9fa;color:#007bff}.view-toggle-btn.active{background:#007bff;color:#fff}.category-breadcrumb{margin-bottom:1rem;padding:.5rem;background:#e9ecef;border-radius:4px;font-size:.9rem;color:#495057}.catalog-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;margin-top:1rem}.catalog-item-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .2s}.catalog-item-card:hover{box-shadow:0 4px 8px #0000001a}.catalog-item-image-container{width:100%;height:100px;overflow:hidden;background:#f8f9fa}.catalog-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.catalog-item-image-container:hover .catalog-item-image{transform:scale(1.05)}.catalog-item-info{padding:.5rem}.catalog-item-info h4{margin:0 0 .25rem;color:#2c3e50;font-size:.9rem;transition:color .2s}.catalog-item-info h4:hover{color:#0056b3}.catalog-item-description{font-size:.75rem;color:#6c757d;margin:.25rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-item-category{font-size:.85rem;color:#007bff;margin:.25rem 0}.catalog-item-price{font-size:1rem;font-weight:700;color:#28a745;margin:.25rem 0}.catalog-item-manufacturer,.catalog-item-model{font-size:.75rem;color:#6c757d;margin:.15rem 0}.catalog-item-actions{display:flex;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.catalog-item-actions .btn{font-size:.75rem;padding:.25rem .5rem}.image-upload-area{border:2px dashed #ddd;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s;background-color:#f8f9fa}.image-upload-area:hover{border-color:#007bff;background-color:#e7f3ff}.image-upload-area.drag-over{border-color:#007bff;background-color:#cfe2ff;transform:scale(1.02)}.catalog-items-list{margin-top:1rem;overflow-x:auto;width:100%}.catalog-items-list table{min-width:1200px}.catalog-table{width:100%;min-width:1200px;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.catalog-table thead{background:#f8f9fa}.catalog-table th{padding:.75rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6;font-size:.9rem}.catalog-table td{padding:.75rem;border-bottom:1px solid #dee2e6;vertical-align:middle}.catalog-table-row{cursor:pointer;transition:background-color .2s}.catalog-table-row:hover{background-color:#f8f9fa}.catalog-table-image{width:60px;padding:.5rem!important}.catalog-list-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.catalog-list-placeholder{width:50px;height:50px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#6c757d}.catalog-table-name{min-width:200px}.catalog-table-name strong{color:#2c3e50;font-size:.95rem}.catalog-table-description{font-size:.8rem;color:#6c757d;margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.catalog-table-category{min-width:120px;color:#007bff;font-size:.85rem}.catalog-table-price{min-width:100px;font-weight:700;color:#28a745;font-size:.95rem}.catalog-table-manufacturer,.catalog-table-model{min-width:120px;font-size:.85rem;color:#6c757d}.catalog-table-actions{min-width:220px;white-space:nowrap;padding-right:1rem!important}.catalog-table-actions .btn{margin-right:.3rem;font-size:.7rem;padding:.25rem .6rem;min-width:50px}.btn-xs{font-size:.7rem;padding:.2rem .4rem;line-height:1.2}@media (max-width: 768px){.catalog-layout{flex-direction:column}.catalog-sidebar{width:100%}.catalog-items-grid{grid-template-columns:1fr}.search-bar{flex-direction:column;align-items:stretch}.view-toggle{align-self:flex-end}.catalog-table{font-size:.8rem}.catalog-table th,.catalog-table td{padding:.5rem}.catalog-table-name{min-width:150px}.catalog-table-actions{min-width:auto}.catalog-table-actions .btn{font-size:.65rem;padding:.15rem .3rem;margin-right:.1rem}.category-menu-dropdown{right:auto;left:0}}.catalog-item-detail{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.detail-header .btn{flex-shrink:0;white-space:nowrap;min-width:auto;width:auto;padding:.5rem 1rem}.detail-header h1{margin:0;color:#2c3e50;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.detail-content{background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 4px #0000001a}.detail-main{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.detail-image-container{position:sticky;top:2rem;height:fit-content}.detail-image{width:100%;max-width:500px;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a;object-fit:contain;background:#f8f9fa;padding:1rem}.detail-info{display:flex;flex-direction:column;gap:2rem}.detail-section{border-bottom:1px solid #e9ecef;padding-bottom:1.5rem}.detail-section:last-child{border-bottom:none}.detail-section h2{margin:0 0 1rem;color:#2c3e50;font-size:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-weight:600;color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-item span{color:#2c3e50;font-size:1rem}.info-item .price{font-size:1.5rem;font-weight:700;color:#28a745}.status{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;width:fit-content}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.description{color:#495057;line-height:1.6;font-size:1rem;white-space:pre-wrap}.specifications{color:#495057;line-height:1.6;font-size:.95rem}.specifications p{margin:.5rem 0}.error-state{text-align:center;padding:3rem}.error-state p{color:#dc3545;font-size:1.1rem;margin-bottom:1rem}.loading{text-align:center;padding:3rem;font-size:1.1rem;color:#6c757d}.history-section{margin-top:2rem;padding-top:2rem;border-top:2px solid #e9ecef}.empty-history{text-align:center;padding:2rem;color:#6c757d}.history-table-container{overflow-x:auto;margin-top:1rem}.history-table{width:100%;border-collapse:collapse;font-size:.9rem}.history-table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.history-table th{padding:.75rem;text-align:left;font-weight:600;color:#495057;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.history-table td{padding:.75rem;border-bottom:1px solid #e9ecef;color:#2c3e50}.history-table tbody tr:hover{background-color:#f8f9fa}.profit-positive{color:#28a745;font-weight:600}.profit-negative{color:#dc3545;font-weight:600}@media (max-width: 968px){.history-table-container{font-size:.8rem}.history-table th,.history-table td{padding:.5rem}}@media (max-width: 968px){.detail-main{grid-template-columns:1fr}.detail-image-container{position:static}.detail-image{max-width:100%}.info-grid{grid-template-columns:1fr}}.clients{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;gap:.25rem;background-color:#f8f9fa;padding:.25rem;border-radius:4px}.view-toggle-btn{background:transparent;border:none;padding:.4rem .6rem;cursor:pointer;border-radius:3px;font-size:1rem;color:#7f8c8d;transition:all .2s}.view-toggle-btn:hover{background-color:#e9ecef;color:#2c3e50}.view-toggle-btn.active{background-color:#3498db;color:#fff}.view-toggle-btn.active:hover{background-color:#2980b9}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.client-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.client-header h3{margin:0 0 .5rem;color:#2c3e50}.contact-name{color:#7f8c8d;font-size:.9rem}.client-details{margin:1rem 0}.client-detail{margin-bottom:.5rem;font-size:.9rem;color:#34495e}.client-detail strong{color:#2c3e50}.client-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #ecf0f1;font-size:.85rem;color:#7f8c8d;font-style:italic}.client-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid #ecf0f1;display:flex;gap:.5rem;flex-wrap:wrap}.client-actions .btn-sm{padding:.25rem .5rem;font-size:.75rem;min-width:auto;white-space:nowrap;flex:0 1 auto}.client-actions a.btn{text-align:center;text-decoration:none;display:inline-block}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:#7f8c8d;background:#fff;border-radius:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto}.modal-content h2{margin:0 0 1.5rem;color:#2c3e50}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.clients-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.clients-list .data-table{width:100%;border-collapse:collapse;table-layout:fixed}.clients-list .data-table thead{background-color:#f8f9fa}.clients-list .data-table th{padding:.75rem;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #dee2e6;vertical-align:middle}.clients-list .data-table td{padding:.75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}.clients-list .data-table td:last-child{white-space:normal!important;overflow:visible!important}.clients-list .data-table tbody tr:hover{background-color:#f8f9fa}.clients-list .data-table tbody tr:last-child td{border-bottom:none}.clients-list .contact-name{font-size:.85rem;color:#7f8c8d;margin-top:.25rem}.clients-list .data-table th:nth-child(1),.clients-list .data-table td:nth-child(1){width:20%}.clients-list .data-table th:nth-child(2),.clients-list .data-table td:nth-child(2){width:20%}.clients-list .data-table th:nth-child(3),.clients-list .data-table td:nth-child(3){width:15%}.clients-list .data-table th:nth-child(4),.clients-list .data-table td:nth-child(4){width:25%}.clients-list .data-table th:nth-child(5),.clients-list .data-table td:nth-child(5){width:20%;padding:.5rem;vertical-align:top}.client-actions-inline{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;width:100%!important;max-width:240px!important}.client-actions-inline .btn-sm{width:100%!important;padding:.3rem .35rem!important;font-size:.7rem!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;margin:0!important;display:block!important;min-width:auto}.client-actions-inline .btn-primary{background-color:#3498db;color:#fff;border:none}.client-actions-inline .btn-primary:hover{background-color:#2980b9;color:#fff}.communication-log{width:100%}.section-header .btn-primary{padding:.35rem .7rem!important;font-size:.8rem!important;white-space:nowrap;width:auto;min-width:auto;max-width:none;margin-left:auto}.communication-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e9ecef}.communications-list{display:flex;flex-direction:column;gap:1rem}.communication-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.communication-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.communication-type{display:flex;align-items:center;gap:.75rem;flex:1}.type-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;flex-shrink:0}.comm-subject{font-size:.9rem;color:#7f8c8d;margin-top:.25rem}.communication-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:capitalize}.comm-actions{display:flex;gap:.5rem}.communication-content{margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #3498db}.communication-content p{margin:0;white-space:pre-wrap;word-wrap:break-word}.communication-footer{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#7f8c8d;padding-top:1rem;border-top:1px solid #e9ecef}.communication-footer span{display:flex;align-items:center;gap:.25rem}.comm-date{margin-left:auto;font-style:italic}@media (max-width: 768px){.communication-header{flex-direction:column}.communication-meta{width:100%;justify-content:space-between}.communication-footer{flex-direction:column;gap:.5rem}.comm-date{margin-left:0}}.client-detail{width:100%}.back-link{color:#3498db;text-decoration:none;font-size:.9rem;margin-bottom:.5rem;display:inline-block}.client-subtitle{color:#7f8c8d;font-size:.9rem;margin-top:.25rem}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #ecf0f1}.tab{padding:.75rem 1.5rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#7f8c8d;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .3s}.tab:hover{color:#2c3e50;background-color:#f8f9fa}.tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:600}.info-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-card{background:#f8f9fa;padding:1.5rem;border-radius:8px}.info-card.full-width{grid-column:1 / -1}.info-card h3{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.info-item{margin-bottom:.75rem;font-size:.95rem}.info-item strong{color:#2c3e50;display:inline-block;min-width:140px}.info-item a{color:#3498db;text-decoration:none}.info-item a:hover{text-decoration:underline}.notes-content{white-space:pre-wrap;line-height:1.6;color:#34495e}.history-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.history-section h2{margin:0 0 1.5rem;color:#2c3e50}.history-section .data-table .btn-secondary{color:#fff!important;background-color:#6c757d;border:none}.history-section .data-table .btn-secondary:hover{background-color:#5a6268;color:#fff!important}@media (max-width: 768px){.tabs{flex-wrap:wrap}.tab{padding:.5rem 1rem;font-size:.9rem}.info-grid{grid-template-columns:1fr}}.quotes{width:100%}.filters{margin-bottom:1.5rem}.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff}.quotes .data-table{table-layout:fixed;width:100%}.quotes .data-table th,.quotes .data-table td{padding:.75rem;vertical-align:middle}.quotes .data-table td:last-child{white-space:normal!important;overflow:visible!important}.quotes .data-table th:nth-child(1),.quotes .data-table td:nth-child(1){width:12%}.quotes .data-table th:nth-child(2),.quotes .data-table td:nth-child(2){width:20%}.quotes .data-table th:nth-child(3),.quotes .data-table td:nth-child(3){width:12%}.quotes .data-table th:nth-child(4),.quotes .data-table td:nth-child(4){width:12%;text-align:right;padding-right:1rem}.quotes .data-table th:nth-child(5),.quotes .data-table td:nth-child(5){width:12%}.quotes .data-table th:nth-child(6),.quotes .data-table td:nth-child(6){width:17%;padding:.5rem;vertical-align:top}.quotes .data-table .action-buttons{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.35rem!important;width:100%!important;max-width:160px!important}.quotes .data-table .action-buttons .btn-sm{width:100%!important;padding:.3rem .35rem!important;font-size:.7rem!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;margin:0!important;display:block!important}.email-history{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.email-history h3{margin-top:0;margin-bottom:1rem;color:#2c3e50}.email-history-loading,.email-history-empty{margin-top:2rem;padding:1.5rem;text-align:center;color:#6c757d}.email-list{display:flex;flex-direction:column;gap:1rem}.email-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:1rem;box-shadow:0 1px 3px #0000001a}.email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.email-date{font-size:.85rem;color:#6c757d}.email-details{display:flex;flex-direction:column;gap:.5rem}.email-field{font-size:.9rem;color:#495057}.email-field strong{color:#2c3e50;margin-right:.5rem}.email-error{padding:.75rem;background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;font-size:.85rem;color:#856404}.email-error strong{color:#856404}.email-retry{font-size:.85rem;color:#6c757d}.email-retry strong{color:#495057}.quote-builder{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header>div:first-child{display:flex;align-items:center;gap:1rem}.header-actions{display:flex;gap:1rem}.quote-form{display:flex;flex-direction:column;gap:.75rem}.form-section{background:#fff;padding:.6rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section h2{margin:0 0 .4rem;color:#2c3e50;font-size:.95rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem}.form-section .section-header{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%}.form-section .section-header h2{flex-shrink:0;margin-right:auto;margin-bottom:0}.form-section .section-header .btn{flex-shrink:0!important;margin-left:auto!important;width:auto!important;max-width:fit-content!important}.locations-section .section-header{justify-content:flex-end!important;gap:.5rem}.locations-section .section-header h3{margin-right:auto}.location-close-btn{padding:.1rem .25rem!important;font-size:.65rem!important;line-height:1!important;min-width:auto!important;width:auto!important;height:auto!important;min-height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;margin-bottom:.35rem}.client-status-row{grid-template-columns:2fr .8fr 1fr 1fr}.client-field,.status-field{min-width:0}.status-field select{font-size:.75rem;padding:.25rem .4rem}.status-field label{font-size:.7rem}.quote-form .form-section:first-child .form-row:last-of-type{margin-bottom:.3rem}.form-group{display:flex;flex-direction:column;min-width:0;margin-bottom:0}.form-group label{margin-bottom:.15rem;font-weight:600;color:#2c3e50;font-size:.75rem;line-height:1.2}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date],.form-group select{width:100%;padding:.3rem .45rem;border:1px solid #ddd;border-radius:3px;font-size:.8rem;font-family:inherit;line-height:1.3}.form-group input[type=number]{max-width:110px}.form-group input[type=date]{max-width:150px}.form-group select{font-size:.8rem;padding:.3rem .45rem}.form-group textarea{width:100%;padding:.3rem .45rem;border:1px solid #ddd;border-radius:3px;font-size:.8rem;font-family:inherit;line-height:1.3;resize:vertical;height:50px!important;min-height:50px!important;max-height:80px}.quote-form .form-section:first-child .form-group textarea{height:50px!important;min-height:50px!important;max-height:80px}.help-text{margin-top:.1rem;font-size:.7rem;color:#6c757d;line-height:1.2}.form-section .section-header .btn,.form-section .section-header .btn-primary{padding:.25rem .5rem!important;font-size:.7rem!important;white-space:nowrap!important;line-height:1.2!important;min-height:auto!important;height:auto!important;width:auto!important;min-width:auto!important;max-width:fit-content!important;flex-shrink:0!important;flex-grow:0!important;margin-left:auto!important;display:inline-block!important}.locations-section .section-header .btn-sm,.locations-section .section-header .btn-primary{padding:.2rem .35rem!important;font-size:.65rem!important;line-height:1.2!important;min-height:auto!important;height:auto!important;width:auto!important;min-width:auto!important;max-width:fit-content!important;flex-shrink:0!important;flex-grow:0!important;display:inline-block!important}.quote-builder .btn{padding:.35rem .7rem;font-size:.8rem;line-height:1.2;min-height:auto}.quote-builder .btn-sm{padding:.2rem .4rem;font-size:.7rem;line-height:1.2;min-height:auto}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.status-draft{background-color:#ecf0f1;color:#7f8c8d}.status-sent{background-color:#d5e8f4;color:#2980b9}.status-accepted{background-color:#d4edda;color:#27ae60}.status-rejected{background-color:#f8d7da;color:#c0392b}.items-table-container{overflow-x:auto!important;overflow-y:visible!important;width:100%!important;margin-bottom:1rem!important;position:relative!important;-webkit-overflow-scrolling:touch!important}.items-table{width:100%;border-collapse:collapse;min-width:800px}.items-table th{text-align:left;padding:.5rem;border-bottom:2px solid #ecf0f1;color:#7f8c8d;font-weight:600;white-space:nowrap}.items-table td{padding:.5rem;border-bottom:1px solid #ecf0f1;white-space:nowrap}.items-table th:nth-child(1),.items-table td:nth-child(1){min-width:200px;width:auto}.items-table th:nth-child(2),.items-table td:nth-child(2){width:70px!important;min-width:70px!important;max-width:70px!important}.items-table th:nth-child(3),.items-table td:nth-child(3){width:130px!important;min-width:130px!important;max-width:130px!important}.items-table th:nth-child(4),.items-table td:nth-child(4){width:140px!important;min-width:140px!important;max-width:140px!important}.items-table th:nth-child(5),.items-table td:nth-child(5){width:100px!important;min-width:100px!important;max-width:100px!important}.items-table th:nth-child(6),.items-table td:nth-child(6){width:80px!important;min-width:80px!important;max-width:80px!important}.items-table th:nth-child(7),.items-table td:nth-child(7){width:80px!important;min-width:80px!important;max-width:80px!important}.items-table th:nth-child(8),.items-table td:nth-child(8){width:100px!important;min-width:100px!important;max-width:100px!important}.items-table td:last-child,.items-table .actions-cell{position:sticky!important;right:0!important;background-color:#fff!important;z-index:10!important;min-width:120px!important;max-width:120px!important;width:120px!important;padding:.5rem!important;text-align:center!important;box-shadow:-2px 0 4px #0000001a!important}.items-table th:last-child{position:sticky!important;right:0!important;background-color:#fff!important;z-index:11!important;min-width:120px!important;max-width:120px!important;width:120px!important;text-align:center!important;box-shadow:-2px 0 4px #0000001a!important}.items-table .btn-danger,.items-table .remove-item-btn{padding:.4rem .7rem!important;font-size:.85rem!important;white-space:nowrap!important;cursor:pointer!important;background-color:#dc3545!important;color:#fff!important;border:1px solid #c82333!important;border-radius:4px!important;transition:all .2s!important;display:inline-block!important;min-width:90px!important;width:100%!important;text-align:center!important;font-weight:600!important;box-shadow:0 2px 4px #dc354533!important}.items-table .btn-danger:hover,.items-table .remove-item-btn:hover{background-color:#c82333!important;border-color:#bd2130!important;box-shadow:0 3px 6px #dc35454d!important;transform:translateY(-1px)!important}.items-table .btn-danger:active,.items-table .remove-item-btn:active{background-color:#bd2130!important;transform:translateY(0)!important}.items-table tr{transition:opacity .2s,background-color .2s}.items-table tr.dragging{opacity:.5}.quantity-input{width:100%!important;max-width:70px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.price-input{width:100%!important;max-width:130px;padding:.5rem;border:1px solid #ddd;border-radius:4px}.time-input{width:100%!important;max-width:100px;padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.rate-input{width:100%!important;max-width:80px;padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.labor-type-select{width:100%!important;max-width:140px;padding:.4rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.totals-section{margin-top:1rem;padding-top:1rem;border-top:2px solid #ecf0f1}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:1rem}.total-final{font-size:1.2rem;font-weight:700;color:#2c3e50;padding-top:.5rem;border-top:1px solid #ecf0f1}.items-list{max-height:400px;overflow-y:auto;margin:1rem 0}.item-card{padding:1rem;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;cursor:pointer;transition:background-color .3s;display:flex;gap:1rem;align-items:flex-start}.item-card:hover{background-color:#f8f9fa}.item-card-image{flex-shrink:0}.item-card-image img{width:80px;height:80px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.item-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex:1}.quote-item-cell{display:flex;gap:.75rem;align-items:center}.quote-item-image{width:40px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #ddd}.item-price{color:#3498db;font-weight:700}.item-description{font-size:.9rem;color:#7f8c8d;margin-bottom:.25rem}.item-category{font-size:.85rem;color:#95a5a6;font-style:italic}.quote-form .form-section:first-child{padding:.5rem}.quote-form .form-section:first-child .form-row{margin-bottom:.3rem}.quote-form .form-section:first-child .form-group{margin-bottom:0}.quote-form .form-section:first-child .form-group:last-child{margin-top:.3rem}@media (max-width: 1200px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-actions{flex-direction:column;width:100%}.header-actions .btn{width:100%}.items-table{font-size:.85rem}.quantity-input,.price-input{width:80px}.form-row{grid-template-columns:1fr}.form-group input[type=number],.form-group input[type=date]{max-width:100%}}.quote-templates{width:100%}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.template-card:hover{box-shadow:0 4px 8px #00000026}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.template-header h3{margin:0;color:#2c3e50;flex:1}.template-actions{display:flex;gap:.5rem;flex-wrap:wrap}.template-actions .btn-sm{padding:.25rem .5rem;font-size:.75rem;min-width:auto;white-space:nowrap}.template-description{color:#7f8c8d;margin-bottom:1rem;font-size:.9rem}.template-info{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:#555;padding-top:1rem;border-top:1px solid #e9ecef}.template-info div{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem;color:#7f8c8d}@media (max-width: 768px){.templates-grid{grid-template-columns:1fr}.template-header{flex-direction:column;align-items:stretch}.template-actions{width:100%}.template-actions .btn{flex:1}}.jobs{width:100%}.job-detail-modal{max-width:1000px}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-bar-container{width:100%;height:24px;background-color:#e9ecef;border-radius:12px;overflow:hidden;margin-top:.5rem;position:relative;border:1px solid #dee2e6}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;transition:width .3s ease;min-width:0;z-index:2;position:relative}.progress-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:#2c3e50;pointer-events:none;z-index:1;white-space:nowrap}.technician-list li{padding:.75rem;background:#fff;border-radius:4px;margin-bottom:.5rem;border-left:3px solid #3498db}.checkbox-group{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding:.5rem;background:#fff;border-radius:4px;border:1px solid #ddd}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s}.checkbox-label:hover{background-color:#f8f9fa}.checkbox-label input[type=checkbox]{cursor:pointer}.activity-item{background:#fff;padding:1rem;border-radius:6px;border-left:4px solid #3498db;box-shadow:0 1px 3px #0000001a}.activity-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;flex-wrap:wrap}.technician-badge{background-color:#3498db;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.hours-badge{background-color:#27ae60;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.activity-form,.issue-form{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #e9ecef}.issue-item{background:#fff;padding:1rem;border-radius:6px;border-left:4px solid #e74c3c;box-shadow:0 1px 3px #0000001a}.issue-header>div{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.issue-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.issue-type-note{background-color:#95a5a6;color:#fff}.issue-type-issue{background-color:#e74c3c;color:#fff}.issue-type-modification{background-color:#f39c12;color:#fff}.issue-type-delay{background-color:#e67e22;color:#fff}.severity-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.issue-status-select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;background:#fff}.overdue{background-color:#fff5f5!important}.change-order-form{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #e9ecef}.change-order-item{background:#fff;padding:1rem;border-radius:6px;border-left:4px solid #3498db;box-shadow:0 1px 3px #0000001a}.change-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.change-order-title{color:#2c3e50;font-weight:500}.change-order-detail-content{display:flex;flex-direction:column;gap:1.5rem}.change-order-item-form{background:#fff;padding:1rem;border-radius:6px;margin-bottom:1rem;border:1px solid #e9ecef}.change-order-item-form .form-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.change-order-item-form .form-group{flex:1;min-width:150px}.change-order-item-form .form-group label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.9rem}.change-order-item-form .form-group input,.change-order-item-form .form-group select{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.change-order-item-form .form-group input[type=checkbox]{width:auto;margin-top:.5rem}.clickable-row{transition:background-color .2s ease}.clickable-row:hover{background-color:#f5f5f5}.clickable-row.overdue:hover{background-color:#ffe6e6}.data-table tr.overdue td{border-left:3px solid #e74c3c}.jobs .data-table{table-layout:fixed;width:100%}.jobs .data-table th:nth-child(1),.jobs .data-table td:nth-child(1){width:7%}.jobs .data-table th:nth-child(2),.jobs .data-table td:nth-child(2){width:14%}.jobs .data-table th:nth-child(3),.jobs .data-table td:nth-child(3){width:7%}.jobs .data-table th:nth-child(4),.jobs .data-table td:nth-child(4){width:10%}.jobs .data-table th:nth-child(5),.jobs .data-table td:nth-child(5){width:14%}.jobs .data-table th:nth-child(6),.jobs .data-table td:nth-child(6){width:12%;min-width:120px}.jobs .data-table th:nth-child(7),.jobs .data-table td:nth-child(7){width:9%;min-width:90px}.jobs .data-table th:nth-child(8),.jobs .data-table td:nth-child(8){width:9%}.jobs .data-table th:nth-child(9),.jobs .data-table td:nth-child(9){width:13.5%;min-width:135px}.jobs .data-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.75rem .5rem}.jobs .data-table td:nth-child(5){white-space:normal}.jobs .data-table td:nth-child(6){white-space:normal;overflow:visible}.jobs .data-table td:nth-child(9){white-space:normal;overflow:visible}.action-buttons{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.action-buttons-group{display:flex;gap:.25rem;flex-wrap:nowrap;align-items:center}.action-buttons .btn{font-size:.7rem;padding:.2rem .4rem;white-space:nowrap;flex-shrink:0;min-width:auto;width:auto;max-width:none}.action-buttons-group .btn{font-size:.7rem;padding:.2rem .35rem;white-space:nowrap;flex-shrink:0;min-width:auto;width:auto;max-width:none;box-sizing:border-box}.action-buttons-group .btn.btn-primary{padding:.2rem .3rem;font-size:.68rem}@media (max-width: 768px){.large-modal{width:98%;max-height:95vh}.info-grid{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start;gap:.5rem}.issue-header{flex-direction:column;align-items:flex-start}}.job-detail{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.job-detail-loading,.job-detail-error{padding:2rem;text-align:center;color:#7f8c8d}.job-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.job-detail-title h1{margin:.5rem 0;color:#2c3e50;font-size:2rem}.back-link{color:#3498db;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:.5rem}.back-link:hover{text-decoration:underline}.quote-link{color:#7f8c8d;text-decoration:none;font-size:.9rem;display:inline-block;margin-top:.5rem}.quote-link:hover{color:#3498db;text-decoration:underline}.job-detail-actions{display:flex;gap:1rem;align-items:center}.status-select{padding:.5rem 1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;background:#fff;cursor:pointer}.job-detail-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.detail-section h2{margin-top:0;margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.section-header-row h2{margin-bottom:0;border-bottom:none;padding-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-grid>div{padding:1rem;background:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.info-grid .full-width{grid-column:1 / -1}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-quoted{background-color:#95a5a6;color:#fff}.status-accepted{background-color:#3498db;color:#fff}.status-in_progress{background-color:#f39c12;color:#fff}.status-completed{background-color:#27ae60;color:#fff}.overdue-text{color:#e74c3c;font-weight:600}.progress-bar-container{width:100%;height:28px;background-color:#e9ecef;border-radius:14px;overflow:hidden;margin-top:.5rem;position:relative;border:1px solid #dee2e6}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;transition:width .3s ease}.progress-text-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#2c3e50;font-size:.85rem;font-weight:600}.technician-list{list-style:none;padding:0;margin:0}.technician-list li{padding:.75rem;background:#f8f9fa;border-radius:4px;margin-bottom:.5rem;border-left:3px solid #3498db}.technician-assignment-form{background:#f8f9fa;padding:1.5rem;border-radius:8px}.technician-checkboxes{display:flex;flex-direction:column;gap:.75rem}.technician-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #e9ecef;cursor:pointer;transition:all .2s}.technician-checkbox-label:hover{background:#f8f9fa;border-color:#3498db}.technician-checkbox-label input[type=checkbox]{margin-top:.25rem;cursor:pointer;width:18px;height:18px}.technician-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.technician-info strong{color:#2c3e50;font-size:.95rem}.technician-email{color:#7f8c8d;font-size:.85rem}.technician-specialty{color:#3498db;font-size:.85rem;font-weight:500}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.text-muted{color:#7f8c8d;font-style:italic}.activity-form,.issue-form,.change-order-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:600;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:.5rem;margin-top:1rem;align-items:center}.schedules-table-container{margin-top:1rem;overflow-x:auto}.schedules-table-container .data-table{width:100%;border-collapse:collapse;table-layout:fixed}.schedules-table-container .data-table th,.schedules-table-container .data-table td{padding:.5rem .4rem;text-align:left;border-bottom:1px solid #e9ecef}.schedules-table-container .data-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;white-space:nowrap}.schedules-table-container .data-table th:nth-child(1),.schedules-table-container .data-table td:nth-child(1){width:18%}.schedules-table-container .data-table th:nth-child(2),.schedules-table-container .data-table td:nth-child(2){width:8%;white-space:nowrap}.schedules-table-container .data-table th:nth-child(3),.schedules-table-container .data-table td:nth-child(3){width:10%;white-space:nowrap}.schedules-table-container .data-table th:nth-child(4),.schedules-table-container .data-table td:nth-child(4){width:10%;white-space:nowrap}.schedules-table-container .data-table th:nth-child(5),.schedules-table-container .data-table td:nth-child(5){width:14%;white-space:nowrap}.schedules-table-container .data-table th:nth-child(6),.schedules-table-container .data-table td:nth-child(6){width:14%;white-space:nowrap}.schedules-table-container .data-table th:nth-child(7),.schedules-table-container .data-table td:nth-child(7){width:16%;white-space:normal;word-wrap:break-word}.schedules-table-container .data-table th:nth-child(8),.schedules-table-container .data-table td:nth-child(8){width:10%;white-space:nowrap}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #3498db}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.technician-badge,.hours-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;background-color:#3498db;color:#fff}.hours-badge{background-color:#27ae60}.issues-list{display:flex;flex-direction:column;gap:1rem}.issue-item{border-left:4px solid #95a5a6;padding:1rem;background:#f8f9fa;border-radius:4px}.issue-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.issue-type-badge{margin-left:.5rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;text-transform:uppercase;background-color:#95a5a6;color:#fff}.severity-badge{margin-left:.5rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;text-transform:uppercase;color:#fff}.issue-status-select{font-size:.85rem;padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;background:#fff}.change-orders-list{display:flex;flex-direction:column;gap:1rem}.change-order-item{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #f39c12}.change-order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.change-order-title{color:#555;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:8px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-content.large-modal{max-width:1000px}.modal-header h2{margin:0;color:#2c3e50}.change-order-detail{display:flex;flex-direction:column;gap:1rem}.items-table{width:100%;border-collapse:collapse;margin-top:1rem}.items-table th,.items-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef}.items-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.add-item-form{background:#f8f9fa;padding:1rem;border-radius:4px;margin-top:1rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-sm{padding:.35rem .7rem;font-size:.85rem}.btn-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:#2980b9}@media (max-width: 768px){.job-detail{padding:1rem}.job-detail-header{flex-direction:column;gap:1rem}.info-grid,.form-row{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.change-order-header{flex-direction:column;align-items:flex-start}}.service-calls{padding:0}.service-calls .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.service-calls .filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:4px}.service-calls .filter-group{display:flex;flex-direction:column;gap:.5rem}.service-calls .filter-group label{font-weight:500;font-size:.9rem}.service-calls .filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.service-calls .data-table{width:100%;border-collapse:collapse;table-layout:fixed}.service-calls .data-table th,.service-calls .data-table td{padding:.5rem .4rem;text-align:left;border-bottom:1px solid #e0e0e0;overflow:hidden;text-overflow:ellipsis}.service-calls .data-table th:nth-child(1),.service-calls .data-table td:nth-child(1){width:10%}.service-calls .data-table th:nth-child(2),.service-calls .data-table td:nth-child(2){width:15%}.service-calls .data-table th:nth-child(3),.service-calls .data-table td:nth-child(3){width:20%;white-space:nowrap}.service-calls .data-table th:nth-child(4),.service-calls .data-table td:nth-child(4){width:8%}.service-calls .data-table th:nth-child(5),.service-calls .data-table td:nth-child(5){width:8%}.service-calls .data-table th:nth-child(6),.service-calls .data-table td:nth-child(6){width:15%;white-space:normal;word-wrap:break-word}.service-calls .data-table th:nth-child(7),.service-calls .data-table td:nth-child(7){width:10%;white-space:nowrap}.service-calls .data-table th:nth-child(8),.service-calls .data-table td:nth-child(8){width:7%}.service-calls .data-table th:nth-child(9),.service-calls .data-table td:nth-child(9){width:7%;white-space:nowrap}.service-calls .data-table th{background-color:#f9f9f9;font-weight:500;color:#2c3e50}.service-calls .data-table tr:hover{background-color:#f9f9f9}.service-calls .status-badge,.service-calls .priority-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500;text-transform:capitalize}.service-calls .btn-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.service-calls .btn-link:hover{color:#2980b9}.service-calls .empty-state{text-align:center;padding:3rem;color:#666;background-color:#f9f9f9;border-radius:8px}.service-calls .data-table td:nth-child(9) .btn{padding:.25rem .5rem;font-size:.75rem;min-width:auto;width:auto}.service-call-detail{padding:0}.service-call-detail .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.service-call-detail .page-header h1{margin:.5rem 0 0;color:#2c3e50}.service-call-detail .back-link{color:#3498db;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:.5rem}.service-call-detail .back-link:hover{text-decoration:underline}.service-call-detail .detail-section{margin-bottom:2rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px}.service-call-detail .detail-section h2{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.2rem}.service-call-detail .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.service-call-detail .section-header h2{margin:0}.service-call-detail .form-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.service-call-detail .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.service-call-detail .form-group label{font-weight:500;font-size:.9rem}.service-call-detail .form-group input,.service-call-detail .form-group select,.service-call-detail .form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.service-call-detail .form-group small{color:#666;font-size:.8rem}.service-call-detail .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.service-call-detail .technician-list{display:flex;flex-wrap:wrap;gap:.5rem}.service-call-detail .technician-badge{display:inline-block;padding:.5rem 1rem;background-color:#3498db;color:#fff;border-radius:4px;font-size:.9rem}.service-call-detail .data-table{width:100%;border-collapse:collapse;margin-top:1rem}.service-call-detail .data-table th,.service-call-detail .data-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.service-call-detail .data-table th{background-color:#f0f0f0;font-weight:500;color:#2c3e50}.service-call-detail .data-table tfoot{font-weight:700;background-color:#f9f9f9}.service-call-detail .data-table tr:hover{background-color:#f9f9f9}.service-call-detail .technician-assignment-form{max-height:400px;overflow-y:auto;margin-bottom:1rem}.service-call-detail .alert{padding:1rem;border-radius:4px;margin-bottom:1rem}.service-call-detail .alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.service-call-detail .btn-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.service-call-detail .btn-link:hover{color:#2980b9}.scheduler{padding:2rem;height:calc(100vh - 80px);display:flex;flex-direction:column}.scheduler-loading{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:#7f8c8d}.scheduler-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.scheduler-header h1{margin:0;color:#2c3e50}.scheduler-controls{display:flex;align-items:center;gap:1.5rem}.view-selector{display:flex;gap:.5rem;border:1px solid #ddd;border-radius:4px;overflow:hidden}.view-selector button{padding:.5rem 1rem;border:none;background:#fff;cursor:pointer;font-size:.9rem;transition:all .2s}.view-selector button:hover{background:#f8f9fa}.view-selector button.active{background:#3498db;color:#fff}.date-navigation{display:flex;gap:.5rem}.date-navigation button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.date-navigation button:hover{background:#f8f9fa;border-color:#3498db}.current-date-display{font-weight:600;color:#2c3e50;min-width:200px;text-align:center}.scheduler-content{display:flex;gap:1.5rem;flex:1;overflow:hidden}.unscheduled-sidebar{width:250px;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;overflow-y:auto;border:2px dashed transparent;transition:all .2s}.unscheduled-sidebar.drag-over{border-color:#f39c12;background:#fff3e0}.unscheduled-sidebar h2{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.2rem}.unscheduled-list{display:flex;flex-direction:column;gap:.75rem}.unscheduled-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#fff3e0;border-radius:8px;cursor:grab;transition:all .2s;border:2px solid transparent}.unscheduled-item:hover{background:#ffe0b2;border-color:#f39c12;cursor:pointer}.unscheduled-item:active{cursor:grabbing}.item-icon{font-size:1.5rem;flex-shrink:0}.item-info{flex:1;min-width:0}.item-title{font-weight:600;color:#2c3e50;font-size:.95rem;margin-bottom:.25rem}.item-client{font-size:.85rem;color:#7f8c8d;margin-bottom:.25rem}.item-date{font-size:.75rem;color:#95a5a6}.empty-unscheduled{text-align:center;color:#bdc3c7;font-style:italic;padding:2rem 0}.scheduled-sidebar{width:250px;background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;overflow-y:auto}.scheduled-sidebar h2{margin-top:0;margin-bottom:.5rem;color:#2c3e50;font-size:1.2rem}.scheduled-list{display:flex;flex-direction:column;gap:.75rem}.scheduled-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:#e3f2fd;border-radius:8px;cursor:grab;transition:all .2s;border:2px solid transparent}.scheduled-item:hover{background:#bbdefb;border-color:#3498db;cursor:pointer}.scheduled-item:active{cursor:grabbing}.item-schedule-count{font-size:.75rem;color:#1976d2;font-weight:500;margin-top:.25rem}.empty-scheduled{text-align:center;color:#bdc3c7;font-style:italic;padding:2rem 0}.schedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.schedule-modal{background:#fff;border-radius:8px;padding:2rem;min-width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a}.schedule-modal h3{margin-top:0;margin-bottom:1.5rem;color:#2c3e50}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form label{font-weight:500;color:#2c3e50;font-size:.9rem}.modal-form input,.modal-form select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-actions .btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.modal-actions .btn-primary{background:#3498db;color:#fff}.modal-actions .btn-primary:hover{background:#2980b9}.modal-actions .btn-secondary{background:#95a5a6;color:#fff}.modal-actions .btn-secondary:hover{background:#7f8c8d}.calendar-view{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.calendar-grid{display:grid;flex:1;overflow-y:auto}.scheduler.day-view .calendar-grid{grid-template-columns:1fr}.scheduler.week-view .calendar-grid,.scheduler.month-view .calendar-grid{grid-template-columns:repeat(7,1fr)}.calendar-column{display:flex;flex-direction:column;border-right:1px solid #e9ecef;min-width:0}.calendar-column:last-child{border-right:none}.calendar-day-header{padding:1rem;text-align:center;border-bottom:2px solid #ecf0f1;background:#f8f9fa;flex-shrink:0}.day-name{font-weight:600;color:#7f8c8d;font-size:.85rem;text-transform:uppercase;margin-bottom:.25rem}.day-number{font-size:1.2rem;font-weight:600;color:#2c3e50}.calendar-day{flex:1;min-height:200px;padding:.5rem;position:relative;overflow-y:auto}.calendar-day-empty{color:#bdc3c7;font-size:.85rem;text-align:center;padding:1rem;font-style:italic}.calendar-event{background:#e3f2fd;border-left:4px solid #3498db;border-radius:4px;padding:.5rem;margin-bottom:.5rem;cursor:grab;transition:all .2s;min-height:60px}.calendar-event:hover{box-shadow:0 2px 4px #0000001a;cursor:grabbing}.calendar-event:active{cursor:grabbing;opacity:.8}.calendar-event.locked{opacity:.6;cursor:not-allowed;background:#f5f5f5;border-left-color:#95a5a6}.calendar-event.locked:hover{cursor:not-allowed;box-shadow:none}.event-locked{font-size:.7rem;color:#7f8c8d;margin-top:.25rem;font-weight:500}.calendar-event.service_call{background:#fff3e0;border-left-color:#f39c12}.calendar-event.unscheduled{background:#f5f5f5;border-left-color:#95a5a6;opacity:.7}.calendar-event.scheduled{opacity:1}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.event-title{font-weight:600;color:#2c3e50;font-size:.9rem}.event-delete{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.event-delete:hover{background:#e74c3c;color:#fff}.event-client{font-size:.8rem;color:#7f8c8d;margin-bottom:.25rem}.event-technician{font-size:.8rem;color:#27ae60;font-weight:500;margin-top:.25rem}.event-time{font-size:.75rem;color:#3498db;margin-top:.25rem}.event-hint{font-size:.75rem;color:#95a5a6;font-style:italic;margin-top:.5rem;text-align:center}@media (max-width: 1200px){.scheduler-content{flex-direction:column}.technicians-sidebar{width:100%;max-height:200px}.technicians-list{flex-direction:row;overflow-x:auto}.technician-item{min-width:200px}}.invoices{width:100%}.large-modal{max-width:900px;width:95%;max-height:90vh;overflow-y:auto}.invoice-detail-modal{max-width:1000px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.invoice-detail-content{display:flex;flex-direction:column;gap:2rem}.detail-section{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid #e9ecef}.detail-section h3{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-grid>div{padding:.5rem;background:#fff;border-radius:4px;border:1px solid #e9ecef}.items-table{width:100%;border-collapse:collapse;margin-top:1rem;background:#fff;border-radius:4px;overflow:hidden}.items-table th{text-align:left;padding:.75rem;border-bottom:2px solid #ecf0f1;background-color:#f8f9fa;font-weight:600;color:#7f8c8d;font-size:.9rem}.items-table td{padding:.75rem;border-bottom:1px solid #ecf0f1}.items-table tr:hover{background-color:#f8f9fa}.invoice-item-cell{display:flex;align-items:center;gap:.5rem}.invoice-item-image{width:30px;height:30px;object-fit:contain;border:1px solid #eee;border-radius:3px}.totals-section{margin-top:1.5rem;padding-top:1rem;border-top:2px solid #ecf0f1}.total-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.95rem}.total-row.total-final{font-weight:700;font-size:1.1rem;border-top:2px solid #2c3e50;padding-top:.75rem;margin-top:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:2px solid #ecf0f1}.status-select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;background:#fff}.invoices .data-table{table-layout:fixed;width:100%}.invoices .data-table th,.invoices .data-table td{padding:.75rem;vertical-align:middle}.invoices .data-table td:last-child{white-space:normal!important;overflow:visible!important}.invoices .data-table th:nth-child(1),.invoices .data-table td:nth-child(1){width:12%}.invoices .data-table th:nth-child(2),.invoices .data-table td:nth-child(2){width:15%}.invoices .data-table th:nth-child(3),.invoices .data-table td:nth-child(3){width:10%}.invoices .data-table th:nth-child(4),.invoices .data-table td:nth-child(4){width:10%}.invoices .data-table th:nth-child(5),.invoices .data-table td:nth-child(5){width:12%;text-align:right;padding-right:1rem}.invoices .data-table th:nth-child(6),.invoices .data-table td:nth-child(6){width:12%}.invoices .data-table th:nth-child(7),.invoices .data-table td:nth-child(7){width:12%}.invoices .data-table th:nth-child(8),.invoices .data-table td:nth-child(8){width:17%;padding:.5rem;vertical-align:top}.invoices .data-table .action-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;width:100%!important;max-width:240px!important}.invoices .data-table .action-buttons .btn-sm{width:100%!important;padding:.3rem .35rem!important;font-size:.7rem!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;margin:0!important;display:block!important}@media (max-width: 768px){.large-modal{width:98%;max-height:95vh}.info-grid{grid-template-columns:1fr}.items-table{font-size:.85rem}.items-table th,.items-table td{padding:.5rem}}.settings{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.settings form,.settings-form{display:flex;flex-direction:column;gap:2rem;width:100%!important;max-width:100%!important;box-sizing:border-box;margin:0;padding:0}.form-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%!important;max-width:100%!important;box-sizing:border-box;flex:1 1 100%}.form-section h2{margin:0 0 1.5rem;color:#2c3e50;font-size:1.2rem;border-bottom:2px solid #3498db;padding-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit}.form-group input[type=file]{padding:.5rem;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.logo-preview{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.logo-preview img{max-width:200px;max-height:200px;object-fit:contain;border:1px solid #ddd;border-radius:4px;padding:.5rem;background:#f8f9fa}.upload-status{color:#3498db;font-size:.9rem;margin-top:.5rem}.help-text{font-size:.85rem;color:#7f8c8d;margin-top:.5rem;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.technicians-section{margin-top:2rem;width:100%;max-width:100%;box-sizing:border-box}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-row .btn-primary{padding:.35rem .7rem;font-size:.8rem;white-space:nowrap;width:auto;min-width:auto;max-width:none}.technicians-table{width:100%;border-collapse:collapse;margin-top:1rem}.technicians-table th{text-align:left;padding:.75rem;border-bottom:2px solid #ecf0f1;color:#7f8c8d;font-weight:600;font-size:.9rem;background-color:#f8f9fa}.technicians-table td{padding:.75rem;border-bottom:1px solid #ecf0f1}.technicians-table tr:hover{background-color:#f8f9fa}.technicians-table tr.inactive-row{opacity:.6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.text-muted{color:#7f8c8d;font-style:italic;padding:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.section-header-row{flex-direction:column;align-items:flex-start;gap:1rem}.technicians-table{font-size:.85rem}.technicians-table th,.technicians-table td{padding:.5rem}}.technicians{width:100%;overflow-x:auto}.technicians .data-table{width:100%;min-width:800px}.technicians .data-table tr.inactive{opacity:.6}.status-active{color:#27ae60;font-weight:600}.status-inactive{color:#7f8c8d;font-weight:600}.technicians .data-table td:last-child,.technicians .data-table .action-buttons-cell{white-space:nowrap!important;min-width:320px!important;width:320px!important;padding:.75rem!important;position:sticky;right:0;background-color:#fff;z-index:10}.technicians .data-table .action-buttons-group{display:flex!important;flex-wrap:nowrap!important;gap:.5rem;align-items:center;justify-content:flex-start}.technicians .data-table td:last-child button,.technicians .data-table .action-buttons-group button{display:inline-block!important;flex-shrink:0!important;margin-right:0!important;vertical-align:middle;visibility:visible!important;opacity:1!important;white-space:nowrap!important}.technicians .data-table .btn-sm{padding:.25rem .5rem;font-size:.75rem;min-width:auto;flex-shrink:0}.technicians .data-table .btn-sm:last-child{margin-right:0}.technicians .form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.technicians .form-actions .btn-danger{margin-right:auto}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto;margin:0;flex-shrink:0}.vendors{padding:0}.vendor-name-link{background:none;border:none;color:#3498db;cursor:pointer;padding:0;font:inherit;font-weight:600;text-align:left}.vendor-name-link:hover{text-decoration:underline;color:#2980b9}.vendor-website{font-size:.85rem;margin-top:.25rem}.vendor-website a{color:#3498db;text-decoration:none}.vendor-website a:hover{text-decoration:underline}.vendors .form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.vendors .form-actions .btn-danger{margin-right:auto}.vendors .data-table{table-layout:fixed;width:100%}.vendors .data-table th,.vendors .data-table td{padding:.75rem;vertical-align:middle}.vendors .data-table td:last-child{white-space:normal!important;overflow:visible!important}.vendors .data-table th:nth-child(1),.vendors .data-table td:nth-child(1){width:18%}.vendors .data-table th:nth-child(2),.vendors .data-table td:nth-child(2){width:12%}.vendors .data-table th:nth-child(3),.vendors .data-table td:nth-child(3){width:12%}.vendors .data-table th:nth-child(4),.vendors .data-table td:nth-child(4){width:15%}.vendors .data-table th:nth-child(5),.vendors .data-table td:nth-child(5){width:12%}.vendors .data-table th:nth-child(6),.vendors .data-table td:nth-child(6){width:15%}.vendors .data-table th:nth-child(7),.vendors .data-table td:nth-child(7){width:16%;padding:.5rem;vertical-align:top}.vendors .data-table td:last-child{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.35rem!important;width:100%!important;max-width:160px!important}.vendors .data-table td:last-child button{width:100%!important;padding:.3rem .35rem!important;font-size:.7rem!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;margin:0!important;display:block!important}.vendors .data-table .btn-sm{padding:.3rem .35rem!important;font-size:.7rem!important;min-width:auto;flex-shrink:0}.vendor-detail{padding:0}.vendor-detail .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.vendor-detail .page-header h1{margin:.5rem 0 0;color:#2c3e50}.vendor-detail .vendor-subtitle{color:#666;font-size:.9rem;margin-top:.25rem}.vendor-detail .back-link{color:#3498db;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:.5rem}.vendor-detail .back-link:hover{text-decoration:underline}.vendor-detail .header-actions{display:flex;gap:.5rem}.vendor-detail .tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0;margin-bottom:2rem}.vendor-detail .tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;color:#666;transition:all .2s;margin-bottom:-2px}.vendor-detail .tab:hover{color:#3498db}.vendor-detail .tab.active{color:#3498db;border-bottom-color:#3498db;font-weight:500}.vendor-detail .tab-content{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vendor-detail .info-section{margin-bottom:2rem;padding:1.5rem;background-color:#f9f9f9;border-radius:8px}.vendor-detail .info-section h2{margin-top:0;margin-bottom:1rem;color:#2c3e50;font-size:1.2rem}.vendor-detail .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.vendor-detail .info-item{display:flex;flex-direction:column;gap:.25rem}.vendor-detail .info-item label{font-weight:500;color:#666;font-size:.9rem}.vendor-detail .info-item span{color:#2c3e50}.vendor-detail .info-item a{color:#3498db;text-decoration:none}.vendor-detail .info-item a:hover{text-decoration:underline}.vendor-detail .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.vendor-detail .summary-card{padding:1rem;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;text-align:center}.vendor-detail .summary-label{font-size:.85rem;color:#666;margin-bottom:.5rem}.vendor-detail .summary-value{font-size:1.5rem;font-weight:600;color:#2c3e50}.vendor-detail .summary-amount{font-size:.9rem;color:#666;margin-top:.25rem}.vendor-detail .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.vendor-detail .section-header h2{margin:0;color:#2c3e50}.vendor-detail .data-table{width:100%;border-collapse:collapse}.vendor-detail .data-table th,.vendor-detail .data-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e0e0e0}.vendor-detail .data-table th{background-color:#f9f9f9;font-weight:500;color:#2c3e50}.vendor-detail .data-table tr:hover{background-color:#f9f9f9}.vendor-detail .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500}.vendor-detail .btn-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.vendor-detail .btn-link:hover{color:#2980b9}.vendor-detail .empty-state{text-align:center;padding:3rem;color:#666;background-color:#f9f9f9;border-radius:8px}.vendor-detail .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.vendor-detail .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.vendor-detail .form-group label{font-weight:500;font-size:.9rem}.vendor-detail .form-group input,.vendor-detail .form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.vendor-detail .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.vendor-detail .form-actions .btn{padding:.5rem 1rem;font-size:.9rem}.purchase-orders{padding:0}.purchase-order-detail{width:100%}.purchase-order-detail .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.purchase-order-detail .page-header h1{margin:0;color:#2c3e50}.purchase-order-detail .page-header .btn{padding:.35rem .7rem;font-size:.8rem;min-width:auto;width:auto}.purchase-order-detail .section-header .btn-sm{padding:.25rem .5rem;font-size:.75rem;min-width:auto;width:auto}.purchase-order-detail .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.purchase-order-detail .form-actions .btn{padding:.35rem .7rem;font-size:.8rem;min-width:auto;width:auto}.status-select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.purchase-orders .data-table td:last-child{white-space:normal!important;overflow:visible!important}.purchase-orders .data-table .action-buttons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important;width:100%!important;max-width:240px!important}.purchase-orders .data-table .action-buttons .btn-sm{width:100%!important;padding:.3rem .35rem!important;font-size:.7rem!important;box-sizing:border-box!important;white-space:nowrap!important;text-align:center!important;margin:0!important;display:block!important}.purchase-orders .data-table{table-layout:fixed;width:100%}.purchase-orders .data-table th:nth-child(1),.purchase-orders .data-table td:nth-child(1){width:12%}.purchase-orders .data-table th:nth-child(2),.purchase-orders .data-table td:nth-child(2){width:12%}.purchase-orders .data-table th:nth-child(3),.purchase-orders .data-table td:nth-child(3){width:10%}.purchase-orders .data-table th:nth-child(4),.purchase-orders .data-table td:nth-child(4){width:11%}.purchase-orders .data-table th:nth-child(5),.purchase-orders .data-table td:nth-child(5){width:11%}.purchase-orders .data-table th:nth-child(6),.purchase-orders .data-table td:nth-child(6){width:11%;text-align:right;padding-right:1rem}.purchase-orders .data-table th:nth-child(7),.purchase-orders .data-table td:nth-child(7){width:9%}.purchase-orders .data-table th:nth-child(8),.purchase-orders .data-table td:nth-child(8){width:24%;padding:.5rem;vertical-align:top}.large-modal{max-width:90%;max-height:90vh;overflow-y:auto}.order-items-section{margin:1.5rem 0}.section-header h3{margin:0}.items-table{width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:fixed}.items-table th,.items-table td{padding:.5rem;border:1px solid #ddd;text-align:left;vertical-align:top;overflow:hidden;word-wrap:break-word}.items-table th{background-color:#f5f5f5;font-weight:600}.items-table th:nth-child(1),.items-table td:nth-child(1){width:20%}.items-table th:nth-child(2),.items-table td:nth-child(2){width:20%}.items-table th:nth-child(3),.items-table td:nth-child(3){width:8%}.items-table th:nth-child(4),.items-table td:nth-child(4){width:10%}.items-table th:nth-child(5),.items-table td:nth-child(5){width:10%}.items-table th:nth-child(6),.items-table td:nth-child(6){width:15%}.items-table th:nth-child(7),.items-table td:nth-child(7){width:17%}.items-table input,.items-table select,.items-table textarea{width:100%;padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;box-sizing:border-box;min-width:0}.items-table textarea{resize:vertical;min-height:60px}.order-total{text-align:right;font-size:1.2rem;margin-top:1rem;padding:1rem;background-color:#f5f5f5;border-radius:4px}.order-details{margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:4px}.detail-row{margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.vendor-invoices{padding:0}.vendor-invoices .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.vendor-invoices .filters{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border-radius:4px}.vendor-invoices .filter-group{display:flex;flex-direction:column;gap:.5rem}.vendor-invoices .filter-group label{font-weight:500;font-size:.9rem}.vendor-invoices .filter-group select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.vendor-invoices .data-table{table-layout:fixed;width:100%}.vendor-invoices .data-table th,.vendor-invoices .data-table td{padding:.75rem;vertical-align:middle}.vendor-invoices .data-table th:nth-child(1),.vendor-invoices .data-table td:nth-child(1){width:12%}.vendor-invoices .data-table th:nth-child(2),.vendor-invoices .data-table td:nth-child(2){width:15%}.vendor-invoices .data-table th:nth-child(3),.vendor-invoices .data-table td:nth-child(3){width:12%}.vendor-invoices .data-table th:nth-child(4),.vendor-invoices .data-table td:nth-child(4){width:10%}.vendor-invoices .data-table th:nth-child(5),.vendor-invoices .data-table td:nth-child(5){width:10%}.vendor-invoices .data-table th:nth-child(6),.vendor-invoices .data-table td:nth-child(6){width:10%;text-align:right;padding-right:1rem}.vendor-invoices .data-table th:nth-child(7),.vendor-invoices .data-table td:nth-child(7){width:10%}.vendor-invoices .data-table th:nth-child(8),.vendor-invoices .data-table td:nth-child(8){width:10%}.vendor-invoices .data-table th:nth-child(9),.vendor-invoices .data-table td:nth-child(9){width:11%;padding:.5rem}.vendor-invoices .data-table .action-buttons{display:flex;gap:.35rem;flex-wrap:wrap}.vendor-invoices .data-table .action-buttons .btn-sm{padding:.3rem .5rem;font-size:.7rem;white-space:nowrap}.vendor-invoices .status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.8rem;font-weight:500}.vendor-invoices .btn-link{background:none;border:none;color:#3498db;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.vendor-invoices .btn-link:hover{color:#2980b9}.vendor-invoices .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.vendor-invoices .form-group{display:flex;flex-direction:column;gap:.5rem}.vendor-invoices .form-group label{font-weight:500;font-size:.9rem}.vendor-invoices .form-group input,.vendor-invoices .form-group select,.vendor-invoices .form-group textarea{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.vendor-invoices .form-group small{color:#666;font-size:.8rem;margin-top:.25rem}.vendor-invoices .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.vendor-invoices .form-actions .btn{padding:.5rem 1rem;font-size:.9rem}.change-order-detail-content{padding:20px 0}.detail-section{margin-bottom:30px}.detail-section h3{margin-bottom:15px;color:#333}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.detail-row strong{font-weight:600;color:#555}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.large-modal{max-width:900px;width:90%}.modal-actions{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-pending{background-color:#fff3cd;color:#856404}.status-approved{background-color:#d4edda;color:#155724}.status-rejected{background-color:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:5px}.change-orders-table{table-layout:fixed;width:100%}.change-orders-table th.col-change-order,.change-orders-table td:first-child{width:110px;min-width:110px;max-width:110px}.change-orders-table th.col-job,.change-orders-table td:nth-child(2){width:90px;min-width:90px;max-width:90px}.change-orders-table th.col-client,.change-orders-table td:nth-child(3){width:150px;min-width:150px}.change-orders-table th.col-title,.change-orders-table td:nth-child(4){width:500px;min-width:500px}.change-orders-table th.col-status,.change-orders-table td:nth-child(5){width:100px;min-width:100px}.change-orders-table th.col-date,.change-orders-table td:nth-child(6){width:140px;min-width:140px}.change-orders-table th.col-amount,.change-orders-table td:nth-child(7){width:130px;min-width:130px;text-align:right;padding-right:1rem}.change-orders-table th.col-actions,.change-orders-table td:last-child{width:auto;min-width:220px;white-space:nowrap;padding-left:1rem}.reports-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{color:#2c3e50;margin:0}.report-filters{display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.9rem;color:#7f8c8d;font-weight:500}.filter-group input{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.report-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #ecf0f1}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#7f8c8d;font-weight:500;transition:all .2s}.tab-button:hover{color:#3498db}.tab-button.active{color:#3498db;border-bottom-color:#3498db}.report-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.loading{text-align:center;padding:3rem;color:#7f8c8d}.status-report{margin-top:1rem}.status-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.status-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.status-info h3{margin:0 0 .5rem;text-transform:capitalize;color:#2c3e50}.status-counts{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem;color:#7f8c8d}.status-counts strong{color:#2c3e50}.profitability-summary{margin-bottom:2rem}.profitability-summary h3{margin-bottom:1rem;color:#2c3e50}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.summary-card{padding:1.5rem;background:#f8f9fa;border-radius:8px;text-align:center}.summary-card label{display:block;font-size:.9rem;color:#7f8c8d;margin-bottom:.5rem}.summary-value{font-size:1.5rem;font-weight:700;color:#2c3e50}.profitability-table{margin-top:2rem;overflow-x:auto}.data-table th{text-align:left;padding:.75rem;border-bottom:2px solid #ecf0f1;color:#7f8c8d;font-weight:600;font-size:.9rem}.data-table td{padding:.75rem;border-bottom:1px solid #ecf0f1}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize;color:#fff}.completion-report{margin-top:1rem}.job-selector{display:flex;align-items:center;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:8px}.job-selector label{font-weight:500;color:#2c3e50}.completion-report-content{margin-top:2rem}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #ecf0f1}.report-header h3{margin:0;color:#2c3e50}.report-summary-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.report-summary-section h4{margin:0 0 1rem;color:#2c3e50}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.summary-grid>div{padding:.5rem 0;border-bottom:1px solid #e0e0e0}.summary-grid>div:last-child{border-bottom:none}.financial-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.financial-item{display:flex;flex-direction:column;gap:.5rem}.financial-item label{font-size:.9rem;color:#7f8c8d;font-weight:500}.financial-item .amount{font-size:1.5rem;font-weight:700;color:#2c3e50}@media (max-width: 768px){.reports-page{padding:1rem}.report-filters{flex-direction:column;align-items:stretch}.status-cards,.summary-cards{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.email-templates{padding:2rem;max-width:1200px;margin:0 auto}.page-header h1{margin:0;color:#2c3e50}.template-form{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem;border:1px solid #e9ecef}.template-form h2{margin-top:0;color:#2c3e50}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50}.form-group input[type=text],.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:200px}.help-text{margin-top:.5rem;font-size:.85rem;color:#6c757d}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:400;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.btn-link{background:none;border:none;color:#06c;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.btn-link:hover{color:#0052a3}.form-actions{display:flex;gap:1rem;margin-top:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;color:#2c3e50}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-weight:600;color:#2c3e50}.filter-group select{padding:.5rem;border:1px solid #ced4da;border-radius:4px}.templates-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:1.5rem}.template-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.template-header h3{margin:0 0 .5rem;color:#2c3e50}.type-badge{display:inline-block;padding:.25rem .75rem;background:#e9ecef;color:#495057;border-radius:12px;font-size:.75rem;font-weight:600;margin-right:.5rem}.default-badge{display:inline-block;padding:.25rem .75rem;background:#28a745;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.template-actions{display:flex;gap:.5rem}.template-content,.template-preview{margin-bottom:1rem}.template-preview strong{display:block;margin-bottom:.5rem;color:#495057}.preview-text{padding:.75rem;background:#f8f9fa;border-radius:4px;border-left:3px solid #007bff;font-size:.9rem;color:#495057;word-wrap:break-word}.template-footer{display:flex;gap:1rem;font-size:.85rem;color:#6c757d;padding-top:1rem;border-top:1px solid #e9ecef}.empty-state{text-align:center;padding:3rem;color:#6c757d}.empty-state p{margin:.5rem 0}@media (max-width: 768px){.form-row,.templates-list{grid-template-columns:1fr}.template-header{flex-direction:column;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.recurring-services{padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-header h1{margin:0}.upcoming-services-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.upcoming-services-section h2{margin-top:0;margin-bottom:1rem;font-size:1.25rem}.upcoming-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.upcoming-service-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a}.service-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.service-card-header h3{margin:0;font-size:1.1rem}.service-card-body p{margin:.5rem 0;font-size:.9rem}.service-card-actions{margin-top:1rem}.filter-section{margin-bottom:1rem}.filter-section label{display:flex;align-items:center;gap:.5rem}.filter-section select{padding:.5rem;border:1px solid #ced4da;border-radius:4px}.services-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8f9fa;padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid #dee2e6}.data-table td{padding:.75rem;border-bottom:1px solid #dee2e6}.data-table tr:hover{background-color:#f8f9fa}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.action-buttons{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;padding:0}.btn-link:hover{color:#0056b3}.empty-state{text-align:center;padding:2rem;color:#6c757d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:0;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #dee2e6}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#000}form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.5rem;border:1px solid #ced4da;border-radius:4px;font-size:.875rem}.form-group textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #dee2e6}.service-details{padding:1.5rem}.detail-section{margin-bottom:2rem}.detail-section h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.detail-item{margin-bottom:1rem}.detail-item strong{display:block;margin-bottom:.5rem}.detail-item p{margin:0;color:#6c757d}.loading{text-align:center;padding:2rem}.portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.portal-login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:3rem;max-width:450px;width:100%}.portal-login-header{text-align:center;margin-bottom:2rem}.portal-login-header h1{margin:0 0 .5rem;color:#333;font-size:2rem}.portal-login-header p{color:#666;margin:0}.portal-login-tabs{display:flex;border-bottom:2px solid #e0e0e0;margin-bottom:2rem}.portal-login-tabs button{flex:1;padding:1rem;border:none;background:none;cursor:pointer;font-size:1rem;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.portal-login-tabs button.active{color:#667eea;border-bottom-color:#667eea;font-weight:600}.portal-login-form .form-group{margin-bottom:1.5rem}.portal-login-form label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.portal-login-form input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.portal-login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.portal-login-form small{display:block;margin-top:.25rem;color:#666;font-size:.875rem}.portal-error{background:#fee;color:#c33;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #fcc}.portal-success{background:#efe;color:#3c3;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border:1px solid #cfc}.btn{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.portal-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem;margin-bottom:2.5rem}.portal-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #f0f0f0;position:relative;overflow:hidden}.portal-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#667eea,#764ba2)}.portal-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.portal-card h3{margin:0 0 1rem;color:#666;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:flex;align-items:center;gap:.5rem}.portal-card .value{font-size:2.5rem;font-weight:700;color:#333;margin:.5rem 0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-stats{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f0f0f0}.stat-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.stat-label{color:#888;font-weight:500}.stat-value{color:#333;font-weight:600}.quick-actions-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;margin-top:2rem}.quick-actions-section h3{margin:0 0 1.5rem;color:#333;font-size:1.5rem;font-weight:600}.quick-actions{display:flex;gap:1rem;flex-wrap:wrap}.portal-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.portal-table{width:100%;border-collapse:collapse}.portal-table th{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);padding:1.25rem 1rem;text-align:left;font-weight:600;color:#555;font-size:.8125rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e8e8e8}.portal-table td{padding:1.25rem 1rem;border-top:1px solid #f0f0f0;color:#555;font-size:.9375rem}.portal-table tbody tr{transition:all .2s ease}.portal-table tbody tr:hover{background:#f8f9fa;transform:scale(1.01)}.portal-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 3px #0000001a}.status-draft{background:#e8e8e8;color:#666}.status-sent{background:#fff4e6;color:#b8860b}.status-accepted{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.status-pending{background:#d1ecf1;color:#0c5460}.status-paid{background:#d4edda;color:#155724}.status-overdue{background:#f8d7da;color:#721c24}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid #e8e8e8;background:linear-gradient(135deg,#f8f9fa,#fff)}.modal-header h2{margin:0;color:#333;font-size:1.5rem;font-weight:600}.modal-close{background:#f5f5f5;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#e8e8e8;color:#333;transform:rotate(90deg)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}.portal-content h2{margin:0 0 2rem;color:#333;font-size:2rem;font-weight:600;letter-spacing:-.5px}.portal-content h3{margin:0 0 1.5rem;color:#333;font-size:1.5rem;font-weight:600}.portal-content>div>h3+div{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.portal-content>div>h3+div .btn-sm{width:auto}.btn-sm{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-sm-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-sm-primary:hover{background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 4px 8px #667eea4d}.btn-sm-primary:active{transform:translateY(0)}.btn-sm-secondary{background:#6c757d;color:#fff}.btn-sm-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 8px #6c757d4d}.btn-sm-secondary:active{transform:translateY(0)}.btn{width:100%;padding:.875rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#6a3d8f);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.portal-layout{min-height:100vh;background:#f5f5f5;display:flex}.portal-sidebar{width:260px;background:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:1000}.portal-sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid #e8e8e8;background:linear-gradient(135deg,#667eea,#764ba2)}.portal-sidebar-header h1{margin:0;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.portal-sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0}.portal-sidebar-nav ul{list-style:none;padding:0;margin:0}.portal-sidebar-nav li{margin:.25rem .75rem}.portal-sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;color:#555;font-weight:500;border-radius:8px;transition:all .2s ease;font-size:.95rem}.portal-sidebar-nav a:hover{background:#f5f7fa;color:#667eea;transform:translate(2px)}.portal-sidebar-nav a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.portal-sidebar-nav a.active .nav-icon{transform:scale(1.1)}.nav-icon{font-size:1.25rem;display:flex;align-items:center;justify-content:center;width:24px;transition:transform .2s ease}.nav-label{flex:1}.portal-sidebar-footer{padding:1.25rem;border-top:1px solid #e8e8e8;background:#fafafa}.portal-user-info{margin-bottom:.75rem}.user-name{font-size:.875rem;color:#666;font-weight:500;display:block;padding:.5rem 0}.btn-logout{width:100%;padding:.625rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-logout:hover{background:#5568d3;transform:translateY(-1px);box-shadow:0 2px 6px #667eea4d}.btn-logout:active{transform:translateY(0)}.portal-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}.portal-header{background:#fff;box-shadow:0 2px 4px #0000000d;padding:0;border-bottom:1px solid #e8e8e8;position:sticky;top:0;z-index:100}.portal-header-content{padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center}.portal-page-title{margin:0;color:#333;font-size:1.75rem;font-weight:600;letter-spacing:-.5px}.portal-header-actions{display:flex;align-items:center;gap:1rem}.welcome-text{color:#666;font-size:.9rem;font-weight:500}.portal-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 768px){.portal-sidebar{transform:translate(-100%);transition:transform .3s ease}.portal-sidebar.open{transform:translate(0)}.portal-main{margin-left:0}.portal-content{padding:1.5rem 1rem}.portal-header-content{padding:1rem 1.5rem}.portal-page-title{font-size:1.5rem}}.portal-settings{max-width:800px;margin:0 auto;padding:2rem 0}.settings-header{margin-bottom:2rem}.settings-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.settings-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #dee2e6}.settings-tabs .tab{padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6c757d;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:-1px}.settings-tabs .tab:hover{color:#2c3e50}.settings-tabs .tab.active{color:#3498db;border-bottom-color:#3498db}.settings-content{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.settings-form{max-width:500px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.form-text{display:block;margin-top:.25rem;font-size:.875rem;color:#6c757d}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn:disabled{opacity:.7;cursor:not-allowed}.alert{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.technician-portal-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.technician-login-container{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0000001a}.technician-login-header{text-align:center;margin-bottom:2rem}.technician-login-header h1{margin:0 0 .5rem;color:#2c3e50;font-size:1.8rem}.technician-login-header p{color:#666;margin:0}.technician-error{background-color:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.technician-login-form .form-group{margin-bottom:1.5rem}.technician-login-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.technician-login-form input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.technician-login-form input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-block{width:100%;padding:.75rem;font-size:1rem}.technician-portal{padding:1rem 1rem 4rem;max-width:600px;margin:0 auto}.technician-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.technician-header .btn-sm{padding:.4rem .8rem;font-size:.85rem;min-width:auto;width:auto}.technician-header h1{margin:0 0 .25rem;color:#2c3e50;font-size:1.5rem}.technician-subtitle{color:#666;font-size:.9rem;margin:0}.technician-section{margin-bottom:2rem}.technician-section h2{margin:0 0 1rem;color:#2c3e50;font-size:1.2rem}.technician-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000000d}.technician-card:active{transform:scale(.98);background-color:#f9f9f9}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.card-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff}.job-badge{background-color:#3498db}.service-call-badge{background-color:#e74c3c}.card-description{color:#666;font-size:.9rem;margin:.5rem 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000000d}.stat-value{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:#666}.action-buttons{display:flex;flex-direction:column;gap:.75rem}.technician-empty{text-align:center;color:#999;padding:2rem;background:#f9f9f9;border-radius:8px}.technician-loading{text-align:center;padding:3rem;color:#666}.btn-back{background:none;border:none;color:#667eea;font-size:1rem;cursor:pointer;padding:0;margin-bottom:.5rem;font-weight:500}.btn-back:hover{text-decoration:underline}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge-pending{background-color:#f39c12;color:#fff}.status-badge-in_progress{background-color:#3498db;color:#fff}.status-badge-completed{background-color:#27ae60;color:#fff}.status-badge-cancelled{background-color:#e74c3c;color:#fff}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:.85rem;color:#666;margin-bottom:.25rem;font-weight:500}.info-item p{margin:0;color:#2c3e50}.info-item a{color:#667eea;text-decoration:none}.warranty-badge{display:inline-block;background-color:#e74c3c;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;margin-top:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{margin:0}.activity-form{background:#f9f9f9;padding:1rem;border-radius:8px;margin-bottom:1rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.activity-form .form-group{margin-bottom:1rem}.activity-form label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.activity-form input,.activity-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box;font-family:inherit}.activity-form input:focus,.activity-form textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.time-summary{display:flex;justify-content:space-between;padding:1rem;background:#f0f0f0;border-radius:8px;margin-bottom:1rem;font-size:1rem}.activities-list{display:flex;flex-direction:column;gap:.75rem}.activity-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.activity-date{color:#666;font-size:.9rem}.activity-hours{font-weight:600;color:#667eea}.activity-description{margin:.5rem 0;color:#2c3e50}.activity-technician{margin:0;font-size:.85rem;color:#666}.materials-list{display:flex;flex-direction:column;gap:.75rem}.material-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1rem}.material-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.material-total{font-weight:600;color:#27ae60;font-size:1.1rem}.material-description{margin:.25rem 0;color:#666;font-size:.9rem}.material-quantity{margin:0;font-size:.85rem;color:#666}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.filter-tabs button{padding:.5rem 1rem;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;white-space:nowrap;transition:all .2s}.filter-tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.filter-tabs button:hover{background:#f0f0f0}.filter-tabs button.active:hover{background:#5568d3}.schedule-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e0e0e0;padding-bottom:.5rem}.schedule-tabs button{padding:.75rem 1.5rem;border:none;background:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;font-weight:500;color:#666;transition:all .2s;margin-bottom:-.5rem}.schedule-tabs button:hover{color:#667eea}.schedule-tabs button.active{color:#667eea;border-bottom-color:#667eea}.card-date{font-size:.85rem;color:#666;margin:.25rem 0}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}@media (max-width: 480px){.technician-portal{padding:.75rem}.technician-header h1{font-size:1.3rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-value{font-size:1.5rem}.info-grid,.form-row{grid-template-columns:1fr}}.checklist{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000001a}.checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.checklist-header h3{margin:0;color:#333;font-size:1.25rem}.checklist-progress{display:flex;gap:1rem;align-items:center}.progress-text{font-size:.9rem;color:#666;font-weight:500}.progress-time{font-size:.9rem;color:#667eea;font-weight:600}.checklist-actions{margin-bottom:1rem}.checklist-add-form{display:flex;flex-direction:column;gap:.75rem}.checklist-add-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;box-sizing:border-box}.checklist-add-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checklist-add-buttons{display:flex;gap:.5rem}.checklist .btn-sm{padding:.35rem .7rem;font-size:.8rem;line-height:1.2;border-radius:4px}.checklist .btn-sm.btn-primary{background-color:#667eea;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.checklist .btn-sm.btn-primary:hover{background-color:#5568d3}.checklist .btn-sm.btn-secondary{background-color:#6c757d;color:#fff;border:none;cursor:pointer;transition:background-color .2s}.checklist .btn-sm.btn-secondary:hover{background-color:#5a6268}.checklist-empty{text-align:center;padding:2rem;color:#999}.checklist-items{display:flex;flex-direction:column;gap:.75rem}.checklist-item{background:#f8f9fa;border-radius:6px;padding:1rem;border-left:3px solid #667eea;transition:all .2s}.checklist-item.completed{background:#f0f7f0;border-left-color:#27ae60;opacity:.8}.checklist-item-main{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.checklist-checkbox{position:relative;display:inline-block;cursor:pointer;flex-shrink:0}.checklist-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:24px;width:24px;background-color:#fff;border:2px solid #ddd;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.checklist-checkbox input:checked~.checkmark{background-color:#27ae60;border-color:#27ae60}.checklist-checkbox input:checked~.checkmark:after{content:"✓";color:#fff;font-weight:700;font-size:16px}.checklist-item-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.checklist-item-description{font-size:1rem;color:#333;line-height:1.5}.checklist-item.completed .checklist-item-description{text-decoration:line-through;color:#666}.checklist-item-completed{font-size:.8rem;color:#666}.checklist-item-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.checklist-estimated-time-reference{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:#f0f4ff;border-radius:4px;border:1px solid #d0d9ff}.checklist-estimated-label{font-size:.75rem;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.checklist-estimated-value{font-size:.85rem;color:#667eea;font-weight:500}.checklist-time-input{display:flex;align-items:center;gap:.5rem}.checklist-time-input label{font-size:.8rem;color:#666;white-space:nowrap}.checklist-time-field{width:70px;padding:.4rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.85rem;text-align:center}.checklist-time-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.btn-danger{background:#dc3545;color:#fff;border:none}.btn-danger:hover{background:#c82333}.App{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.page-header .btn-primary{padding:.35rem .7rem;font-size:.8rem;white-space:nowrap;width:auto;min-width:auto;max-width:none}