#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}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--priority{background-color:#ede9fe}.contract-table-row--priority:hover{background-color:#ddd6fe}.contract-table-row--queued{background-color:#fef3c7}.contract-table-row--queued:hover{background-color:#fde68a}.contract-table-row--confirmed{background-color:#dbeafe}.contract-table-row--confirmed:hover{background-color:#bfdbfe}.contract-table-row--waiting{background-color:#fee2e2}.contract-table-row--waiting:hover{background-color:#fecaca}.contract-table-row--completed{background-color:#dcfce7}.contract-table-row--completed:hover{background-color:#bbf7d0}.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;background-color:#000;border:none;width:100px;height:40px;margin:0 0 20px}.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:18px;font-size:12px}.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}.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}