:root{--ws-primary:#006ca3;--ws-primary-dark:#00438c;--ws-accent:#dc1351;--ws-bg:#eef3f8;--ws-text:#17324d;--ws-muted:#4b6077;--ws-cyan:#00aae7;--ws-cyan-soft:#009ada;--ws-gold:#faa41a;--ws-gold-soft:#fcd60b;color:var(--ws-text);background:var(--ws-bg);font-family:Poppins,Trebuchet MS,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.layout{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#00438c;padding:24px}.sidebar h2{margin-top:0}.sidebar nav{flex-direction:column;gap:12px;display:flex}.sidebar a{border-radius:8px;padding:10px 12px}.sidebar a:hover{background:#ffffff21}.brand-block{gap:10px;margin-bottom:8px;display:grid}.brand-logo-slot{background:#fff;border:1px solid #fff3;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:90px;padding:10px;display:flex}.brand-logo-slot img{width:100%;max-width:240px;height:auto;display:block}.content{padding:24px}.sidebar-role{opacity:.9;margin:0 0 10px;font-size:14px}.sidebar-role-selector{gap:6px;margin:14px 0;font-size:13px;display:grid}.sidebar-role-selector select{color:#1f2937;background:#fff;width:100%}.card{background:#fff;border-radius:14px;margin-bottom:16px;padding:18px;box-shadow:0 6px 18px #00438c14}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:visible}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}th{color:#fff;background:#faa41a;font-weight:600}input,select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px}button{cursor:pointer;background:var(--ws-primary);color:#fff;border:none;border-radius:8px;padding:10px 14px}button:hover{background:var(--ws-primary-dark)}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:16px;width:360px;padding:24px;box-shadow:0 8px 30px #00000014}.login-logo{object-fit:contain;width:min(280px,100%);max-height:120px;margin:0 auto 22px;display:block}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.date-picker{grid-template-columns:1fr auto;gap:6px;display:grid;position:relative}.date-picker-button{min-width:42px;padding:8px}.date-picker-native{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.kanban-board{grid-template-columns:repeat(4,minmax(240px,1fr));align-items:start;gap:14px;display:grid;overflow-x:auto}.kanban-column{background:#e8eef5;border:2px solid #0000;border-radius:12px;min-height:280px;padding:12px;transition:background .15s,border-color .15s}.kanban-column.is-drag-over{background:#dbeafe;border-color:#0b65a5}.kanban-column h3{justify-content:space-between;margin-top:0;display:flex}.kanban-card{background:#fff;border-radius:10px;gap:9px;margin-bottom:10px;padding:12px;transition:opacity .15s,transform .15s;display:grid;box-shadow:0 2px 8px #00000014}.kanban-card[draggable=true]{cursor:grab}.kanban-card[draggable=true]:active{cursor:grabbing}.kanban-card.is-dragging{opacity:.45;transform:rotate(1deg)}.kanban-drag-hint{color:#667085;font-style:italic}.task-comments{border-top:1px solid #d0d5dd;gap:8px;padding-top:8px;display:grid}.task-comment{background:#f8fafc;border-left:3px solid #0b65a5;border-radius:8px;padding:8px}.task-comment p{white-space:pre-wrap;margin:5px 0}.task-comment-editor{gap:8px;display:grid}.task-import-dropzone{color:#475467;text-align:center;background:#f8fafc;border:2px dashed #98a2b3;border-radius:14px;grid-column:1/-1;justify-items:center;gap:10px;padding:30px;transition:border-color .15s,background .15s,transform .15s;display:grid}.task-import-dropzone.is-over{background:#eaf5ff;border-color:#0b65a5;transform:scale(1.005)}.task-import-icon{color:#fff;background:#0b65a5;border-radius:50%;place-items:center;width:48px;height:48px;font-size:26px;font-weight:700;display:grid}.task-import-file{color:#166534;background:#dcfce7;border-radius:8px;padding:8px 12px;font-weight:600}.kanban-card p{margin:0}.kanban-card-header{justify-content:space-between;gap:8px;display:flex}.priority{background:#dbeafe;border-radius:8px;padding:3px 6px;font-size:11px}.priority-high,.priority-urgent{color:#991b1b;background:#fee2e2}.kanban-empty{color:#667085;text-align:center}.employees-toolbar{grid-template-columns:1fr auto;gap:12px;margin-bottom:16px;display:grid}.employees-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:12px;padding:10px 12px}.employees-success{color:#166534;background:#dcfce7;border-radius:8px;margin-bottom:12px;padding:10px 12px}.request-delivery-module{border-top:4px solid #0b65a5}.request-delivery-list{border-top:1px solid #d0d5dd;margin-top:14px;display:grid}.request-delivery-row{border-bottom:1px solid #e4e7ec;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:14px;padding:12px 0;display:grid}.request-delivery-row>div{gap:4px;display:grid}.request-delivery-row span{color:#475467}.request-document-state{font-size:13px;font-weight:700;color:#9a3412!important}.request-document-state.is-ready{color:#166534!important}.request-document-upload{border-top:1px solid #d0d5dd;margin-top:16px;padding-top:16px}.request-document-upload .task-import-dropzone{min-height:210px}@media (width<=760px){.request-delivery-row{grid-template-columns:1fr;align-items:stretch}}.employees-form{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 10px #0000000f}.employees-form h3{margin-top:0}.employees-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.employees-form-grid label{flex-direction:column;gap:6px;font-size:14px;display:flex}.work-sessions-filters{grid-template-columns:minmax(240px,2fr) repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.work-sessions-filters label{flex-direction:column;gap:6px;font-size:14px;display:flex}.employees-form-grid select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px}.employees-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.employees-actions-row{gap:8px;display:flex}.btn-secondary{background:#35516e}.btn-danger{background:var(--ws-accent)}.status-active,.status-inactive,.status-warning,.status-learning,.status-offline,.status-pending{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.status-active{color:#166534;background:#dcfce7}.status-inactive{color:#991b1b;background:#fee2e2}.status-warning{color:#8a5a00;background:#fff5d2}.status-learning{color:#374151;background:#e5e7eb}.status-offline{color:#3730a3;background:#e0e7ff}.status-pending{color:#fff;background:#00aae7}.kpi-card{border:1px solid #dbe4ef;width:100%;transition:transform .12s,box-shadow .12s,border-color .12s}.kpi-card.is-selected{border-color:var(--ws-cyan-soft);box-shadow:0 0 0 2px #009ada38}.kpi-card h3,.kpi-card h2{margin:0}.kpi-card h3{color:var(--ws-muted);margin-bottom:6px}.kpi-card h2{color:var(--ws-primary-dark)}.employee-link-button{color:var(--ws-primary-dark);text-align:left;text-underline-offset:2px;background:0 0;border:none;border-radius:0;padding:0;font-weight:600;text-decoration:underline}.employee-link-button:hover{color:var(--ws-primary);background:0 0}.device-assign-box{z-index:5;grid-template-columns:1fr auto;gap:8px;min-width:280px;display:grid;position:relative}.employee-portal,.employee-portal-profile{gap:18px;display:grid}.employee-portal-profile-card{margin-bottom:0}.employee-portal-header{align-items:center;gap:16px;display:flex}.employee-portal-photo{background:linear-gradient(135deg, var(--ws-primary), var(--ws-cyan));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:28px;font-weight:700;display:flex;overflow:hidden}.employee-portal-photo img{object-fit:cover;width:100%;height:100%}.employee-portal-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.employee-portal-section-header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.employee-portal-day-filter{flex-direction:column;gap:6px;min-width:180px;display:flex}.employee-portal-grid-readonly label{flex-direction:column;gap:6px;font-size:14px;display:flex}.employee-portal-grid-readonly input:disabled,.employee-portal-grid-readonly select:disabled{color:#475569;background:#f8fafc}.employee-portal-photo-banner{color:#35516e;background:#c8d8ebe6;border-style:solid;min-height:52px;font-size:28px;font-weight:500}.employee-portal-field{background:#f8fbff;border:1px solid #dbe4ef;border-radius:12px;gap:6px;padding:12px;display:grid}.employee-portal-field span{color:var(--ws-muted);font-size:13px}.autocomplete{position:relative}.autocomplete-list{z-index:60;background:#fff;border:1px solid #d1d5db;border-radius:8px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000014}.autocomplete-item{color:#111827;text-align:left;cursor:pointer;background:#fff;border:none;border-radius:0;width:100%;padding:10px 12px}.autocomplete-item:hover,.autocomplete-item.is-selected{background:#f3f4f6}.autocomplete-item.is-empty{color:#6b7280;cursor:default}.sidebar-role{color:#f2f7ffeb;margin:8px 0 16px;font-size:13px}.employee-profile-header{background:#fff;border:1px solid #dbe6f2;border-radius:12px;margin:14px 0 10px;overflow:hidden}.employee-cover-band{background:#00438c;height:84px}.employee-avatar-row{align-items:flex-end;gap:16px;margin-top:-40px;padding:0 16px 14px;display:flex}.employee-photo-preview.is-facebook{border:4px solid #fff;border-radius:999px;width:96px;height:96px;box-shadow:0 4px 14px #00438c33}.employee-photo-actions-panel{flex:1;gap:8px;display:grid}.employee-photo-actions-panel .photo-dropzone{min-height:56px}.photo-upload-hint{color:#4b6077;font-size:13px}.employee-photo-card{border:1px solid #e5e7eb;border-radius:10px;gap:10px;margin-top:12px;padding:12px;display:grid}.employee-edit-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-photo-top-right{gap:8px;width:230px;display:grid}.photo-dropzone{color:#374151;text-align:center;cursor:pointer;background:#f9fafb;border:1px dashed #9ca3af;border-radius:10px;justify-content:center;align-items:center;min-height:70px;padding:10px;display:flex}.photo-dropzone.is-over{background:#eef2ff;border-color:#111827}.photo-dropzone.is-disabled{opacity:.55;cursor:not-allowed}.employee-photo-preview{color:#6b7280;background:#f3f4f6;border-radius:10px;justify-content:center;align-items:center;width:110px;height:110px;display:flex;overflow:hidden}.employee-photo-preview img{object-fit:cover;width:100%;height:100%}.employee-photo-actions{align-items:center;gap:8px;display:flex}.employee-photo-mini{object-fit:cover;border:1px solid #d1d5db;border-radius:999px;width:34px;height:34px}.salary-pagination{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.geo-details summary{cursor:pointer;color:#1f2937;font-weight:600}.geo-details div{color:#4b5563;margin-top:4px;font-size:12px}