.dj-wrap{background:#f5f6f8}.dj-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:10px;gap:10px}.dj-filters{display:flex;gap:12px;flex-wrap:wrap}.dj-field{display:flex;align-items:center;gap:6px}.dj-input{height:34px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.pf-wrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.pf-modes{display:flex;gap:6px}.pf-modes button{height:34px;padding:6px 10px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer}.pf-modes button.on{background:#1f2937;color:#fff;border-color:#1f2937}.pf-range{display:flex;gap:8px;align-items:center}.pf-range button{height:34px;padding:6px 10px}.pf-range input[type=date]{height:34px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px}.dj-scroll{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px}.dj-header{background:#fff;position:sticky;top:0;z-index:2}.dj-row{display:grid;gap:10px;align-items:start;margin-bottom:10px}.dj-sep{height:6px}.dj-date{width:var(--dj-cell-w,320px);text-align:center;padding:6px 4px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.dj-date-top{font-weight:600;font-size:13px}.dj-date-bottom{font-size:12px;color:#6b7280}.dj-emp{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px;min-height:120px}.dj-emp-name{font-weight:700;margin-bottom:6px}.dj-counters{display:flex;flex-direction:column;gap:3px;font-size:12px;color:#374151}.dj-counters--only-te span{display:block}.dj-counters b.pos{color:#10b981}.dj-counters b.neg{color:#ef4444}.dj-cell{width:var(--dj-cell-w,320px);border:1px solid #e5e7eb;border-radius:10px;padding:10px;background:#fff;position:relative;min-height:180px;display:flex;flex-direction:column;gap:10px;overflow:visible}.dj-dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:#10b981;z-index:3}.dj-dot.yellow{background:#f59e0b}.dj-dot.red{background:#ef4444}.dj-times{display:grid;grid-template-columns:repeat(2,auto);gap:6px 10px;align-items:end}.dj-timefield{display:flex;flex-direction:column;gap:3px}.dj-timefield-label{font-size:12px;color:#6b7280;line-height:1}.dj-time-input{padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px}.dj-time-input--xs{width:96px}.dj-time-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dj-actions{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.dj-select{height:34px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.dj-select--wide{width:220px}.dj-counters-inline{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#374151}.dj-counters-inline b.pos{color:#10b981}.dj-counters-inline b.neg{color:#ef4444}.dj-body .dj-empty{opacity:.7;padding:8px}.dj-actions-global{margin-top:12px}