@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--color-bg-base: #F8FAFC;--color-struct-primary: #004487;--color-text-deep: #1E293B;--color-action-accent: #10C136;--color-highlight-system: #FFB800;--color-surface-white: #FFFFFF;--color-border-slate: #E2E8F0;--color-hover-blue: #00356B;--color-hover-green: #0C9D2B;--color-danger-red: #EF4444;--color-danger-hover: #DC2626;--color-text-muted: #64748B;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-input: 8px;--border-radius-card: 12px;--border-radius-badge: 9999px;--shadow-premium: 0 4px 6px -1px rgba(0, 68, 135, .03), 0 2px 4px -1px rgba(0, 0, 0, .02);--shadow-premium-hover: 0 10px 15px -3px rgba(0, 68, 135, .06), 0 4px 6px -2px rgba(0, 0, 0, .03)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-deep);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--color-text-deep)}h1{font-size:32px;font-weight:700;line-height:1.2}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:18px;font-weight:600;line-height:1.4}.interactive-card{background-color:var(--color-surface-white);border:1px solid var(--color-border-slate);border-radius:var(--border-radius-card);box-shadow:var(--shadow-premium);transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);padding:var(--spacing-lg)}.interactive-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-premium-hover);border-color:#0044871a}.btn-action{background-color:var(--color-action-accent);color:var(--color-surface-white);font-family:Outfit,sans-serif;font-weight:600;font-size:14px;padding:12px 24px;border:none;border-radius:var(--border-radius-input);cursor:pointer;box-shadow:0 2px 4px #10c1361a;transition:background-color .15s ease-out,transform .1s ease-out;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-action:hover{background-color:var(--color-hover-green)}.btn-action:active{transform:scale(.98)}.btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-danger{background-color:var(--color-danger-red)}.btn-danger:hover{background-color:var(--color-danger-hover)}.pulse-indicator{width:10px;height:10px;border-radius:50%;background-color:var(--color-action-accent);box-shadow:0 0 #10c13666;animation:pulse-ring 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulse-ring{to{box-shadow:0 0 0 8px #10c13600}}.data-table-container{overflow-x:auto;border:1px solid var(--color-border-slate);border-radius:var(--border-radius-card);box-shadow:var(--shadow-premium)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background-color:var(--color-bg-base);color:var(--color-struct-primary);font-family:Outfit,sans-serif;font-weight:600;padding:14px 16px;border-bottom:2px solid var(--color-border-slate)}.data-table td{padding:14px 16px;border-bottom:1px solid var(--color-border-slate)}.data-table tbody tr:nth-child(2n){background-color:var(--color-bg-base)}.data-table tbody tr:hover{background-color:#00448705}.input-field{width:100%;padding:12px 16px;border:1px solid var(--color-border-slate);border-radius:var(--border-radius-input);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s}.input-field:focus{border-color:var(--color-struct-primary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:12px;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text-deep)}.nav-profile-section{display:flex;align-items:center;gap:20px}.mobile-nav-toggle{display:none;background:none;border:none;color:var(--color-surface-white);cursor:pointer;padding:8px}.mobile-nav-menu{display:none;flex-direction:column;position:absolute;top:100%;right:0;width:100%;background-color:var(--color-struct-primary);border-top:1px solid rgba(255,255,255,.1);padding:16px;gap:16px;z-index:50;box-shadow:var(--shadow-premium)}.mobile-nav-menu.open{display:flex}@media (max-width: 768px){.nav-brand-subtitle{font-size:8px!important}.nav-profile-info,.nav-settings-link,.nav-logout-btn{display:none!important}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center}.nav-profile-section{gap:12px!important}.mobile-nav-menu .nav-profile-info,.mobile-nav-menu .nav-settings-link,.mobile-nav-menu .nav-logout-btn{display:flex!important;color:var(--color-surface-white);text-align:left;width:100%}.mobile-nav-menu .nav-settings-link{justify-content:flex-start;border-radius:var(--border-radius-input);height:auto;padding:12px 16px;background:#ffffff0d}.mobile-nav-menu .nav-logout-btn{justify-content:flex-start;padding:12px 16px!important}}@media (max-width: 480px){.nav-profile-section button{padding:6px 10px!important;font-size:12px!important}}.nav-settings-link{color:#ffffffd9!important;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .2s ease!important}.nav-settings-link:hover{color:#fff!important;background-color:#ffffff26;transform:rotate(30deg)}.nav-settings-link:active{background-color:#ffffff40;transform:scale(.9) rotate(30deg)}.nav-logout-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.2)!important;color:#ffffffe6!important;padding:8px 16px!important;border-radius:var(--border-radius-input)!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:6px!important;font-family:Outfit,sans-serif;font-weight:500;font-size:13px!important;transition:background-color .2s ease,border-color .2s ease,transform .15s ease,color .2s ease!important}.nav-logout-btn:hover{background-color:#ef444426!important;border-color:#ef444466!important;color:#fff!important}.nav-logout-btn:active{background-color:#ef444440!important;transform:scale(.95)}.table-action-btn{display:inline-flex!important;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px!important;border:1px solid var(--color-border-slate)!important;background-color:var(--color-surface-white)!important;cursor:pointer;transition:all .2s ease!important}.table-action-btn.edit{color:var(--color-text-muted)!important}.table-action-btn.edit:hover{color:var(--color-struct-primary)!important;border-color:var(--color-struct-primary)!important;background-color:#0044870d!important;transform:translateY(-1px)}.table-action-btn.edit:active{transform:translateY(0) scale(.92)}.table-action-btn.delete{color:var(--color-danger-red)!important}.table-action-btn.delete:hover{color:#fff!important;border-color:var(--color-danger-red)!important;background-color:var(--color-danger-red)!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef444433}.table-action-btn.delete:active{transform:translateY(0) scale(.92)}.employee-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg)}@media (max-width: 1024px){.employee-content-grid{grid-template-columns:1fr!important}}.metric-card-val{font-size:28px;font-weight:700;font-family:Outfit,sans-serif;color:var(--color-text-deep);margin-top:4px}.metric-card-lbl{font-size:11px;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.dashboard-main-col,.dashboard-side-col{width:100%!important}.interactive-card{padding:var(--spacing-md)!important}.flex-row{flex-direction:column!important;gap:var(--spacing-md)!important}.grid-container,[style*=gridTemplateColumns]{grid-template-columns:1fr!important}.settings-row,[style*="display: flex"][style*="gap: 15px"]{flex-direction:column!important;gap:var(--spacing-md)!important}}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md)}.table-responsive-wrapper table{min-width:600px}@media (max-width: 768px){.data-table{min-width:600px}}@media (max-width: 768px){.btn-action,button{padding:14px 24px!important;min-height:48px;font-size:15px!important}.input-field,input[type=text],input[type=password],input[type=email],select{padding:14px 16px!important;min-height:48px;font-size:16px!important}.nav-logout-btn,.mobile-nav-toggle{min-height:44px;padding:10px 16px!important}.table-action-btn{width:40px!important;height:40px!important}}.dashboard-header{margin:0 0 20px;font-size:18px;color:var(--color-struct-primary)}.dashboard-subtitle{font-size:14px;color:var(--color-text-muted)}.card-top-primary{border-top:4px solid var(--color-struct-primary)}.card-top-success{border-top:4px solid var(--color-action-accent)}.card-top-warning{border-top:4px solid var(--color-highlight-system)}.flex-center-col{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between;align-items:center}