@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--espresso: #2C1810;--espresso-dark: #1E100A;--espresso-mid: #3D2218;--espresso-light: #4A2C1F;--espresso-border: rgba(255,255,255,.08);--espresso-hover: rgba(255,255,255,.06);--espresso-active: rgba(211,120,60,.18);--bg-base: #f7f3ef;--bg-surface: #fdfaf7;--bg-elevated:#ffffff;--bg-card: #fdfaf7;--primary: #D3783C;--primary-dark: #B85E28;--primary-light: #FDF0E6;--primary-border: #F2C4A0;--success: #2D7A6E;--success-light: #E6F4F2;--success-border: #A8D5CF;--warning: #C8961A;--warning-light: #FEF9EC;--warning-border: #F5D98A;--danger: #C0392B;--danger-light: #FDEEEC;--danger-border: #F2B0A9;--info: #2E6DA4;--info-light: #EBF3FB;--text-primary: #1C0F09;--text-secondary: #6B4C3B;--text-hint: #A08070;--text-on-dark: #F5EDE8;--text-on-dark-2: rgba(245,237,232,.65);--border: #E8DDD5;--border-strong: #D4C5B8;--shadow-sm: 0 1px 3px rgba(44,24,16,.06), 0 1px 2px rgba(44,24,16,.04);--shadow-md: 0 4px 12px rgba(44,24,16,.08), 0 2px 4px rgba(44,24,16,.05);--shadow-lg: 0 8px 24px rgba(44,24,16,.1), 0 4px 8px rgba(44,24,16,.06);--nav-text: rgba(245,237,232,.75);--nav-child-text: rgba(245,237,232,.55);--nav-hover: rgba(255,255,255,.06);--nav-active-bg: rgba(211,120,60,.18);--nav-active-text:#F5A76A;--input-bg: #fdfaf7;--input-border: #DDD0C5;--input-focus: #D3783C;--sidebar-bg: #2C1810;--header-bg: #fdfaf7}.dark-theme{--bg-base: #1C0F09;--bg-surface: #2C1810;--bg-elevated:#3D2218;--bg-card: #2C1810;--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.15);--text-primary: #F5EDE8;--text-secondary: #C4A090;--text-hint: #8A6A5A;--input-bg: #3D2218;--input-border: rgba(255,255,255,.12);--header-bg: #2C1810;--primary-light: rgba(211,120,60,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{overflow-x:hidden}body{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.hrms-overlay-open{overflow:hidden!important;overscroll-behavior:none}body.hrms-overlay-open .shell-body,body.hrms-overlay-open main.main{overflow:hidden!important;overscroll-behavior:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}a{text-decoration:none;color:inherit}button{font-family:inherit}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.stat-card[data-type=attendance]{border-top:3px solid var(--success)}.stat-card[data-type=payroll]{border-top:3px solid var(--primary)}.stat-card[data-type=employee]{border-top:3px solid var(--info)}.stat-card[data-type=leave]{border-top:3px solid var(--warning)}.stat-card[data-type=task]{border-top:3px solid #9B59B6}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:9px;padding:0 18px;height:38px;font-size:13.5px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 6px #d3783c4d}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 3px 10px #d3783c66}.btn-primary:active{transform:scale(.98)}.btn-primary .material-icons{font-size:16px}.btn-outline{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:9px;padding:0 16px;height:38px;font-size:13.5px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.btn-outline:hover{background:var(--bg-base);border-color:var(--primary);color:var(--primary)}.btn-outline .material-icons{font-size:16px}.btn-ghost{background:transparent;border:none;color:var(--text-secondary);padding:0 12px;height:36px;border-radius:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--bg-base);color:var(--primary)}.s-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:700;letter-spacing:.3px}.s-present,.s-active,.s-approved,.s-completed,.s-processed{background:var(--success-light);color:var(--success)}.s-absent,.s-inactive,.s-rejected,.s-failed,.s-terminated{background:var(--danger-light);color:var(--danger)}.s-late,.s-pending,.s-draft,.s-on-leave{background:var(--warning-light);color:var(--warning)}.s-half-day,.s-probation,.s-review{background:var(--info-light);color:var(--info)}.tbl{width:100%;border-collapse:collapse}.tbl th{background:var(--bg-base);color:var(--text-hint);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--text-primary);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--primary-light)}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.form-control{height:40px;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:9px;padding:0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d3783c1f}select.form-control{cursor:pointer}.section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-hdr h2{font-size:15px;font-weight:800;color:var(--text-primary)}.section-hdr p{font-size:12.5px;color:var(--text-secondary);margin-top:1px}.avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-lg{width:44px;height:44px;font-size:14px}.page-wrap{padding:0 24px 28px;max-width:1600px;margin:0 auto}@media (max-width: 768px){.page-wrap{padding:0 14px 20px}}.empty-state{text-align:center;padding:48px 24px;color:var(--text-hint)}.empty-state .material-icons{font-size:40px;margin-bottom:12px;opacity:.4}.empty-state p{font-size:13.5px}