:root,:root[data-theme=light]{--bg: #f5f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--sidebar: #fafbfc;--border: #e8ebef;--border-strong: #dde1e7;--text: #1a1d21;--text-soft: #6b7280;--text-faint: #9aa1ac;--primary: #004d33;--primary-dark: #003d28;--primary-soft: #e8f5ee;--primary-light: #a5d6a7;--shadow: 0 1px 3px rgba(0, 77, 51, .04), 0 4px 12px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 32px rgba(0, 77, 51, .1), 0 4px 16px rgba(16, 24, 40, .08);--green: #1f9d5b;--green-bg: #e8f5ee;--amber: #e67e22;--amber-bg: #fef3e2;--red: #d64545;--red-bg: #fbe9e9;--purple: #6b8f71;--purple-bg: #edf4ef;--blue: #004d33;--blue-bg: #e8f5ee;--gray-bg: #eef0f3;--radius: 20px;--radius-sm: 12px;--radius-pill: 999px}:root[data-theme=dark]{--bg: #0d1117;--surface: #161b22;--surface-2: #1c2129;--sidebar: #12161c;--border: #262b33;--border-strong: #2f353f;--text: #e6e8ec;--text-soft: #9aa1ac;--text-faint: #6b7280;--primary: #2ba658;--primary-dark: #22c55e;--primary-soft: #1a2e24;--primary-light: #2d5a3d;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .5);--green: #2ba658;--green-bg: #16271d;--amber: #f0b357;--amber-bg: #2a2113;--red: #f87171;--red-bg: #2a1717;--purple: #8fbc8f;--purple-bg: #1a241c;--blue: #2ba658;--blue-bg: #1a2e24;--gray-bg: #232831}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.15rem;margin:0 0 .3rem;font-weight:700}h3{font-size:1rem;margin:0 0 .6rem;font-weight:700}button{font:inherit;cursor:pointer}.page-header{margin-bottom:1.5rem}.page-header .subtitle{color:var(--text-soft);font-size:.92rem;margin:0}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid transparent;border-radius:var(--radius-pill);padding:.6rem 1.15rem;font-weight:600;font-size:.88rem;background:var(--primary);color:#fff;transition:background .15s,opacity .15s,border-color .15s,box-shadow .15s;white-space:nowrap}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn.secondary:hover{background:var(--surface-2)}.btn.danger{background:var(--red)}.btn.danger:hover{background:#b83838}.btn.ghost{background:transparent;color:var(--text-soft);border-color:transparent}.btn.ghost:hover{background:var(--surface-2);color:var(--text)}.btn.sm{padding:.4rem .85rem;font-size:.8rem}input,select,textarea{font:inherit;width:100%;padding:.6rem .85rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);border-color:var(--primary)}label{display:block;font-size:.78rem;font-weight:600;color:var(--text-soft);margin-bottom:.35rem}.field{margin-bottom:1rem}.card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.4rem}.card.featured{background:var(--primary);color:#fff;border-color:transparent}.card.featured .muted,.card.featured .label{color:#ffffffbf}.card.stat.accent{background:var(--primary-soft);border-color:var(--primary-light)}.card.stat.accent .label{color:var(--primary)}.grid{display:grid;gap:1.15rem}.row{display:flex;gap:1rem;align-items:center}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-soft)}.small{font-size:.82rem}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--border);font-size:.9rem}th{color:var(--text-faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;background:var(--surface)}tbody tr:hover td{background:var(--surface-2)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:var(--radius-pill);font-size:.74rem;font-weight:600}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.amber{background:var(--amber-bg);color:var(--amber)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.badge.indigo,.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.gray{background:var(--gray-bg);color:var(--text-soft)}.toast-host{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{background:var(--surface);color:var(--text);border-left:4px solid var(--primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:.75rem 1rem;min-width:260px;animation:slidein .18s ease-out}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}.toast.warn{border-color:var(--amber)}@keyframes slidein{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.report-table col.col-emp{width:240px}.report-table col.col-day{width:112px}.report-table col.col-total{width:96px}.report-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.report-table th,.report-table td{border-bottom:1px solid var(--border);padding:.75rem .85rem;vertical-align:middle;font-size:.88rem;text-align:center}.report-table thead th{text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:600;color:var(--text-soft);background:var(--surface-2);white-space:nowrap}.report-table tbody tr:hover td{background:var(--surface-2)}.report-table .col-emp{width:240px;min-width:240px;text-align:left;position:sticky;left:0;background:var(--surface);z-index:2;box-shadow:2px 0 4px #00000008}.report-table tbody tr:hover .col-emp{background:var(--surface-2)}.report-table .col-day{width:112px;min-width:112px}.report-table .col-total{width:96px;min-width:96px;position:sticky;right:0;background:var(--surface);border-left:1px solid var(--border);z-index:2;box-shadow:-2px 0 4px #00000008}.report-table tbody tr:hover .col-total{background:var(--surface-2)}.report-table .col-total strong{color:var(--primary)}.report-table .col-today{color:var(--primary);font-weight:700}.report-table .col-weekend{background:repeating-linear-gradient(45deg,var(--surface),var(--surface) 6px,var(--surface-2) 6px,var(--surface-2) 12px)}.report-table .emp-cell{display:flex;align-items:center;gap:.65rem}.report-table .emp-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.report-table .emp-avatar.ph{background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.report-table .day-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem}.report-table .day-num{font-size:.72rem;color:var(--text-faint);font-weight:600}.report-table .status-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .55rem;border-radius:8px;font-size:.78rem;font-weight:600;white-space:nowrap}.report-table .status-pill.present,.report-table .status-pill.active{background:var(--green-bg);color:var(--green)}.report-table .status-pill.half_day{background:var(--amber-bg);color:var(--amber)}.report-table .status-pill.absent{background:var(--red-bg);color:var(--red)}.report-table .status-pill.leave{background:var(--purple-bg);color:var(--purple)}.report-table .status-pill.holiday{background:var(--blue-bg);color:var(--blue)}.report-table .hrs-pill{display:inline-block;padding:.2rem .55rem;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-weight:600;font-size:.82rem}