@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-card-bg: var(--color-surface-white);--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-card-bg);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: 1024px){.nav-brand-subtitle{font-size:8px!important}.nav-profile-info,.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:clamp(1.25rem,5vw,1.75rem);font-weight:700;font-family:Outfit,sans-serif;color:var(--color-text-deep);margin-top:4px;word-break:break-all}.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}.responsive-table .data-table{min-width:100%!important}.hide-mobile{display:none!important}}@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;min-height:40px!important;padding:0!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}.action-buttons-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.secondary-actions-container{display:contents}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.summary-cards-grid{grid-template-columns:1fr!important;gap:12px!important}.summary-cards-grid>div:last-child{grid-column:span 1!important}.action-buttons-group,.secondary-actions-container{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.secondary-actions-container button:last-child{grid-column:auto!important}.header-controls-group{width:100%!important}.header-controls-group>*{flex:1 1 100%!important;justify-content:center!important;text-align:center!important}.mobile-card-table{border:none!important;box-shadow:none!important;background:transparent!important}.mobile-card-table table,.mobile-card-table thead,.mobile-card-table tbody,.mobile-card-table th,.mobile-card-table td,.mobile-card-table tr{display:block!important}.mobile-card-table thead tr{position:absolute!important;top:-9999px!important;left:-9999px!important}.mobile-card-table tr{background:var(--color-surface-white)!important;border:1px solid var(--color-border-slate)!important;border-radius:var(--border-radius-card)!important;margin-bottom:var(--spacing-md)!important;padding:var(--spacing-md)!important;box-shadow:var(--shadow-sm)!important;position:relative!important}.mobile-card-table td{border:none!important;border-bottom:1px solid rgba(0,0,0,.05)!important;position:relative!important;padding:10px 10px 10px 45%!important;text-align:left!important;white-space:normal!important;min-height:40px!important;display:flex!important;align-items:center!important}.mobile-card-table td:last-child{border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important}.mobile-card-table td:before{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;left:12px!important;width:40%!important;padding-right:10px!important;white-space:nowrap!important;font-weight:600!important;color:var(--color-text-muted)!important;content:attr(data-label)!important;font-size:13px!important}.request-card-item{flex-direction:column!important;align-items:stretch!important}.request-card-actions{width:100%!important;justify-content:flex-end!important}.mobile-card-table td.cell-checkbox{padding-left:12px!important;border-bottom:1px solid rgba(0,0,0,.05)!important;padding-bottom:12px!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}.mobile-card-table td.cell-checkbox:before{position:static!important;transform:none!important;width:auto!important;content:"Select Record"!important;margin-right:12px!important}.mobile-card-table td.cell-name{padding-left:12px!important;font-size:16px!important;font-weight:700!important;color:var(--color-struct-primary)!important;border-bottom:2px solid rgba(0,68,135,.1)!important;padding-bottom:8px!important;margin-bottom:8px!important}.mobile-card-table td.cell-name:before{display:none!important}.mobile-card-table td.cell-email{word-break:break-all!important}.mobile-card-table td.cell-actions{padding-left:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important;border-top:1px dashed var(--color-border-slate)!important;padding-top:12px!important}.mobile-card-table td.cell-actions:before{display:none!important}.mobile-card-table td.cell-actions button{flex:1!important;justify-content:center!important;margin:0!important}}.search-input-padding{padding-left:42px!important}.date-filters-scroll{display:flex;flex-wrap:wrap;gap:6px}.pagination-text-mobile{display:none}@media (max-width: 768px){.date-filters-scroll{width:100%}.pagination-rows-dropdown,.pagination-numbers-desktop{display:none!important}.pagination-text-mobile{display:inline!important;font-size:13px;font-weight:600}.btn-pagination-arrow{width:auto!important;padding:0 12px!important}}.subpage-breadcrumb{display:flex;align-items:center;gap:16px;margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.subpage-breadcrumb{align-items:flex-start!important}.subpage-breadcrumb h2{font-size:20px!important;line-height:1.2!important}.subpage-breadcrumb a{padding-top:2px!important}}.feedback-card{display:flex;gap:20px;align-items:flex-start;padding:20px;border-left:4px solid var(--color-struct-primary);border-radius:var(--border-radius-card);background:var(--color-surface-white);box-shadow:var(--shadow-premium);transition:transform .2s,box-shadow .2s;position:relative}.feedback-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000014}.feedback-icon-wrapper{background-color:#00448714;color:var(--color-struct-primary);padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feedback-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--color-text-muted);font-size:12px;flex-wrap:wrap}.feedback-badge{background-color:#10b9811a;color:#10b981;padding:4px 10px;border-radius:9999px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.02em}.feedback-text{margin:0;color:var(--color-text-deep);line-height:1.6;font-size:15px;white-space:pre-wrap}.feedback-action-btn{background:none;border:none;cursor:pointer;color:var(--color-danger-red);padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;background-color:#ef44440a}.feedback-action-btn:hover{background-color:#ef44441f!important;transform:scale(1.05)}@media (max-width: 768px){.feedback-card{flex-direction:column;gap:16px;padding:16px}.feedback-icon-wrapper{display:none}.feedback-action-btn{align-self:flex-end;width:100%;justify-content:center;border:1px solid rgba(239,68,68,.2);margin-top:8px}}@media (max-width: 768px){.nav-admin-btn-desktop{display:none!important}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg)}.filter-panel-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;width:100%}@media (max-width: 768px){.filter-panel-header{flex-direction:column;align-items:flex-start;gap:12px}}.custom-date-row{display:flex;gap:15px;align-items:center;margin-top:var(--spacing-sm);flex-wrap:wrap;width:100%}@media (max-width: 768px){.custom-date-row{flex-direction:column;align-items:stretch;gap:10px}.custom-date-row>div{display:flex;flex-direction:column}.custom-date-row input{width:100%;box-sizing:border-box}}