.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.uppercase{text-transform:uppercase}:root{--accent:#00e5a0;--accent2:#0062ff;--warn:#ff6b35;--danger:#ff3b3b}body{color:#1a1d24;background:#f4f6f9;font-family:Inter,sans-serif}.font-display{font-family:Syne,sans-serif}.font-mono{font-family:DM Mono,monospace}.sidebar{background:#0d0f14}.nav-link{color:#5a6070;cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:9px 12px;font-family:Syne,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:#e8eaf0;background:#1a1d24}.nav-link.active{color:var(--accent);background:#00e5a01a;border:1px solid #00e5a033}.card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;box-shadow:0 1px 3px #0000000a}.stat-card{background:#fff;border:1px solid #e8ecf0;border-radius:10px;padding:20px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 12px #00000014}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:#8892a0;background:#fafbfc;border-bottom:1px solid #e8ecf0;padding:10px 16px;font-family:DM Mono,monospace;font-size:.65rem}.tbl td{color:#2d3340;border-bottom:1px solid #f0f2f5;padding:12px 16px;font-size:.82rem}.tbl tr:last-child td{border:none}.tbl tr:hover td{background:#fafbff}.badge{border-radius:4px;padding:2px 8px;font-family:DM Mono,monospace;font-size:.65rem;font-weight:500;display:inline-block}.badge-active{color:#00a870;background:#e6fdf4;border:1px solid #b3f0d9}.badge-leave{color:#7c3aed;background:#f0ebff;border:1px solid #ddd6fe}.badge-probation{color:#b45309;background:#fef9e6;border:1px solid #fde68a}.badge-terminated{color:#dc2626;background:#fff0f0;border:1px solid #fecaca}.badge-resigned{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.badge-pending{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.badge-approved{color:#00a870;background:#e6fdf4;border:1px solid #b3f0d9}.badge-rejected{color:#dc2626;background:#fff0f0;border:1px solid #fecaca}.btn-primary{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:700;transition:all .15s}.btn-primary:hover{background:#00ffb0}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:#5a6070;cursor:pointer;background:0 0;border:1px solid #e0e4ea;border-radius:6px;padding:8px 16px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:all .15s}.btn-ghost:hover{color:#1a1d24;border-color:#1a1d24}.form-input,.form-select{color:#1a1d24;background:#f8fafc;border:1px solid #e0e4ea;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:.82rem;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent);background:#fff}.form-input.auto-filled{background:#e6fdf4;border-color:#00e5a060}.form-label{letter-spacing:.06em;text-transform:uppercase;color:#8892a0;margin-bottom:4px;font-family:DM Mono,monospace;font-size:.68rem;display:block}.form-label.filled{color:var(--accent)}.search-input{color:#1a1d24;background:#f4f6f9;border:1px solid #e0e4ea;border-radius:6px;outline:none;width:220px;padding:8px 12px 8px 36px;font-size:.8rem;transition:border-color .15s}.search-input:focus{border-color:var(--accent);background:#fff}.skeleton{background:linear-gradient(90deg,#f0f2f5 25%,#e8ecf0,#f0f2f5 75%) 0 0/200% 100%;border-radius:4px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.15s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:12px;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.upload-zone{text-align:center;cursor:pointer;border:2px dashed #e0e4ea;border-radius:8px;padding:32px;transition:all .15s;position:relative}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#00e5a00a}.upload-zone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.toast-wrap{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border:1px solid #e0e4ea;border-left:3px solid var(--accent);color:#1a1d24;background:#fff;border-radius:8px;min-width:260px;padding:12px 16px;font-size:.8rem;animation:.2s slidein;box-shadow:0 4px 12px #0000001a}.toast.error{border-left-color:var(--danger)}.toast.info{border-left-color:var(--accent2)}@keyframes slidein{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse-dot{animation:2s infinite pulse}.spinner{vertical-align:middle;border:2px solid #00000026;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}