#root{background-color:#fff;font-family:Arial,sans-serif}nav{color:#000;align-items:center;margin:20px 50px 10px;font-size:18px;display:flex}.nav-left,.nav-center,.nav-right{flex:1}.nav-right{justify-content:flex-end;display:flex}.nav-right a:hover{color:#000;background-color:#cfcfcf}.nav-center{flex:1;justify-content:center;align-items:center;display:flex}.nav-right a{color:#000;border-radius:4px;margin-left:8px;padding:8px 16px;font-size:16px;text-decoration:none;display:inline-block}.input{width:100%;height:20px}.toggle-container{color:#000;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0;display:flex}.dropdown{color:#000;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 10px;font-size:15px}.dropdown:focus{border-color:#000;outline:none}.dept-form-chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.dept-form-chip{cursor:pointer;border:2px solid;border-radius:16px;padding:4px 12px;font-size:13px;font-weight:500;line-height:1.4}.legend-row{align-items:flex-start;margin:0 50px 8px;display:flex}.legend-left,.legend-center,.legend-right{flex:1}.legend-center{justify-content:center;display:flex}.legend-right{justify-content:flex-end;display:flex}.dept-legend{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dept-legend-item{color:#555;align-items:center;gap:5px;font-size:12px;display:flex}.dept-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block}.dept-legend-label{white-space:nowrap}table,th,td{border-collapse:collapse;border:1px solid;margin:auto}.contract-table-page{padding:24px}.contract-table-page h1{text-align:left;margin-bottom:16px;font-size:1.5rem;font-weight:600}.contract-table{border:1px solid #e5e7eb;border-radius:6px;margin:0 50px 50px;overflow:hidden}.contract-table-element{border-collapse:separate;border-spacing:0;width:100%;margin:0;font-size:.875rem}.contract-table-head{background-color:#f9fafb}.contract-table-head-row{border-bottom:1px solid #e5e7eb}.contract-table-th{text-align:left;color:#374151;border:none;margin:0;padding:12px 16px;font-weight:500}.contract-table-row{cursor:pointer;border-bottom:1px solid #e5e7eb}.contract-table-row:last-child{border-bottom:none}.contract-table-row--urgent{background-color:#fee2e2}.contract-table-row--urgent:hover{background-color:#fecaca}.contract-table-row--end_of_day{background-color:#fef3c7}.contract-table-row--end_of_day:hover{background-color:#fde68a}.contract-table-row--scheduled{background-color:#dcfce7}.contract-table-row--scheduled:hover{background-color:#bbf7d0}.contract-table-row--completed{background-color:#f3f4f6}.contract-table-row--completed:hover{background-color:#e5e7eb}.contract-table-td{border:none;margin:0;padding:12px 16px}.contract-table-status{text-transform:capitalize}.contract-table-empty{text-align:center;color:#6b7280;border:none;margin:0;padding:32px 16px}.reports-controls{flex-direction:horizontal;justify-content:space-between;margin-bottom:20px;padding:0 50px;display:flex}.reports-month-picker{color:#374151;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:.875rem}.reports-metrics{flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:0 50px;display:flex}.reports-metric-card{text-align:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;min-width:110px;padding:16px 20px}.reports-metric-card--total{background-color:#dcfce7;border-color:#bbf7d0}.reports-metric-count{color:#111827;margin-bottom:4px;font-size:1.75rem;font-weight:700;line-height:1}.reports-metric-label{color:#6b7280;text-transform:capitalize;font-size:.75rem}.export-button{color:#000;cursor:pointer;background-color:#cfcfcf;border:none;border-radius:6px;width:150px;height:40px;padding:6px;font-size:16px}.export-button:hover{color:#000;background-color:#aaa}body{margin:0}h1,p{text-align:center}.calendar{padding:10px 50px 80px}button{color:#fff;cursor:pointer;background-color:#000;border:none;width:100px;height:40px;margin:0 0 20px}button:hover{background-color:#333}.fc .fc-button-primary{color:#000;background-color:#cfcfcf;border:none;border-radius:6px;width:auto;height:auto;padding:6px 8px;font-size:16px}.fc .fc-button-primary:hover,.fc .fc-button-primary:not(:disabled):active,.fc .fc-button-primary:not(:disabled).fc-button-active{color:#000;background-color:#aaa}.fc-daygrid-event{text-align:left;height:26px;font-size:14px}.fc-list-event{cursor:pointer}.modal-backdrop{z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.addModal,.editModal{text-align:left;z-index:1001;background:#fff;border-radius:8px;width:90%;max-width:420px;padding:32px 24px 24px;position:relative;box-shadow:0 10px 30px #0000004d}.addModal h2,.editModal h2{text-align:center;margin-top:0;margin-bottom:20px}.addModal input,.addModal select,.addModal textarea,.editModal input,.editModal select,.editModal textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:12px;padding:10px;font-size:16px;display:block}.phone-date-row{gap:8px;margin-bottom:12px;display:flex}.phone-date-row input{width:auto;min-width:0;margin-bottom:0}.phone-date-row .phone-field{flex:2 1 0}.phone-date-row .date-field{flex:1 1 0}.customer-field{position:relative}.customer-suggestions{z-index:1002;background:#fff;border:1px solid #ccc;border-radius:4px;max-height:160px;margin-top:-12px;margin-bottom:12px;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 10px #00000026}.customer-suggestions li{cursor:pointer;padding:8px 10px;font-size:15px}.customer-suggestions li:hover{background:#f0f0f0}.modal-buttons{justify-content:center;gap:12px;margin-top:20px;display:flex}.modal-close{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:26px;font-weight:300;line-height:1;transition:color .15s;position:absolute;top:10px;right:14px}.modal-close:hover{color:#222}.task-detail-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.task-detail-header h2{text-align:left;margin:0}.task-detail-actions{gap:8px;display:flex}.edit-pencil-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;width:auto;height:auto;margin:0;padding:auto;font-size:18px;line-height:1;transition:color .15s,border-color .15s}.edit-pencil-btn:hover{color:#000;border-color:#000}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:4px;width:auto;height:auto;margin:0;padding:auto;font-size:18px;line-height:1;transition:color .15s,border-color .15s}.delete-btn:hover{color:#b91c1c;border-color:#ef4444}.complaint-textarea{resize:none;min-height:152px;font-family:inherit;overflow:hidden}.task-detail-row--complaint{flex-direction:column;gap:4px}.task-detail-value--complaint{text-transform:none;white-space:pre-wrap;word-break:break-word}.task-detail-row{border-bottom:1px solid #eee;justify-content:space-between;padding:10px 0;font-size:15px;display:flex}.task-detail-row:last-child{border-bottom:none}.task-detail-label{color:#666;font-weight:500}.task-detail-value{color:#111;text-transform:capitalize}.task-detail-created-by{color:#9ca3af;text-align:right;border-top:1px solid #e5e7eb;margin-top:12px;padding-top:8px;font-size:.75rem}.login-form-container{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.login-title{text-align:center;font-size:40px}.login-btn{color:#fff;background-color:#000;border:none;border-radius:4px;margin-left:10px;font-size:16px}.login-input{border:1px solid #ccc;border-radius:4px;margin-top:4px;padding:8px;font-size:16px}.color-legend{color:#374151;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.color-legend-item{align-items:center;gap:6px;display:flex}.color-legend-swatch{border:1px solid #00000026;border-radius:3px;width:14px;height:14px;display:inline-block}