/* BGI HRMS Sneat-Style Admin Theme
   Local CSS overlay inspired by Sneat dashboard design language.
   No third-party template assets are bundled. */
:root{
  --bgi-bg:#f5f5f9;
  --bgi-panel:#ffffff;
  --bgi-text:#566a7f;
  --bgi-heading:#2b2c40;
  --bgi-muted:#a1acb8;
  --bgi-primary:#696cff;
  --bgi-primary-dark:#5f61e6;
  --bgi-primary-soft:#e7e7ff;
  --bgi-primary-soft-2:#f0f0ff;
  --bgi-info:#03c3ec;
  --bgi-success:#71dd37;
  --bgi-warning:#ffab00;
  --bgi-danger:#ff3e1d;
  --bgi-border:#d9dee3;
  --bgi-border-soft:#eceef1;
  --bgi-shadow:0 .125rem .375rem 0 rgba(67,89,113,.12);
  --bgi-shadow-lg:0 .5rem 1.25rem rgba(67,89,113,.16);
  --bgi-radius:0.75rem;
  --bgi-radius-lg:1.1rem;
  --bgi-sidebar:260px;
  --bgi-sidebar-gap:24px;
  --bgi-topbar-height:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0 !important;
  background:var(--bgi-bg) !important;
  color:var(--bgi-text) !important;
  font-family:"Public Sans",Inter,Segoe UI,Roboto,Arial,Helvetica,sans-serif !important;
  font-size:15px;
  line-height:1.53;
}
a{color:var(--bgi-primary);text-decoration:none}
a:hover{color:var(--bgi-primary-dark);text-decoration:none}
body.hrms-modern-ready{
  padding-top:104px !important;
  padding-left:calc(var(--bgi-sidebar) + 48px) !important;
  padding-right:24px !important;
  min-height:100vh;
}
/* Sneat-like fixed white sidebar */
.hrms-modern-sidebar{
  position:fixed;
  z-index:9999;
  left:24px;
  top:24px;
  bottom:24px;
  width:var(--bgi-sidebar);
  background:var(--bgi-panel);
  border:0;
  border-radius:var(--bgi-radius-lg);
  padding:14px 12px 18px;
  box-shadow:var(--bgi-shadow-lg);
  overflow:auto;
  transform:none;
  transition:.24s ease;
  color:var(--bgi-text);
  scrollbar-width:thin;
  scrollbar-color:#c7ccd3 transparent;
}
.hrms-modern-sidebar::-webkit-scrollbar{width:7px}.hrms-modern-sidebar::-webkit-scrollbar-thumb{background:#c7ccd3;border-radius:12px}
.hrms-modern-sidebar-brand{
  display:flex;align-items:center;gap:11px;
  padding:10px 10px 18px;
  margin-bottom:4px;
  color:var(--bgi-heading);
  font-weight:800;
  letter-spacing:-.02em;
}
.hrms-modern-sidebar-logo{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  color:#fff;font-weight:900;font-size:13px;
  background:linear-gradient(135deg,var(--bgi-primary),#8b8dff);
  box-shadow:0 .5rem 1rem rgba(105,108,255,.28);
}
.hrms-modern-sidebar-brand small{display:block;color:var(--bgi-muted);font-size:11px;font-weight:650;letter-spacing:0;margin-top:2px}
.hrms-modern-sidebar h3{
  margin:18px 12px 8px;
  color:var(--bgi-muted);
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.hrms-modern-sidebar a{
  display:flex;align-items:center;gap:10px;
  min-height:42px;
  color:var(--bgi-text) !important;
  padding:10px 12px;
  border-radius:.6rem;
  margin:2px 0;
  font-weight:650;
  text-decoration:none !important;
  transition:.18s ease;
  position:relative;
}
.hrms-modern-sidebar a:hover{
  background:#f6f7f9 !important;
  color:var(--bgi-primary) !important;
  transform:translateX(2px);
}
.hrms-modern-sidebar a.active,
.hrms-modern-sidebar a.hrms-modern-search-match{
  background:linear-gradient(90deg,var(--bgi-primary),#8587ff) !important;
  color:#fff !important;
  box-shadow:0 .25rem .75rem rgba(105,108,255,.38);
}
.hrms-modern-sidebar a.active span,
.hrms-modern-sidebar a.hrms-modern-search-match span{color:#fff !important}
.hrms-modern-dot{
  width:8px;height:8px;min-width:8px;border-radius:99px;
  background:#c5cad1;
  box-shadow:none;
}
.hrms-modern-sidebar a:hover .hrms-modern-dot{background:var(--bgi-primary)}
.hrms-modern-sidebar a.active .hrms-modern-dot,
.hrms-modern-sidebar a.hrms-modern-search-match .hrms-modern-dot{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.hrms-modern-no-result{display:none;margin:12px;padding:12px;border-radius:.75rem;background:#fff2ef;color:var(--bgi-danger);font-weight:750;text-align:center}
.hrms-modern-searching:not(.hrms-modern-has-result) .hrms-modern-no-result{display:block}
/* Sneat-like floating navbar */
.hrms-modern-topbar{
  position:fixed;
  left:calc(var(--bgi-sidebar) + 48px);
  right:24px;
  top:24px;
  height:64px;
  z-index:9998;
  display:flex;align-items:center;gap:14px;
  padding:0 16px;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(10px);
  border:1px solid rgba(217,222,227,.75);
  border-radius:var(--bgi-radius-lg);
  box-shadow:var(--bgi-shadow-lg);
}
.hrms-modern-brand{display:none}
.hrms-modern-logo{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(135deg,var(--bgi-primary),#8587ff)}
.hrms-modern-title{font-size:15px;line-height:1.1;color:var(--bgi-heading);font-weight:800}.hrms-modern-title small{display:block;color:var(--bgi-muted);font-size:11px;font-weight:600;margin-top:3px}
.hrms-modern-toggle{
  display:none;
  border:0;background:transparent;color:var(--bgi-text);
  border-radius:.5rem;padding:9px 10px;font-size:21px;font-weight:800;
}
.hrms-modern-search{flex:1;max-width:560px;position:relative}.hrms-modern-search input{width:100%;height:42px;border:0 !important;border-radius:.75rem;padding:0 16px 0 40px;outline:0;background:#f7f7fb;color:var(--bgi-heading);box-shadow:none !important}.hrms-modern-search input:focus{background:#fff;box-shadow:0 0 0 .2rem rgba(105,108,255,.12) !important}
.hrms-modern-search:before{content:'⌕';position:absolute;left:15px;top:7px;color:var(--bgi-muted);font-size:20px;z-index:1}
.hrms-modern-actions{margin-left:auto;display:flex;gap:8px;align-items:center;white-space:nowrap}.hrms-modern-action{border:1px solid var(--bgi-border-soft);background:#fff;color:var(--bgi-text) !important;border-radius:.75rem;padding:9px 12px;font-size:13px;font-weight:750;box-shadow:none;transition:.18s ease;text-decoration:none !important}.hrms-modern-action:hover{background:var(--bgi-primary-soft);color:var(--bgi-primary) !important;border-color:var(--bgi-primary-soft)}
.hrms-modern-overlay{display:none;position:fixed;inset:0;background:rgba(67,89,113,.45);z-index:9997;backdrop-filter:blur(1px)}
.hrms-modern-quick{position:fixed;right:24px;bottom:24px;z-index:9996;display:flex;flex-direction:column;gap:8px}.hrms-modern-quick button,.hrms-modern-quick a{width:42px;height:42px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--bgi-primary);color:#fff !important;font-weight:900;box-shadow:0 .5rem 1rem rgba(105,108,255,.32);text-decoration:none}.hrms-modern-quick #hrmsQuickMenu{display:none}
/* Content wrappers */
.hrms-wrap,.hrms-page,.phase8-wrap,.phase9-wrap,.phase10-wrap,.phase11-wrap,.wrap{
  max-width:1440px !important;
  margin:0 auto 24px !important;
  padding:0 !important;
}
.hrms-card,.card,.phase8-card,.phase9-card,.phase10-card,.phase11-card,
.panel,.box,.well,form:not(.hrms-modern-search form){
  border:0 !important;
  border-radius:var(--bgi-radius) !important;
  box-shadow:var(--bgi-shadow) !important;
  background:var(--bgi-panel) !important;
  color:var(--bgi-text) !important;
}
.hrms-card,.card,.phase8-card,.phase9-card,.phase10-card,.phase11-card,.panel,.well{padding:1.5rem !important;margin-bottom:1.5rem !important}
.hrms-topbar,.phase8-top,.phase9-top,.phase10-top,.phase11-top,.hero{
  background:linear-gradient(135deg,#fff 0%,#f7f7ff 54%,#eef0ff 100%) !important;
  color:var(--bgi-text) !important;
  border:0 !important;
  border-radius:var(--bgi-radius) !important;
  box-shadow:var(--bgi-shadow) !important;
  padding:1.5rem !important;
  position:relative;overflow:hidden;
}
.hrms-topbar:after,.phase8-top:after,.phase9-top:after,.phase10-top:after,.phase11-top:after,.hero:after{content:'';position:absolute;right:-54px;top:-54px;width:170px;height:170px;border-radius:50%;background:rgba(105,108,255,.12)}
.hrms-topbar h1,.phase8-top h1,.phase9-top h1,.phase10-top h1,.phase11-top h1,.hero h1{margin:0 0 .35rem !important;color:var(--bgi-heading) !important;font-weight:800 !important;letter-spacing:-.02em}.hrms-topbar p,.phase8-top p,.phase9-top p,.phase10-top p,.phase11-top p,.hero p{color:var(--bgi-text) !important;margin:0 !important}
.hrms-nav,.phase8-nav,.phase9-nav,.phase10-nav,.phase11-nav,.phase7-nav,.hrms-top-links,.hrms-actions{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:.5rem 0 1.5rem !important;
  box-shadow:none !important;
  display:flex;gap:.55rem;flex-wrap:wrap;
}
.hrms-nav a,.phase8-nav a,.phase9-nav a,.phase10-nav a,.phase11-nav a,.phase7-nav a,.hrms-top-links a,.hrms-actions a{
  background:#fff !important;
  color:var(--bgi-text) !important;
  border:1px solid var(--bgi-border-soft) !important;
  border-radius:.75rem !important;
  padding:.6rem .85rem !important;
  text-decoration:none !important;
  font-weight:700 !important;
  display:inline-flex;align-items:center;gap:.4rem;
  box-shadow:var(--bgi-shadow) !important;
  transition:.18s ease;
}
.hrms-nav a:hover,.phase8-nav a:hover,.phase9-nav a:hover,.phase10-nav a:hover,.phase11-nav a:hover,.phase7-nav a:hover,.hrms-top-links a:hover,.hrms-actions a:hover{
  background:var(--bgi-primary) !important;color:#fff !important;border-color:var(--bgi-primary) !important;transform:translateY(-1px);
}
.hrms-grid,.phase8-grid,.phase9-grid,.phase10-grid,.phase11-grid,.grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;gap:1.5rem !important}.hrms-grid-3{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:1.5rem !important}
.hrms-kpi,.phase8-stat b,.phase9-stat b,.phase10-stat b,.phase11-stat b{font-size:2.15rem !important;line-height:1 !important;font-weight:800 !important;color:var(--bgi-primary) !important;background:none !important;-webkit-background-clip:initial;background-clip:initial}.hrms-muted,.phase8-muted,.phase9-muted,.phase10-muted,.phase11-muted{color:var(--bgi-muted) !important}.hrms-title,h1,h2,h3{letter-spacing:-.02em}.hrms-title,h1,h2,h3{color:var(--bgi-heading) !important}.hrms-card h3,.card h3,.panel h3{margin-top:0 !important}
.btn,.hrms-btn,.phase8-btn,.phase9-btn,.phase10-btn,.phase11-btn,button,input[type=submit]{border-radius:.55rem !important;border:0 !important;font-weight:700 !important;box-shadow:none;transition:.18s ease;text-decoration:none !important;padding:.55rem .95rem}
.btn-primary,.hrms-btn-primary,.phase8-btn,.phase9-btn,.phase10-btn,.phase11-btn,button,input[type=submit]{background:var(--bgi-primary) !important;color:#fff !important}.btn-primary:hover,.hrms-btn-primary:hover,.phase8-btn:hover,.phase9-btn:hover,.phase10-btn:hover,.phase11-btn:hover,button:hover,input[type=submit]:hover{background:var(--bgi-primary-dark) !important;color:#fff !important;box-shadow:0 .25rem .75rem rgba(105,108,255,.35);transform:translateY(-1px)}.btn-success{background:var(--bgi-success) !important;color:#fff !important}.btn-danger{background:var(--bgi-danger) !important;color:#fff !important}.btn-default{background:#fff !important;color:var(--bgi-text) !important;border:1px solid var(--bgi-border) !important}
input,select,textarea,.form-control{border:1px solid var(--bgi-border) !important;border-radius:.55rem !important;box-shadow:none !important;min-height:38px;background:#fff;color:var(--bgi-heading)}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--bgi-primary) !important;box-shadow:0 0 0 .2rem rgba(105,108,255,.16) !important;outline:0 !important}
table{border-collapse:separate !important;border-spacing:0 !important;width:100%;background:#fff;border-radius:var(--bgi-radius);overflow:hidden}.table-responsive{border-radius:var(--bgi-radius);box-shadow:var(--bgi-shadow);background:#fff}th,.table>thead>tr>th{background:#f5f5f9 !important;color:var(--bgi-heading) !important;border-bottom:1px solid var(--bgi-border-soft) !important;font-weight:800 !important}td,th{vertical-align:middle !important;border-color:#edf0f4 !important}tbody tr:hover{background:#fafafe !important}.badge,.hrms-badge{border-radius:999px !important;padding:.35rem .65rem !important;font-weight:750 !important}.badge-green,.badge-present,.hrms-badge-green{background:#e8fadf !important;color:#3a8b16 !important}.badge-red,.badge-absent,.hrms-badge-red{background:#ffe0db !important;color:#d32f10 !important}.badge-orange,.badge-late,.hrms-badge-orange{background:#fff2d6 !important;color:#a66a00 !important}.badge-purple,.badge-half{background:var(--bgi-primary-soft) !important;color:var(--bgi-primary) !important}.badge-gray,.hrms-badge-gray{background:#ebeef0 !important;color:#697a8d !important}
.hrms-alert,.phase8-alert,.phase9-alert,.phase10-alert,.phase11-alert,.alert,.note{border-radius:var(--bgi-radius) !important;border:0 !important;box-shadow:var(--bgi-shadow) !important;padding:.9rem 1rem !important}.hrms-alert-success,.alert-success{background:#e8fadf !important;color:#3a8b16 !important}.alert-danger,.hrms-alert-danger{background:#ffe0db !important;color:#d32f10 !important}.alert-warning{background:#fff2d6 !important;color:#a66a00 !important}.alert-info{background:#d7f5fc !important;color:#0786a3 !important}
/* Sneat card helpers */
.phase-card,.hrms-stat-card{border-radius:var(--bgi-radius) !important;transition:.18s ease}.phase-card:hover,.hrms-stat-card:hover{transform:translateY(-2px);box-shadow:var(--bgi-shadow-lg) !important}.phase-chip{background:var(--bgi-primary-soft) !important;color:var(--bgi-primary) !important;border:0 !important;border-radius:999px !important;padding:.35rem .65rem !important;font-size:.75rem !important;font-weight:800 !important}
/* Dark mode keeps Sneat proportions */
html.hrms-modern-dark{--bgi-bg:#232333;--bgi-panel:#2b2c40;--bgi-text:#b6bee3;--bgi-heading:#fff;--bgi-muted:#7f88b5;--bgi-border:#444564;--bgi-border-soft:#3b3c59;--bgi-primary-soft:#34365f;--bgi-primary-soft-2:#303157;--bgi-shadow:0 .125rem .375rem rgba(0,0,0,.22);--bgi-shadow-lg:0 .5rem 1.25rem rgba(0,0,0,.32)}html.hrms-modern-dark body{background:var(--bgi-bg) !important;color:var(--bgi-text) !important}html.hrms-modern-dark .hrms-modern-topbar,html.hrms-modern-dark .hrms-modern-sidebar,html.hrms-modern-dark .hrms-card,html.hrms-modern-dark .card,html.hrms-modern-dark .panel,html.hrms-modern-dark .box,html.hrms-modern-dark .well,html.hrms-modern-dark .phase8-card,html.hrms-modern-dark .phase9-card,html.hrms-modern-dark .phase10-card,html.hrms-modern-dark .phase11-card{background:var(--bgi-panel) !important;color:var(--bgi-text) !important}html.hrms-modern-dark .hrms-modern-search input{background:#303149;color:#fff}html.hrms-modern-dark table,html.hrms-modern-dark .table-responsive{background:var(--bgi-panel)}html.hrms-modern-dark th,html.hrms-modern-dark .table>thead>tr>th{background:#303149 !important;color:#fff !important}html.hrms-modern-dark tbody tr:hover{background:#303149 !important}html.hrms-modern-dark input,html.hrms-modern-dark select,html.hrms-modern-dark textarea,html.hrms-modern-dark .form-control{background:#303149;color:#fff;border-color:var(--bgi-border) !important}html.hrms-modern-dark .hrms-nav a,html.hrms-modern-dark .phase8-nav a,html.hrms-modern-dark .phase9-nav a,html.hrms-modern-dark .phase10-nav a,html.hrms-modern-dark .phase11-nav a,html.hrms-modern-dark .phase7-nav a,html.hrms-modern-dark .hrms-top-links a,html.hrms-modern-dark .hrms-actions a,html.hrms-modern-dark .hrms-modern-action{background:#303149 !important;color:var(--bgi-text) !important;border-color:var(--bgi-border-soft) !important}html.hrms-modern-dark .hrms-topbar,html.hrms-modern-dark .phase8-top,html.hrms-modern-dark .phase9-top,html.hrms-modern-dark .phase10-top,html.hrms-modern-dark .phase11-top,html.hrms-modern-dark .hero{background:linear-gradient(135deg,#2b2c40,#303157) !important}
@media(max-width:1100px){
  body.hrms-modern-ready{padding-left:18px !important;padding-right:18px !important;padding-top:92px !important}
  .hrms-modern-topbar{left:18px;right:18px;top:18px;height:58px;border-radius:1rem}.hrms-modern-toggle{display:block}.hrms-modern-sidebar{left:18px;top:18px;bottom:18px;transform:translateX(-115%);border-radius:1rem}body.hrms-modern-menu-open .hrms-modern-sidebar{transform:translateX(0)}body.hrms-modern-menu-open .hrms-modern-overlay{display:block}.hrms-modern-brand{display:flex;min-width:auto}.hrms-modern-title small{display:none}.hrms-modern-search{max-width:none}.hide-sm{display:none !important}.hrms-modern-quick #hrmsQuickMenu{display:grid}.hrms-modern-quick{right:18px;bottom:18px}
}
@media(max-width:640px){
  body.hrms-modern-ready{padding-left:12px !important;padding-right:12px !important;padding-top:84px !important}.hrms-modern-topbar{left:12px;right:12px;top:12px;padding:0 10px}.hrms-modern-search{display:none}.hrms-modern-actions{gap:5px}.hrms-modern-action{padding:8px 9px;font-size:12px}.hrms-modern-sidebar{width:calc(100vw - 24px);left:12px;top:12px;bottom:12px}.hrms-card,.card,.phase8-card,.phase9-card,.phase10-card,.phase11-card,.panel,.well{padding:1rem !important}.hrms-grid,.phase8-grid,.phase9-grid,.phase10-grid,.phase11-grid,.grid,.hrms-grid-3{grid-template-columns:1fr !important}.hrms-modern-quick{right:12px;bottom:12px}.hrms-modern-quick button,.hrms-modern-quick a{width:40px;height:40px}.hrms-modern-logo{width:34px;height:34px}.hrms-modern-title{font-size:13px}
}