.es-page{padding:24px}.es-crumb{font-size:12px;color:#7b8794;margin-bottom:18px}.es-head{display:flex;justify-content:space-between;margin-bottom:22px}.es-kicker{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#64748b}.es-head h1{margin:5px 0;font-size:27px}.es-head p{margin:0;color:#64748b}.es-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.es-filters{display:flex;gap:14px;flex-wrap:wrap}.es-field{display:flex;flex-direction:column;gap:6px;min-width:210px}.es-field label,.es-form-field label{font-size:12px;font-weight:600;color:#475569}.es-field input,.es-field select,.es-form-field input{padding:10px 12px;border:1px solid #dbe2ea;border-radius:8px}.es-filter-actions,.es-toolbar{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.es-toolbar{border-top:1px solid #eef2f7;padding-top:14px}.es-columns{gap:12px;flex-wrap:wrap;background:#f8fafc;padding:12px;margin-top:10px;border-radius:8px}.es-columns label{font-size:12px}.es-table-wrap{overflow:auto;margin-top:16px}.es-table-wrap th,.es-table-wrap td{white-space:nowrap}.es-action{position:relative}.es-menu{display:none;position:absolute;left:0;top:28px;z-index:20;background:white;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 20px #0001}.es-menu.show{display:flex;flex-direction:column}.es-menu button{padding:8px 18px;text-align:left;border:0;background:#fff}.es-menu .danger{color:#dc2626}.es-foot{margin-top:14px;font-size:12px;color:#64748b}.es-modal{position:fixed;inset:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;z-index:100}.es-modal-card{background:#fff;border-radius:14px;width:min(760px,92vw);padding:22px}.es-modal-head{display:flex;justify-content:space-between;align-items:center}.es-modal-head button{border:0;background:transparent;font-size:24px}.es-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.es-form-field{display:flex;flex-direction:column;gap:6px}.es-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}@media(max-width:700px){.es-form-grid{grid-template-columns:1fr}.es-page{padding:15px}}

.es-toolbar{justify-content:flex-end;align-items:center}.es-toolbar .btn{white-space:nowrap}.es-panel{width:100%;box-sizing:border-box}.es-field select{background:#fff;min-height:38px}.es-table-wrap{width:100%}
/* V1.7.50 typography alignment with other Time Management features */
.es-page{padding:2px 0 30px;max-width:1400px;margin:0 auto}
.es-crumb{font-size:10px;color:var(--muted);margin-bottom:16px}
.es-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.es-kicker{font-size:10px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.es-head h1{margin:0;font-size:25px;color:var(--text)}
.es-head p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.es-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;width:100%;box-sizing:border-box}
.es-field label,.es-form-field label{font-size:10px;font-weight:700;color:var(--muted)}
.es-field input,.es-field select,.es-form-field input{padding:9px 10px;border:1px solid var(--line);border-radius:7px;font-size:10px}
.es-filter-actions,.es-toolbar{gap:7px;margin-top:12px}
.es-table-wrap{margin-top:14px}
.es-table-wrap .data-table{font-size:9px}
@media(max-width:700px){.es-page{padding:15px}.es-head{flex-direction:column}}
/* V1.7.79 Date Range Filter */
.es-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end}
.es-field{min-width:0}
.es-field input[type="date"]{min-height:38px;box-sizing:border-box;background:#fff}
.es-filter-actions{justify-content:flex-start}
@media(max-width:1100px){.es-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.es-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.es-filters{grid-template-columns:1fr}}
/* Create/Edit form and Select Employee modal aligned to Human Connect reference */
.es-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;margin-top:22px}.es-form-field{min-width:0;display:flex;flex-direction:column;gap:7px}.es-form-field input,.es-form-field select{width:100%;box-sizing:border-box;min-height:42px;padding:10px 14px;border:1px solid #dce5f0;border-radius:9px;background:#fff;color:#26364d;font-size:14px}.es-form-field input[readonly]{background:#f1f5f9;border:1px dashed #b6c7dc;color:#8da1bc}.es-employee-picker{display:flex;gap:10px}.es-employee-picker input{flex:1;min-width:0}.es-employee-picker .btn{min-width:90px}.es-modal-actions{margin-top:28px;padding-top:0}.es-employee-modal{position:fixed;inset:0;z-index:1000;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}.es-employee-modal-card{background:#fff;border-radius:14px;width:min(1280px,98vw);max-height:96vh;overflow:hidden;padding:22px;box-sizing:border-box;display:flex;flex-direction:column}.es-employee-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.es-employee-modal-head h2{font-size:25px;margin:0 0 6px;color:#152b4c}.es-employee-modal-head p{margin:0;color:#71829e;font-size:14px}.es-close-x{border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer}.es-employee-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 22px;padding:20px 22px;background:#f5f8fc;border:1px solid #dce5f0;border-radius:12px}.es-employee-filters>div{display:flex;flex-direction:column;gap:7px;min-width:0}.es-employee-filters label{font-size:14px;font-weight:600;color:#52627a}.es-employee-filters input,.es-employee-filters select{height:54px;box-sizing:border-box;padding:0 16px;border:1px solid #cbd8e8;border-radius:10px;background:#fff;color:#25364e;font-size:15px;box-shadow:0 1px 3px #0f172a0d}.es-employee-modal-actions{display:flex;gap:10px;margin:14px 0 18px}.es-employee-table-wrap{overflow:auto;max-height:38vh;border:1px solid #dce5f0;border-radius:10px}.es-employee-table-wrap table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;white-space:nowrap}.es-employee-table-wrap th{position:sticky;top:0;z-index:2;background:#f1f5f9;color:#718099;text-align:left;font-weight:700;border-bottom:1px solid #cbd5e1;padding:13px 12px}.es-employee-table-wrap td{padding:12px;border-bottom:1px solid #e8edf4;color:#263b5d}.es-employee-table-wrap tr:last-child td{border-bottom:0}.es-employee-modal-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:#1e3353;font-size:14px}.es-employee-note{font-size:12px;color:#71829e;line-height:1.45;margin:14px 0 0}@media(max-width:760px){.es-form-grid{grid-template-columns:1fr}.es-employee-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.es-employee-modal-card{padding:15px}.es-employee-table-wrap{max-height:32vh}}@media(max-width:480px){.es-employee-filters{grid-template-columns:1fr}}