@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--secondary:#0ea5e9;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#0f172a;--bg-header:#fff;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px}[data-theme=dark]{--bg-main:#0b0f19;--bg-card:#1e293b;--bg-sidebar:#090d16;--bg-header:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-light:#64748b;--border-color:#334155;--primary-light:#4f46e526}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.table-container{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.custom-table th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9b3;padding:12px 16px;font-size:.75rem;font-weight:600}[data-theme=dark] .custom-table th{background-color:#1e293bb3}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:14px 16px}.custom-table tbody tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background-color:#f1f5f980}[data-theme=dark] .custom-table tbody tr:hover{background-color:#3341554d}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-success{color:#065f46;background-color:#d1fae5}.badge-warning{color:#92400e;background-color:#fef3c7}.badge-danger{color:#991b1b;background-color:#fee2e2}.badge-info{color:#075985;background-color:#e0f2fe}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-neutral{color:#475569;background-color:#f1f5f9}.badge-purple{color:#7c3aed;background-color:#f3e8ff;border:1px solid #7c3aed33}[data-theme=dark] .badge-success{color:#34d399;background-color:#10b98133}[data-theme=dark] .badge-warning{color:#fbbf24;background-color:#f59e0b33}[data-theme=dark] .badge-danger{color:#f87171;background-color:#ef444433}[data-theme=dark] .badge-info{color:#38bdf8;background-color:#0ea5e933}[data-theme=dark] .badge-neutral{color:#cbd5e1;background-color:#94a3b833}[data-theme=dark] .badge-purple{color:#c084fc;background-color:#7c3aed40;border:1px solid #a855f766}.action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;transition:all .18s ease-in-out;display:inline-flex}.action-btn:hover{transform:translateY(-1px)}.action-btn-view{background-color:var(--bg-main);border-color:var(--border-color);color:var(--text-main)}.action-btn-view:hover{border-color:var(--primary);background-color:var(--primary-light);color:var(--primary)}.action-btn-edit{color:#2563eb;background-color:#3b82f614;border-color:#bfdbfe}.action-btn-edit:hover{color:#fff;background-color:#2563eb;border-color:#2563eb}.action-btn-delete{color:#dc2626;background-color:#ef444414;border-color:#fecaca}.action-btn-delete:hover{color:#fff;background-color:#dc2626;border-color:#dc2626}[data-theme=dark] .action-btn-view{color:#f8fafc;background-color:#1e293b;border-color:#334155}[data-theme=dark] .action-btn-view:hover{border-color:var(--primary);background-color:#4f46e540}[data-theme=dark] .action-btn-edit{color:#60a5fa;background-color:#3b82f626;border-color:#3b82f659}[data-theme=dark] .action-btn-edit:hover{color:#fff;background-color:#2563eb}[data-theme=dark] .action-btn-delete{color:#f87171;background-color:#ef444426;border-color:#ef444459}[data-theme=dark] .action-btn-delete:hover{color:#fff;background-color:#dc2626}@media print{aside,header,nav,footer,.no-print,.modal-header-bar,.modal-footer-actions,button,.sidebar,.topbar{visibility:hidden!important;display:none!important}html,body{color:#0f172a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;width:100%!important;height:auto!important;min-height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}#root,main{width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.modal-backdrop-root,div[style*="position: fixed"],div[style*=position\:fixed]{-webkit-backdrop-filter:none!important;z-index:auto!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;inset:auto!important}.modal-dialog-card,div[style*="maxHeight: 90vh"],div[style*="max-height: 90vh"],div[style*=maxHeight\:90vh]{width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.modal-body-content,div[style*="overflowY: auto"],div[style*="overflow-y: auto"]{width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.print-only{display:block!important}#salary-slip-printable,.printable-area{page-break-inside:avoid;break-inside:avoid;box-shadow:none!important;color:#0f172a!important;background:#fff!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0 auto!important;padding:0!important;position:static!important}#monthly-attendance-report-printable,.printable-attendance-sheet{box-shadow:none!important;background:#fff!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;position:static!important}@page{size:auto;margin:8mm}}