/* Employee ERP v15.74.0 — UX Consolidation & 360 Experience Foundation.
   CSP-first: stylesheet only; no inline-style dependency. */
:root{
  --ux-radius-sm:10px;--ux-radius-md:14px;--ux-radius-lg:20px;
  --ux-shadow-sm:0 4px 16px rgba(15,23,42,.055);
  --ux-shadow-md:0 14px 38px rgba(15,23,42,.085);
  --ux-focus:0 0 0 3px rgba(37,99,235,.18);
  --ux-content-max:1680px;
}
.content{max-width:var(--ux-content-max);width:100%;margin-inline:auto}
.sidebar{border-inline-end:1px solid var(--border,#e2e8f0)}
.sidebar .brand{min-height:76px}
.sidebar-nav{padding:10px 9px 18px}
.menu-group{border-radius:var(--ux-radius-md);margin:3px 0;overflow:hidden}
.menu-group-toggle{min-height:45px;border-radius:var(--ux-radius-md);transition:background .16s ease,transform .16s ease}
.menu-group-toggle:hover{background:var(--soft,#f1f5f9)}
.menu-group.open{background:color-mix(in srgb,var(--soft,#f1f5f9) 64%,transparent)}
.submenu{padding:2px 5px 7px}
.submenu-link{min-height:39px;border-radius:10px;margin:2px 0;transition:background .16s ease,transform .16s ease}
.submenu-link:hover{transform:translateX(1px)}
[dir="rtl"] .submenu-link:hover{transform:translateX(-1px)}
.submenu-link.active{font-weight:850;box-shadow:inset 3px 0 0 #2563eb}
[dir="rtl"] .submenu-link.active{box-shadow:inset -3px 0 0 #2563eb}
.topbar-v2{backdrop-filter:saturate(130%) blur(10px)}
.panel,.card,.stat-card,.dashboard-card{border-radius:var(--ux-radius-lg);box-shadow:var(--ux-shadow-sm)}
.panel:hover,.card:hover{border-color:color-mix(in srgb,var(--border,#e2e8f0) 70%,#60a5fa)}
.table-wrap,.table-responsive{border-radius:var(--ux-radius-md)}
table{border-collapse:separate;border-spacing:0}thead th{position:sticky;top:0;z-index:2;background:var(--card,#fff)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--ux-focus)}
.page-head{gap:14px;align-items:flex-start}.page-head h1,.page-head h2{letter-spacing:-.015em}
.btn{border-radius:11px;min-height:40px;font-weight:800}
.badge,.status-badge{border-radius:999px}
/* 360 foundation primitives for current and next releases. */
.erp360-shell{display:grid;gap:16px}.erp360-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px;border:1px solid var(--border,#e2e8f0);border-radius:var(--ux-radius-lg);background:var(--card,#fff);box-shadow:var(--ux-shadow-sm)}
.erp360-identity{display:flex;align-items:center;gap:14px}.erp360-avatar{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--soft,#f1f5f9);font-size:26px}.erp360-meta{display:flex;gap:8px;flex-wrap:wrap}.erp360-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.erp360-metric{padding:16px;border:1px solid var(--border,#e2e8f0);border-radius:var(--ux-radius-md);background:var(--card,#fff)}.erp360-metric small{display:block;opacity:.68}.erp360-metric strong{display:block;font-size:1.35rem;margin-top:5px}.erp360-tabs{display:flex;gap:7px;overflow:auto;padding:4px 0}.erp360-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid var(--border,#e2e8f0);border-radius:999px;text-decoration:none;color:inherit;background:var(--card,#fff)}.erp360-tabs a.active{background:#2563eb;color:#fff;border-color:#2563eb}
html[data-theme="dark"] .menu-group.open{background:#101d31}html[data-theme="dark"] thead th{background:#0f1a2e}
@media(max-width:1100px){.erp360-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.content{padding-inline:10px}.erp360-hero{align-items:flex-start;flex-direction:column}.erp360-grid{grid-template-columns:1fr 1fr}.page-head{flex-direction:column}.panel,.card,.stat-card,.dashboard-card{border-radius:16px}}
@media(max-width:460px){.erp360-grid{grid-template-columns:1fr}.sidebar-nav{padding-inline:7px}}