.workload-grid{flex-direction:column;min-width:max-content;display:flex}.grid-header{z-index:10;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;position:sticky;top:0}.employee-header{border-right:1px solid #e2e8f0;align-items:center;width:250px;min-width:250px;padding:16px;font-weight:500;display:flex}.date-header{text-align:center;border-right:1px solid #e2e8f0;flex-direction:column;gap:2px;width:120px;min-width:120px;padding:12px 8px;transition:all .2s;display:flex}.date-header.today{background-color:#dbeafe;border-color:#3b82f6}.date-header.weekend{background-color:#f1f5f9}.grid-row{border-bottom:1px solid #e2e8f0;transition:all .2s;display:flex}.grid-row:hover{background-color:#fafbfc}.employee-cell{z-index:5;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:250px;min-width:250px;padding:16px;display:flex;position:sticky;left:0}.workload-cell{border-right:1px solid #e2e8f0;flex-direction:column;gap:4px;width:120px;min-width:120px;min-height:80px;padding:8px;transition:all .2s;display:flex;position:relative}.workload-cell:hover,.workload-cell.weekend{background-color:#f8fafc}.workload-cell.today{background-color:#eff6ff}.workload-entry{cursor:pointer;border:1px solid;border-radius:6px;padding:6px 8px;font-size:12px;line-height:1.3;transition:all .2s;box-shadow:0 1px 2px #0000000d}.workload-entry:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.entry-title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:500;overflow:hidden}.entry-subtitle{opacity:.8;font-size:11px}.empty-cell{opacity:0;justify-content:center;align-items:center;height:100%;transition:opacity .2s;display:flex}.workload-cell:hover .empty-cell{opacity:1}.add-work-btn{color:#6b7280;background:0 0;border:1px dashed #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.add-work-btn:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}@media (max-width:1024px){.workload-grid{overflow-x:auto}.grid-header,.grid-row{min-width:1090px}}.workload-grid::-webkit-scrollbar{height:8px}.workload-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.workload-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.workload-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.workload-entry.loading{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.workload-entry.dragging{opacity:.5;transform:rotate(5deg)}.workload-cell.drop-target{background-color:#dbeafe;border:2px dashed #3b82f6}.workload-entry.holiday{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#16a34a}.workload-entry.sick{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#dc2626}.workload-entry.work{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#2563eb}.workload-grid.compact .date-header{width:80px;min-width:80px;padding:8px 4px}.workload-grid.compact .workload-cell{width:80px;min-width:80px;min-height:60px;padding:4px}.workload-grid.compact .workload-entry{padding:4px 6px;font-size:11px}.workload-grid.compact .entry-title{font-size:10px}.workload-grid.compact .entry-subtitle{font-size:9px}