/* V0 design adapted to the existing company workspace and live data. */ #nexahrApp[data-v0-client] { --v0-navy:#111638; --v0-text:#183d69; --v0-muted:#71839b; --v0-border:#dfe5ee; --v0-primary:#285b91; background:#f5f7fb; color:var(--v0-text); min-height:125vh; } #nexahrApp[data-v0-client] :is(button,input,select,textarea,a,h1,h2,h3,p,span,div,label,td,th) { font-family:Manrope,Arial,sans-serif; } #nexahrApp[data-v0-client] .sidebar { background:var(--v0-navy) !important; width:230px; padding:18px 14px; border:0; box-shadow:none; } #nexahrApp[data-v0-client] .brand-panel { background:#ffffff08; border:1px solid #ffffff18; border-radius:8px; padding:13px 10px; margin-bottom:20px; box-shadow:none; } #nexahrApp[data-v0-client] .logo { font-size:calc(14px * var(--ui-font-scale,1)); color:#fff; } #nexahrApp[data-v0-client] .brand-badge { display:none; } #nexahrApp[data-v0-client] .workspace-group { background:transparent !important; border:0 !important; box-shadow:none !important; margin:4px 0; } #nexahrApp[data-v0-client] :is(.workspace-head,.premium-dashboard-link) { min-height:42px; padding:10px 12px; border-radius:7px; font-size:calc(12px * var(--ui-font-scale,1)); color:#c9d3e5; background:transparent; } #nexahrApp[data-v0-client] :is(.workspace-group.open .workspace-head,.premium-dashboard-link.active) { background:#ffffff12 !important; border-left:3px solid #ff8956 !important; color:#fff !important; box-shadow:none !important; } #nexahrApp[data-v0-client] .workspace-group.open .workspace-module-icon { color:#cbdaf1 !important; background:transparent; } #nexahrApp[data-v0-client] .workspace-module-icon { width:22px; height:22px; background:transparent; color:#aabbd7; } #nexahrApp[data-v0-client] .workspace-module-icon svg { width:17px; height:17px; } #nexahrApp[data-v0-client] .v0-sidebar-sections { display:none; padding:5px 0 6px 29px; } #nexahrApp[data-v0-client] .workspace-group.open .v0-sidebar-sections { display:grid; gap:3px; } #nexahrApp[data-v0-client] .v0-sidebar-choice { padding:8px 9px; border:0; border-radius:5px; background:transparent; color:#aebed9; text-align:left; font-size:calc(11px * var(--ui-font-scale,1)); cursor:pointer; } #nexahrApp[data-v0-client] .v0-sidebar-choice:is(:hover,.active) { background:#ffffff0d; color:#fff; } #nexahrApp[data-v0-client] .main { min-width:0; background:#f5f7fb; } #nexahrApp[data-v0-client] .topbar { min-height:66px; background:#fff !important; border-bottom:1px solid var(--v0-border); box-shadow:none; padding:12px 28px; } #nexahrApp[data-v0-client] .page-title { color:#203d63; font-size:calc(14px * var(--ui-font-scale,1)); font-weight:600; } #nexahrApp[data-v0-client] .content { padding:26px 28px; background:#f5f7fb; } #nexahrApp[data-v0-client] .dashboard-hero { background:transparent !important; border:0; box-shadow:none; padding:0 0 22px; min-height:0; } #nexahrApp[data-v0-client] .dashboard-greeting { color:#183d69 !important; font-size:calc(25px * var(--ui-font-scale,1)); letter-spacing:-.6px; } #nexahrApp[data-v0-client] .dashboard-greeting-sub { color:var(--v0-muted) !important; font-size:calc(12px * var(--ui-font-scale,1)); } #nexahrApp[data-v0-client] .dashboard-date-chip { border:1px solid var(--v0-border); background:#fff; color:var(--v0-muted); border-radius:7px; font-size:calc(11px * var(--ui-font-scale,1)); } #nexahrApp[data-v0-client] .dashboard-stat { padding:18px; border-top:1px solid var(--v0-border); } #nexahrApp[data-v0-client] .dashboard-stat-value { color:#183d69; font-size:calc(28px * var(--ui-font-scale,1)); letter-spacing:-.7px; } #nexahrApp[data-v0-client] .dashboard-stat-icon { border-radius:9px; background:#edf3fa !important; color:#48739e !important; width:34px; height:34px; } #nexahrApp[data-v0-client] :is(h1,.page-header h1) { color:#183d69; font-size:calc(24px * var(--ui-font-scale,1)); letter-spacing:-.5px; } #nexahrApp[data-v0-client] h2 { color:#203d63; font-size:calc(17px * var(--ui-font-scale,1)); margin-bottom:12px; } #nexahrApp[data-v0-client] h3 { color:#203d63; font-size:calc(14px * var(--ui-font-scale,1)); } #nexahrApp[data-v0-client] :is(.moduleSubnavHost,.module-subnav-host) { background:#fff; border-bottom:1px solid var(--v0-border); box-shadow:none; } #nexahrApp[data-v0-client] .module-primary-choice { border:0; border-radius:0; background:transparent !important; color:#71839b !important; min-height:46px; padding:10px 18px; border-bottom:2px solid transparent; box-shadow:none; } #nexahrApp[data-v0-client] .module-primary-choice.active { color:#24558a !important; border-bottom-color:#24558a !important; background:transparent !important; } #nexahrApp[data-v0-client] .module-secondary-nav .menu-item { border:0; border-radius:0; background:transparent; color:#71839b; padding:12px 13px; } #nexahrApp[data-v0-client] .module-secondary-nav .menu-item.active { color:#24558a !important; background:#eff4fa !important; box-shadow:none; } #nexahrApp[data-v0-client] .btn { min-height:39px; padding:9px 16px; border-radius:7px; font-size:calc(12px * var(--ui-font-scale,1)); font-weight:600; transition:background .15s,box-shadow .15s; } #nexahrApp[data-v0-client] .btn-primary { background:#285b91 !important; color:#fff !important; border:1px solid #285b91 !important; box-shadow:0 2px 3px #1f477b16; } #nexahrApp[data-v0-client] .btn-primary:hover { background:#204c7c !important; box-shadow:0 3px 7px #1f477b20; } #nexahrApp[data-v0-client] .v0-button-secondary { background:#fff !important; border:1px solid #ced8e5 !important; color:#355b84 !important; box-shadow:none; } #nexahrApp[data-v0-client] .v0-button-danger { background:#fff5f3 !important; border:1px solid #f0d1ca !important; color:#a83a2d !important; box-shadow:none; } #nexahrApp[data-v0-client] button:disabled { opacity:.5; cursor:not-allowed; } #nexahrApp[data-v0-client] :is(button,a,input,select,textarea):focus-visible { outline:2px solid #568abe; outline-offset:3px; } #nexahrApp[data-v0-client] .content :is(input:not([type=checkbox]):not([type=radio]),select,textarea) { border:1px solid #cbd6e5; border-radius:7px; padding:10px 12px; background:#fff; color:#24456f; font-size:calc(12px * var(--ui-font-scale,1)); max-width:100%; } #nexahrApp[data-v0-client] .content :is(input:disabled,select:disabled,input:read-only) { background:#f0f3f7; color:#758398; } #nexahrApp[data-v0-client] .content th { background:#f8fafd; color:#355376; font-weight:600; border-bottom:1px solid #dfe5ee; } #nexahrApp[data-v0-client] .content td { border-bottom-color:#edf1f5; color:#355376; } #nexahrApp[data-v0-client] :is(.to58-card,.att60-card,.lv71-card) { padding:22px; margin:16px 0; } #nexahrApp[data-v0-client] :is(.to58-note,.att60-note,.lv71-note) { color:var(--v0-muted); font-size:calc(12px * var(--ui-font-scale,1)); line-height:1.7; margin:8px 0 14px; } #nexahrApp[data-v0-client] .v0-request-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)) minmax(220px,1.1fr); gap:16px; align-items:start; margin:18px 0; } #nexahrApp[data-v0-client] .v0-request-grid label { display:flex; flex-direction:column; gap:8px; font-size:calc(12px * var(--ui-font-scale,1)); font-weight:600; min-width:0; width:100%; } #nexahrApp[data-v0-client] .v0-request-grid label :is(input,select,textarea) { width:100%; min-height:42px; } #nexahrApp[data-v0-client] .v0-request-grid .v0-reason { grid-column:3; grid-row:1 / span 3; } #nexahrApp[data-v0-client] .v0-request-grid .v0-reason textarea { width:100%; min-height:162px; resize:vertical; } #nexahrApp[data-v0-client] .v0-request-grid > button { grid-column:1 / -1; justify-self:end; } #nexahrApp[data-v0-client] .v0-request-summary { border:1px solid #dde6f0; background:#f7faff; border-radius:8px; padding:16px 18px; margin:12px 0; } #nexahrApp[data-v0-client] .v0-request-summary h3 { margin:0 0 8px; } #nexahrApp[data-v0-client] .v0-request-summary p { font-size:calc(12px * var(--ui-font-scale,1)); color:#607995; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; } #nexahrApp[data-v0-client] .v0-time-office-layout { display:grid; grid-template-columns:minmax(0,1fr) 215px; gap:22px; align-items:start; } #nexahrApp[data-v0-client] #to58Body { grid-column:1; grid-row:1; min-width:0; } #nexahrApp[data-v0-client] #to58Confirm { grid-column:1; } #nexahrApp[data-v0-client] .v0-time-office-nav { grid-column:2; grid-row:1 / span 2; display:grid; gap:8px; padding:14px; margin-top:16px; border:1px solid var(--v0-border); border-radius:10px; background:#fff; position:sticky; top:85px; } #nexahrApp[data-v0-client] .v0-time-office-nav button { display:flex; align-items:center; gap:10px; text-align:left; font-size:calc(12px * var(--ui-font-scale,1)); padding:13px 10px; background:#fff !important; color:#5a7292 !important; border:1px solid transparent !important; box-shadow:none; } #nexahrApp[data-v0-client] .v0-time-office-nav button[aria-current=page] { background:#edf4fb !important; border-color:#dce7f4 !important; color:#285b91 !important; } #nexahrApp[data-v0-client] .v0-time-office-nav svg { flex:0 0 21px; width:21px; height:21px; } #nexahrApp[data-v0-client] .v0-weekly-offs { display:flex; gap:9px; flex-wrap:wrap; } #nexahrApp[data-v0-client] .v0-weekly-offs label { display:flex; align-items:center; gap:7px; border:1px solid #dde5ef; background:#f9fbfe; border-radius:7px; padding:10px 12px; margin:0; font-size:calc(12px * var(--ui-font-scale,1)); } #nexahrApp[data-v0-client] input[type=checkbox] { accent-color:#285b91; width:16px; height:16px; } #nexahrApp[data-v0-client] .v0-collapse-button { border:1px solid #ffffff20; background:transparent; color:#b5c5df; border-radius:6px; padding:6px 10px; cursor:pointer; margin-bottom:10px; } @media (min-width:901px) {#nexahrApp[data-v0-client] .sidebar { position:sticky; top:0; height:125vh; overflow:auto; flex:0 0 230px; } #nexahrApp[data-v0-client][data-v0-collapsed] .sidebar { width:72px; flex-basis:72px; padding:14px 8px; } #nexahrApp[data-v0-client][data-v0-collapsed] :is(.brand-panel,.workspace-head-label,.chev,.v0-sidebar-sections,.payroll-sidebar-sections,.pms-sidebar-sections,.sidebar-product-brand,#systemNavigation) { display:none !important; } #nexahrApp[data-v0-client][data-v0-collapsed] :is(.workspace-head,.premium-dashboard-link) { justify-content:center; padding:10px; }} @media (max-width:1100px) {#nexahrApp[data-v0-client] .v0-request-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } #nexahrApp[data-v0-client] .v0-request-grid .v0-reason { grid-column:1 / -1; grid-row:auto; } #nexahrApp[data-v0-client] .v0-time-office-layout { grid-template-columns:minmax(0,1fr) 185px; gap:12px; }} @media (max-width:900px) {#nexahrApp[data-v0-client] .v0-collapse-button { display:none; } #nexahrApp[data-v0-client] .content { padding:20px 16px; } #nexahrApp[data-v0-client] .topbar { padding:10px 16px; }} @media (max-width:640px) {#nexahrApp[data-v0-client] .v0-request-grid { grid-template-columns:1fr; } #nexahrApp[data-v0-client] .v0-request-grid .v0-reason { grid-column:1; } #nexahrApp[data-v0-client] .v0-time-office-layout { display:flex; flex-direction:column; gap:0; } #nexahrApp[data-v0-client] .v0-time-office-nav { position:static; display:flex; overflow:auto; width:100%; margin-bottom:8px; padding:8px; } #nexahrApp[data-v0-client] .v0-time-office-nav button { flex-shrink:0; white-space:nowrap; } #nexahrApp[data-v0-client] #to58Body { width:100%; } #nexahrApp[data-v0-client] .dashboard-greeting { font-size:calc(22px * var(--ui-font-scale,1)); }} @media (prefers-reduced-motion:reduce) {#nexahrApp[data-v0-client] * { transition:none !important; scroll-behavior:auto !important; }} /* Original V0 CSS, scoped to the company workspace. */ #nexahrApp[data-v0-client]{ color-scheme: light; --background: #f5f7fa; --foreground: #1c2738; --card: #ffffff; --card-foreground: #1c2738; --popover: #ffffff; --popover-foreground: #1c2738; --primary: #163d74; --primary-foreground: #ffffff; --secondary: #f1f4f8; --secondary-foreground: #25344a; --muted: #f3f5f8; --muted-foreground: #5f6d80; --accent: #fff1e9; --accent-foreground: #b95223; --destructive: #cf5555; --border: #e7ebf1; --input: #e7ebf1; --ring: #7ca0cb; --radius: 0.7rem; } #nexahrApp[data-v0-client] *{ box-sizing: border-box; } #nexahrApp[data-v0-client]{ min-width: 360px; scroll-behavior: smooth; } #nexahrApp[data-v0-client]{ margin: 0; background: var(--background); color: var(--foreground); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 13px; -webkit-font-smoothing: antialiased; } #nexahrApp[data-v0-client] button,#nexahrApp[data-v0-client] input,#nexahrApp[data-v0-client] select{ font: inherit; } #nexahrApp[data-v0-client] button{ color: inherit; } #nexahrApp[data-v0-client] button:focus-visible,#nexahrApp[data-v0-client] a:focus-visible,#nexahrApp[data-v0-client] input:focus-visible,#nexahrApp[data-v0-client] select:focus-visible{ outline: 3px solid #92b7e8; outline-offset: 2px; } #nexahrApp[data-v0-client] a{ color: inherit; text-decoration: none; } #nexahrApp[data-v0-client] .app-shell{ min-height: 100vh; } #nexahrApp[data-v0-client] .sidebar{ width: 230px; position: fixed; inset: 0 auto 0 0; z-index: 30; background: #111638; color: #dfe5f1; display: flex; flex-direction: column; padding: 14px 14px 13px; } #nexahrApp[data-v0-client] .sidebar-top{ display: flex; align-items: center; justify-content: flex-end; min-height: 16px; padding: 0 4px 5px; } #nexahrApp[data-v0-client] .sidebar-collapse{ width: 28px; height: 28px; display: grid; place-items: center; color: #9eabc3; } #nexahrApp[data-v0-client] .sidebar-collapse:hover{ color: #fff; } #nexahrApp[data-v0-client] .sidebar-close,#nexahrApp[data-v0-client] .mobile-menu{ display: none !important; } #nexahrApp[data-v0-client] .client-switch{ min-height: 61px; display: flex; align-items: center; gap: 9px; padding: 8px; margin-bottom: 14px; border: 1px solid #ffffff1c; border-radius: 9px; background: #ffffff0a; } #nexahrApp[data-v0-client] .client-logo-placeholder{ width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border: 1px dashed #8ca0c6; border-radius: 7px; color: #b9c8e4; font-size: 9px; font-weight: 700; } #nexahrApp[data-v0-client] .client-switch > span:nth-child(2){ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; } #nexahrApp[data-v0-client] .client-switch strong{ color: white; font-size: 10px; line-height: 1.3; font-weight: 600; } #nexahrApp[data-v0-client] .client-switch small{ color: #a9b4cb; font-size: 9px; } #nexahrApp[data-v0-client] .primary-nav{ flex: 1; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #414866 transparent; } #nexahrApp[data-v0-client] .nav-label{ margin: 0 8px 10px; color: #7f8ba7; font-size: 9px; line-height: 13px; font-weight: 700; letter-spacing: 1.15px; } #nexahrApp[data-v0-client] .nav-item{ width: 100%; min-height: 34px; display: flex; align-items: center; gap: 10px; margin: 1px 0; padding: 0 10px; border: 0; border-radius: 7px; background: transparent; color: #c5cddd; text-align: left; font-size: 12px; cursor: pointer; transition: background .16s ease, color .16s ease; } #nexahrApp[data-v0-client] .nav-item > span:nth-child(2){ flex: 1; } #nexahrApp[data-v0-client] .nav-chevron{ margin-left: auto; transition: transform .16s ease; } #nexahrApp[data-v0-client] .nav-chevron-open{ transform: rotate(180deg); } #nexahrApp[data-v0-client] .hris-nav-group{ position: relative; } #nexahrApp[data-v0-client] .hris-submenu{ display: flex; flex-direction: column; gap: 2px; margin: 2px 0 5px 26px; padding-left: 12px; border-left: 1px solid #ffffff24; } #nexahrApp[data-v0-client] .nav-subitem{ min-height: 29px; padding: 0 9px; border: 0; border-radius: 6px; background: transparent; color: #aebbd0; text-align: left; font-size: 11px; cursor: pointer; } #nexahrApp[data-v0-client] .nav-subitem:hover{ background: #ffffff0d; color: #fff; } #nexahrApp[data-v0-client] .nav-subitem-active{ background: #ffffff18; color: #fff; box-shadow: inset 2px 0 #ff8956; } #nexahrApp[data-v0-client] .nav-item:hover{ background: #ffffff0d; color: #fff; } #nexahrApp[data-v0-client] .nav-item-active{ color: #fff; background: #ffffff16; box-shadow: inset 3px 0 #ff8956; } #nexahrApp[data-v0-client] .nav-item-active svg{ color: #ff986e; } #nexahrApp[data-v0-client] .nav-label-lower{ margin-top: 22px; } #nexahrApp[data-v0-client] .sidebar-bottom{ padding-top: 12px; margin-top: auto; } #nexahrApp[data-v0-client] .help-card{ padding: 12px; border: 1px solid #ffffff1b; border-radius: 9px; background: linear-gradient(145deg, #ffffff0a, #ffffff05); } #nexahrApp[data-v0-client] .help-icon{ display: grid; place-items: center; width: 29px; height: 29px; margin-bottom: 10px; border-radius: 8px; color: #ff9b73; background: #ff89561c; } #nexahrApp[data-v0-client] .help-card strong{ color: white; font-size: 11px; } #nexahrApp[data-v0-client] .help-card p{ margin: 5px 0 11px; color: #aab5cc; font-size: 10px; line-height: 1.5; } #nexahrApp[data-v0-client] .help-card button{ display: inline-flex; align-items: center; gap: 5px; padding: 0; border: 0; background: none; color: #ff9d75; font-size: 10px; cursor: pointer; } #nexahrApp[data-v0-client] .sidebar-footer{ display: flex; align-items: center; gap: 7px; padding: 14px 3px 0; color: #8793ad; font-size: 10px; } #nexahrApp[data-v0-client] .online-dot{ width: 6px; height: 6px; background: #5fc18d; border-radius: 50%; box-shadow: 0 0 0 3px #5fc18d1b; } #nexahrApp[data-v0-client] .main-column{ min-height: 100vh; margin-left: 230px; transition: margin-left .2s ease; } #nexahrApp[data-v0-client] .sidebar-collapsed{ width: 72px; padding-right: 9px; padding-left: 9px; } #nexahrApp[data-v0-client] .sidebar-collapsed .sidebar-top{ justify-content: center; padding-right: 0; padding-left: 0; } #nexahrApp[data-v0-client] .sidebar-collapsed .client-switch{ justify-content: center; padding: 7px 0; border-color: transparent; background: transparent; } #nexahrApp[data-v0-client] .sidebar-collapsed .client-switch > span:nth-child(2),#nexahrApp[data-v0-client] .sidebar-collapsed .client-switch > svg,#nexahrApp[data-v0-client] .sidebar-collapsed .nav-item > span,#nexahrApp[data-v0-client] .sidebar-collapsed .sidebar-footer{ display: none; } #nexahrApp[data-v0-client] .sidebar-collapsed .nav-item{ justify-content: center; padding: 0; } #nexahrApp[data-v0-client] .sidebar-collapsed .nav-chevron{ display: none; } #nexahrApp[data-v0-client] .sidebar-collapsed .hris-submenu{ position: absolute; top: 0; left: 54px; z-index: 40; width: 156px; margin: 0; padding: 6px; border: 1px solid #2c3d62; border-radius: 8px; background: #111638; box-shadow: 0 10px 25px #0b102c55; } #nexahrApp[data-v0-client] .sidebar-collapsed .nav-subitem{ display: block; width: 100%; min-height: 32px; } #nexahrApp[data-v0-client] .main-column-collapsed{ margin-left: 72px; } #nexahrApp[data-v0-client] .topbar{ height: 66px; position: sticky; top: 0; z-index: 20; display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 0 32px; border-bottom: 1px solid var(--border); background: #ffffffed; backdrop-filter: blur(14px); } #nexahrApp[data-v0-client] .topbar-left,#nexahrApp[data-v0-client] .breadcrumb,#nexahrApp[data-v0-client] .topbar-actions,#nexahrApp[data-v0-client] .profile-trigger{ display: flex; align-items: center; } #nexahrApp[data-v0-client] .topbar-left{ gap: 14px; } #nexahrApp[data-v0-client] .breadcrumb{ gap: 8px; color: #8490a1; font-size: 11px; } #nexahrApp[data-v0-client] .breadcrumb strong{ color: #36445a; font-weight: 600; } #nexahrApp[data-v0-client] .topbar-actions{ gap: 14px; } #nexahrApp[data-v0-client] .search-box{ width: 244px; height: 35px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #e6eaf0; border-radius: 7px; background: #fafbfd; color: #8995a6; } #nexahrApp[data-v0-client] .search-box input{ min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: #2b384b; font-size: 11px; } #nexahrApp[data-v0-client] .search-box input::placeholder{ color: #9aa4b2; } #nexahrApp[data-v0-client] .search-box kbd{ white-space: nowrap; padding: 2px 4px; border: 1px solid #e3e7ee; border-radius: 4px; color: #97a1b1; font-size: 9px; } #nexahrApp[data-v0-client] .icon-button{ position: relative; width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #65738a; cursor: pointer; } #nexahrApp[data-v0-client] .icon-button:hover,#nexahrApp[data-v0-client] .icon-button-on{ border-color: #e5e9ef; background: #f6f8fb; } #nexahrApp[data-v0-client] .notification-count{ position: absolute; top: -4px; right: -4px; min-width: 16px; height: 16px; display: grid; place-items: center; padding: 0 4px; border: 2px solid white; border-radius: 10px; background: #ef7d4e; color: white; font-size: 8px; font-weight: 700; } #nexahrApp[data-v0-client] .topbar-divider{ width: 1px; height: 26px; background: #e8ebf0; } #nexahrApp[data-v0-client] .profile-trigger{ gap: 9px; border: 0; padding: 0; background: transparent; text-align: left; cursor: pointer; } #nexahrApp[data-v0-client] .user-avatar{ width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border: 2px solid white; border-radius: 50%; background: #e3edf9; color: #254b78; font-size: 11px; font-weight: 700; box-shadow: 0 0 0 1px #dce4ee; } #nexahrApp[data-v0-client] .profile-copy{ display: flex; flex-direction: column; gap: 3px; } #nexahrApp[data-v0-client] .profile-copy strong{ color: #2d394b; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .profile-copy small{ color: #8792a1; font-size: 10px; } #nexahrApp[data-v0-client] .profile-trigger > svg{ color: #8792a1; } #nexahrApp[data-v0-client] .popover-wrap{ position: relative; } #nexahrApp[data-v0-client] .top-popover{ position: absolute; z-index: 50; top: 42px; right: 0; width: 250px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: white; box-shadow: 0 12px 38px #17253c1c; } #nexahrApp[data-v0-client] .popover-heading{ display: flex; justify-content: space-between; align-items: center; } #nexahrApp[data-v0-client] .popover-heading strong{ font-size: 12px; } #nexahrApp[data-v0-client] .popover-heading span{ color: #e47a4e; font-size: 10px; } #nexahrApp[data-v0-client] .top-popover > p{ margin: 10px 0; color: #748197; font-size: 11px; line-height: 1.5; } #nexahrApp[data-v0-client] .top-popover > a{ display: flex; align-items: center; gap: 5px; color: #bf592f; font-size: 11px; } #nexahrApp[data-v0-client] .profile-popover{ width: 220px; padding: 8px; } #nexahrApp[data-v0-client] .profile-popover-head{ display: flex; gap: 9px; align-items: center; padding: 8px 7px 12px; border-bottom: 1px solid #eef0f3; } #nexahrApp[data-v0-client] .profile-popover-head > span:last-child{ display: flex; flex-direction: column; gap: 3px; } #nexahrApp[data-v0-client] .profile-popover-head strong{ font-size: 11px; } #nexahrApp[data-v0-client] .profile-popover-head small{ color: #8190a2; font-size: 10px; } #nexahrApp[data-v0-client] .profile-popover > button{ width: 100%; padding: 9px 8px; border: 0; background: transparent; text-align: left; color: #65738a; font-size: 11px; cursor: pointer; } #nexahrApp[data-v0-client] .profile-popover > button:hover{ background: #f5f7fa; } #nexahrApp[data-v0-client] .heading-title-row{ display: flex; align-items: center; gap: 12px; } #nexahrApp[data-v0-client] .heading-sample{ margin-top: 0; font-size: 9px; white-space: nowrap; } #nexahrApp[data-v0-client] .eyebrow{ display: flex; align-items: center; gap: 7px; color: #8995a6; font-size: 9px; line-height: 14px; font-weight: 700; letter-spacing: 1.05px; } #nexahrApp[data-v0-client] .eyebrow-dot{ width: 6px; height: 6px; border-radius: 50%; background: #ee8658; } #nexahrApp[data-v0-client] .button{ display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 34px; padding: 0 11px; border: 1px solid transparent; border-radius: 6px; font-size: 10px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background .15s ease, transform .15s ease; } #nexahrApp[data-v0-client] .button:active{ transform: translateY(1px); } #nexahrApp[data-v0-client] .button-outline{ border-color: #dce3ec; background: #fff; color: #56657a; } #nexahrApp[data-v0-client] .button-outline:hover{ background: #f8fafc; } #nexahrApp[data-v0-client] .button-primary{ background: #183e70; color: #fff; } #nexahrApp[data-v0-client] .button-primary:hover{ background: #214e88; } #nexahrApp[data-v0-client] .button-count{ display: grid; place-items: center; width: 17px; height: 17px; border-radius: 5px; background: #ffffff25; font-size: 9px; } #nexahrApp[data-v0-client] .delta-down{ color: #d98545; } #nexahrApp[data-v0-client] .panel{ min-width: 0; border: 1px solid var(--border); border-radius: 9px; background: white; box-shadow: 0 2px 4px #16294404; } #nexahrApp[data-v0-client] .panel-heading{ min-height: 59px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 15px; border-bottom: 1px solid #edf0f4; } #nexahrApp[data-v0-client] .panel-heading h2{ margin: 0; color: #29374a; font-size: 12px; font-weight: 650; letter-spacing: -.1px; } #nexahrApp[data-v0-client] .panel-heading p{ margin: 4px 0 0; color: #8792a1; font-size: 10px; } #nexahrApp[data-v0-client] .subtle-link{ display: inline-flex; align-items: center; gap: 5px; padding: 5px 0; border: 0; background: transparent; color: #446b9c; font-size: 10px; cursor: pointer; white-space: nowrap; } #nexahrApp[data-v0-client] .subtle-link:hover,#nexahrApp[data-v0-client] .inline-note-link:hover{ color: #d2673c; } #nexahrApp[data-v0-client] .more-button{ display: grid; place-items: center; width: 28px; height: 28px; border: 0; border-radius: 6px; background: transparent; color: #8b97a7; cursor: pointer; } #nexahrApp[data-v0-client] .more-button:hover{ background: #f3f5f8; } #nexahrApp[data-v0-client] .panel-bottom-note{ min-height: 35px; display: flex; align-items: center; gap: 6px; padding: 0 15px; border-top: 1px solid #edf0f4; color: #8792a1; font-size: 9px; } #nexahrApp[data-v0-client] .live-indicator{ margin-left: auto; display: inline-flex; align-items: center; gap: 4px; color: #31896c; font-size: 9px; } #nexahrApp[data-v0-client] .live-indicator::before{ width: 5px; height: 5px; border-radius: 50%; background: #50b68d; content: ""; } #nexahrApp[data-v0-client] .inline-note-link{ display: inline-flex; align-items: center; gap: 4px; margin-left: auto; border: 0; background: none; color: #52749d; font-size: 9px; cursor: pointer; } #nexahrApp[data-v0-client] .period-button{ display: inline-flex; align-items: center; gap: 7px; height: 27px; padding: 0 8px; border: 1px solid #e8ecf1; border-radius: 5px; background: #fff; color: #6d7a8d; font-size: 9px; cursor: pointer; } #nexahrApp[data-v0-client] .overline{ color: #8792a1; font-size: 8px; font-weight: 700; letter-spacing: .9px; } #nexahrApp[data-v0-client] .payroll-change{ display: inline-flex; align-items: center; gap: 2px; margin-bottom: 3px; color: #388c6f; font-size: 9px; } #nexahrApp[data-v0-client] .step-dot{ width: 6px; height: 6px; border-radius: 50%; background: #4fae85; } #nexahrApp[data-v0-client] .title-with-count{ display: flex; align-items: center; gap: 7px; } #nexahrApp[data-v0-client] .sort-label{ display: flex; align-items: center; gap: 5px; color: #8a95a4; font-size: 9px; } #nexahrApp[data-v0-client] .avatar-blue{ background: #e4effb; color: #3c6f9f; } #nexahrApp[data-v0-client] .avatar-violet{ background: #f0eafa; color: #765b9b; } #nexahrApp[data-v0-client] .avatar-amber{ background: #fbf0dc; color: #a5782d; } #nexahrApp[data-v0-client] .avatar-rose{ background: #f9e9e9; color: #a35f68; } #nexahrApp[data-v0-client] .chevron-open{ transform: rotate(180deg); } #nexahrApp[data-v0-client] .button-decline{ min-height: 28px; border-color: #e8e3e3; background: white; color: #9b5e5e; font-size: 9px; } #nexahrApp[data-v0-client] .button-approve{ min-height: 28px; background: #183e70; color: white; font-size: 9px; } #nexahrApp[data-v0-client] .button-approve:hover{ background: #245188; } #nexahrApp[data-v0-client] .confirm-banner{ display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 9px 14px 10px 58px; background: #fff8f1; color: #8a6342; font-size: 10px; } #nexahrApp[data-v0-client] .confirm-banner > span{ display: flex; align-items: center; gap: 6px; } #nexahrApp[data-v0-client] .confirm-banner > div{ display: flex; gap: 6px; } #nexahrApp[data-v0-client] .confirm-cancel,#nexahrApp[data-v0-client] .confirm-yes{ border: 0; border-radius: 4px; padding: 5px 8px; font-size: 9px; cursor: pointer; } #nexahrApp[data-v0-client] .confirm-cancel{ background: white; color: #66758b; } #nexahrApp[data-v0-client] .confirm-yes{ background: #183e70; color: white; } #nexahrApp[data-v0-client] .announcement-item{ display: flex; gap: 9px; padding: 12px 0; border-bottom: 1px solid #eef1f4; } #nexahrApp[data-v0-client] .announcement-item:last-child{ border-bottom: 0; } #nexahrApp[data-v0-client] .announcement-icon{ width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; background: #fff3eb; color: #d77b4a; } #nexahrApp[data-v0-client] .announcement-1{ background: #eff4fb; color: #6689b3; } #nexahrApp[data-v0-client] .announcement-item > div{ min-width: 0; } #nexahrApp[data-v0-client] .announcement-date{ color: #9aa3af; font-size: 8px; } #nexahrApp[data-v0-client] .announcement-item h3{ margin: 3px 0 3px; color: #445166; font-size: 10px; font-weight: 600; } #nexahrApp[data-v0-client] .announcement-item p{ margin: 0; color: #8792a1; font-size: 9px; line-height: 1.45; } #nexahrApp[data-v0-client] .quick-actions{ margin-top: 14px; } #nexahrApp[data-v0-client] .quick-actions .panel-heading{ min-height: 54px; border: 0; } #nexahrApp[data-v0-client] .quick-action-list{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 0 14px 14px; } #nexahrApp[data-v0-client] .quick-action-list > button{ min-height: 42px; display: flex; align-items: center; gap: 8px; padding: 0 9px; border: 1px solid #e9edf2; border-radius: 6px; background: #fff; color: #65738a; text-align: left; font-size: 9px; cursor: pointer; } #nexahrApp[data-v0-client] .quick-action-list > button:hover{ border-color: #cbd8e8; background: #f8fafc; color: #254e7d; } #nexahrApp[data-v0-client] .quick-action-list > button > span{ width: 25px; height: 25px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 6px; background: #eff4fa; color: #527ba7; } #nexahrApp[data-v0-client] .quick-action-list > button > svg{ margin-left: auto; color: #a0a9b5; } #nexahrApp[data-v0-client] .sample-data-note{ display: flex; align-items: center; gap: 6px; margin-top: 14px; color: #8995a6; font-size: 9px; } #nexahrApp[data-v0-client] .sample-dot{ width: 6px; height: 6px; border-radius: 50%; background: #5a9bce; } #nexahrApp[data-v0-client] .hris-workspace{ margin: -27px -32px 0; } #nexahrApp[data-v0-client] .hris-mode-tabs{ display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 0 32px; border-top: 1px solid #edf0f5; border-bottom: 1px solid #dfe6ef; background: #fff; } #nexahrApp[data-v0-client] .hris-mode-tabs button{ min-height: 34px; padding: 0 14px; border: 0; border-radius: 8px; background: transparent; color: #3d5d86; font-size: 11px; cursor: pointer; } #nexahrApp[data-v0-client] .hris-mode-tabs button.active{ background: #53647c; color: #fff; box-shadow: 0 4px 10px #223a591c; } #nexahrApp[data-v0-client] .hris-subtabs{ display: flex; align-items: center; gap: 26px; min-height: 48px; padding: 0 32px; overflow-x: auto; overflow-y: hidden; border-bottom: 1px solid #dfe6ef; background: #f8fafe; scrollbar-width: none; } #nexahrApp[data-v0-client] .hris-subtabs::-webkit-scrollbar{ display: none; } #nexahrApp[data-v0-client] .hris-subtabs button{ align-self: stretch; position: relative; flex: 0 0 auto; padding: 0; border: 0; background: transparent; color: #37577f; font-size: 11px; cursor: pointer; white-space: nowrap; } #nexahrApp[data-v0-client] .hris-subtabs button.active{ color: #213e68; font-weight: 600; } #nexahrApp[data-v0-client] .hris-subtabs button.active::after{ position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #50698c; content: ""; } #nexahrApp[data-v0-client] .hris-content{ padding: 32px; } #nexahrApp[data-v0-client] .hris-page-heading{ display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; } #nexahrApp[data-v0-client] .hris-page-heading h2{ margin: 8px 0 6px; color: #153d72; font-size: 25px; line-height: 1.15; letter-spacing: -.6px; } #nexahrApp[data-v0-client] .hris-page-heading p{ margin: 0; color: #6d83a2; font-size: 12px; } #nexahrApp[data-v0-client] .hris-section-title{ display: flex; align-items: center; gap: 12px; } #nexahrApp[data-v0-client] .hris-section-title h2{ margin-bottom: 0; } #nexahrApp[data-v0-client] .hris-section-title .sample-data-note{ margin-top: 5px; } #nexahrApp[data-v0-client] .hris-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } #nexahrApp[data-v0-client] .button-secondary{ border-color: #e0e5ed; background: #e8ebf0; color: #24436c; } #nexahrApp[data-v0-client] .button-secondary:hover{ background: #dfe5ed; } #nexahrApp[data-v0-client] .hris-filter-card{ display: grid; grid-template-columns: 174px minmax(220px, 1fr) auto auto; align-items: end; gap: 12px; padding: 22px; margin-bottom: 19px; border: 1px solid #dfe5ed; border-radius: 9px; background: #fff; } #nexahrApp[data-v0-client] .hris-filter-card label{ display: flex; flex-direction: column; gap: 8px; color: #1d3c69; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .hris-filter-card select,#nexahrApp[data-v0-client] .hris-filter-card input{ width: 100%; height: 40px; padding: 0 12px; border: 1px solid #cbd6e5; border-radius: 6px; background: #fff; color: #355376; outline: 0; font-size: 12px; font-weight: 400; } #nexahrApp[data-v0-client] .hris-filter-card input::placeholder{ color: #8796aa; } #nexahrApp[data-v0-client] .hris-search-button{ height: 40px; padding-inline: 20px; } #nexahrApp[data-v0-client] .employee-table-wrap{ max-width: 100%; overflow-x: auto; border: 1px solid #dfe5ee; border-radius: 9px; background: #fff; } #nexahrApp[data-v0-client] .employee-table{ width: 100%; min-width: 1040px; border-collapse: separate; border-spacing: 0; color: #24456f; font-size: 11px; } #nexahrApp[data-v0-client] .employee-table th{ position: sticky; top: 0; z-index: 1; padding: 14px 15px; border-bottom: 1px solid #dce4ef; background: #f8fafd; color: #1d416f; font-size: 10px; font-weight: 600; text-align: left; white-space: nowrap; } #nexahrApp[data-v0-client] .employee-table td{ padding: 15px; border-bottom: 1px solid #edf1f5; white-space: nowrap; } #nexahrApp[data-v0-client] .employee-table tr:last-child td{ border-bottom: 0; } #nexahrApp[data-v0-client] .employee-table td:first-child{ color: #2e5e96; } #nexahrApp[data-v0-client] .employee-table td strong,#nexahrApp[data-v0-client] .employee-table td small{ display: block; } #nexahrApp[data-v0-client] .employee-table td strong{ color: #123a6b; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .employee-table td small{ margin-top: 4px; color: #7287a3; font-size: 10px; } #nexahrApp[data-v0-client] .employee-table td button{ padding: 0; margin-right: 15px; border: 0; background: transparent; color: #1d528d; font-size: 11px; cursor: pointer; } #nexahrApp[data-v0-client] .employee-table td button:hover{ color: #d06740; } #nexahrApp[data-v0-client] .employee-status{ display: inline-flex; padding: 5px 10px; border-radius: 999px; background: #d9f7e5; color: #12804d; font-size: 10px; font-weight: 600; } #nexahrApp[data-v0-client] .employee-empty{ padding: 34px !important; color: #71839a; text-align: center; } #nexahrApp[data-v0-client] .hris-placeholder{ padding: 34px; } #nexahrApp[data-v0-client] .hris-placeholder h2{ margin: 10px 0 7px; color: #183e70; font-size: 22px; } #nexahrApp[data-v0-client] .hris-placeholder p{ max-width: 540px; color: #6d809a; font-size: 12px; line-height: 1.6; } #nexahrApp[data-v0-client] .employee-modal-backdrop{ position: fixed; inset: 0; z-index: 80; overscroll-behavior: contain; display: grid; place-items: center; padding: 24px; background: #0c173366; } #nexahrApp[data-v0-client] .employee-modal{ width: min(980px, 100%); max-height: min(900px, calc(100vh - 48px)); display: flex; flex-direction: column; overflow: hidden; border: 1px solid #d8e1ec; border-radius: 10px; background: #fff; box-shadow: 0 20px 60px #10234438; } #nexahrApp[data-v0-client] .employee-modal-header{ flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; min-height: 62px; padding: 12px 24px; border-bottom: 1px solid #e2e8f0; background: #fff; } #nexahrApp[data-v0-client] .employee-modal-header h2{ margin: 4px 0 0; color: #153d72; font-size: 21px; line-height: 1.2; } #nexahrApp[data-v0-client] .employee-form-body{ flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 24px 20px; scroll-padding-bottom: 20px; } #nexahrApp[data-v0-client] .employee-form-section{ padding: 12px 0; border-bottom: 1px solid #dce4ee; } #nexahrApp[data-v0-client] .employee-form-section:last-child{ border-bottom: 0; } #nexahrApp[data-v0-client] .employee-form-section h3{ margin: 0 0 9px; color: #172e4d; font-size: 14px; font-weight: 650; } #nexahrApp[data-v0-client] .employee-form-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 14px; } #nexahrApp[data-v0-client] .employee-form-field{ min-width: 0; display: flex; flex-direction: column; gap: 4px; color: #112d50; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .employee-form-field input,#nexahrApp[data-v0-client] .employee-form-field select{ width: 100%; height: 42px; box-sizing: border-box; padding: 0 12px; border: 1px solid #cbd6e4; border-radius: 6px; background: #fff; color: #173b67; outline: 0; font: inherit; font-weight: 400; } #nexahrApp[data-v0-client] .employee-form-field input::placeholder{ color: #8897aa; } #nexahrApp[data-v0-client] .employee-form-field select{ appearance: auto; } #nexahrApp[data-v0-client] .employee-form-field input:focus,#nexahrApp[data-v0-client] .employee-form-field select:focus{ border-color: #4d82bd; box-shadow: 0 0 0 2px #4d82bd20; } #nexahrApp[data-v0-client] .locked-field input,#nexahrApp[data-v0-client] .locked-field select,#nexahrApp[data-v0-client] .locked-field select:disabled{ border-color: #d8dee6; background: #eef1f4; color: #7d8794; opacity: 1; cursor: not-allowed; } #nexahrApp[data-v0-client] .employee-form-helper{ max-width: 780px; margin: 10px 0 0; color: #657b98; font-size: 10px; line-height: 1.55; } #nexahrApp[data-v0-client] .employee-modal-footer{ flex: 0 0 auto; display: flex; justify-content: flex-end; gap: 10px; padding: 12px 24px; border-top: 1px solid #dce4ee; background: #fff; } #nexahrApp[data-v0-client] .employee-modal-footer .button{ min-height: 40px; padding-inline: 16px; } #nexahrApp[data-v0-client] .employee-modal-footer .button-secondary{ background: #e8ebf0; } #nexahrApp[data-v0-client] .module-workspace{ display: flex; flex-direction: column; gap: 14px; } #nexahrApp[data-v0-client] .module-overview{ min-height: 136px; display: flex; align-items: center; gap: 16px; padding: 24px; } #nexahrApp[data-v0-client] .module-icon-large{ width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; background: #edf4fb; color: #426e9d; } #nexahrApp[data-v0-client] .module-overview > div:nth-child(2){ flex: 1; } #nexahrApp[data-v0-client] .module-overview h2{ margin: 4px 0; color: #24334a; font-size: 20px; } #nexahrApp[data-v0-client] .module-overview p{ margin: 0; color: #7d899a; font-size: 11px; } #nexahrApp[data-v0-client] .module-columns{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } #nexahrApp[data-v0-client] .module-link-panel{ padding-bottom: 5px; } #nexahrApp[data-v0-client] .module-link{ width: 100%; min-height: 62px; display: flex; align-items: center; gap: 10px; padding: 9px 14px; border: 0; border-bottom: 1px solid #eef1f4; background: white; text-align: left; cursor: pointer; } #nexahrApp[data-v0-client] .module-link:hover{ background: #fbfcfd; } #nexahrApp[data-v0-client] .module-link-icon{ width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 7px; background: #eff4fa; color: #537aa7; } #nexahrApp[data-v0-client] .module-link-admin{ background: #fff3ea; color: #ce794d; } #nexahrApp[data-v0-client] .module-link > span:nth-child(2){ flex: 1; display: flex; flex-direction: column; gap: 4px; } #nexahrApp[data-v0-client] .module-link strong{ color: #47556a; font-size: 10px; font-weight: 600; } #nexahrApp[data-v0-client] .module-link small{ color: #8b96a5; font-size: 9px; } #nexahrApp[data-v0-client] .module-link > svg{ color: #a0a9b5; } #nexahrApp[data-v0-client] .module-note{ display: flex; align-items: center; gap: 8px; padding: 12px 14px; border: 1px solid #e6edf5; border-radius: 8px; background: #f0f5fb; color: #667d98; font-size: 10px; } #nexahrApp[data-v0-client] .sidebar-scrim{ display: none; } @media (min-width: 1600px){#nexahrApp[data-v0-client] .topbar{ padding-right: 42px; padding-left: 42px; }} @media (max-width: 1180px){#nexahrApp[data-v0-client] .sidebar{ width: 218px; } #nexahrApp[data-v0-client] .main-column{ margin-left: 218px; } #nexahrApp[data-v0-client] .topbar{ padding: 0 23px; } #nexahrApp[data-v0-client] .payroll-panel{ grid-column: 1 / -1; } #nexahrApp[data-v0-client] .payroll-panel{ display: grid; grid-template-columns: 1fr 1fr; align-items: center; } #nexahrApp[data-v0-client] .payroll-panel .panel-heading{ grid-column: 1 / -1; }} @media (max-width: 900px){#nexahrApp[data-v0-client] .sidebar{ width: 72px; padding-right: 9px; padding-left: 9px; } #nexahrApp[data-v0-client] .sidebar-top{ justify-content: center; padding-right: 0; padding-left: 0; } #nexahrApp[data-v0-client] .brand-name,#nexahrApp[data-v0-client] .client-switch > span:nth-child(2),#nexahrApp[data-v0-client] .client-switch > svg,#nexahrApp[data-v0-client] .nav-label,#nexahrApp[data-v0-client] .nav-item > span,#nexahrApp[data-v0-client] .help-card,#nexahrApp[data-v0-client] .sidebar-footer{ display: none; } #nexahrApp[data-v0-client] .client-switch{ justify-content: center; padding: 7px 0; border-color: transparent; background: transparent; } #nexahrApp[data-v0-client] .nav-item{ justify-content: center; padding: 0; } #nexahrApp[data-v0-client] .nav-item-active{ box-shadow: inset 3px 0 #ff8956; } #nexahrApp[data-v0-client] .nav-item svg{ flex: 0 0 auto; } #nexahrApp[data-v0-client] .main-column{ margin-left: 72px; } #nexahrApp[data-v0-client] .search-box{ width: 205px; }} @media (max-width: 640px){#nexahrApp[data-v0-client]{ min-width: 360px; } #nexahrApp[data-v0-client] .sidebar{ width: 264px; transform: translateX(-100%); transition: transform .22s ease; box-shadow: 16px 0 40px #101a3325; } #nexahrApp[data-v0-client] .sidebar-open{ transform: translateX(0); } #nexahrApp[data-v0-client] .sidebar-close{ display: grid !important; color: #d6dbea; } #nexahrApp[data-v0-client] .sidebar-top{ justify-content: space-between; padding: 0 8px 19px; } #nexahrApp[data-v0-client] .brand-name{ display: flex; } #nexahrApp[data-v0-client] .client-switch{ justify-content: flex-start; padding: 7px 9px; border-color: #ffffff1c; background: #ffffff0a; } #nexahrApp[data-v0-client] .client-switch > span:nth-child(2){ display: flex; } #nexahrApp[data-v0-client] .client-switch > svg{ display: block; } #nexahrApp[data-v0-client] .nav-label{ display: block; } #nexahrApp[data-v0-client] .nav-item{ justify-content: flex-start; padding: 0 10px; } #nexahrApp[data-v0-client] .nav-item > span{ display: inline; } #nexahrApp[data-v0-client] .nav-item > span:nth-child(2){ flex: 1; } #nexahrApp[data-v0-client] .help-card,#nexahrApp[data-v0-client] .sidebar-footer{ display: block; } #nexahrApp[data-v0-client] .sidebar-footer{ display: flex; } #nexahrApp[data-v0-client] .sidebar-scrim{ position: fixed; inset: 0; z-index: 25; display: block; border: 0; background: #0d173350; } #nexahrApp[data-v0-client] .main-column{ margin-left: 0; } #nexahrApp[data-v0-client] .topbar{ height: 58px; padding: 0 14px; } #nexahrApp[data-v0-client] .mobile-menu{ display: grid !important; width: 32px; height: 32px; border-color: #e7ebf0; } #nexahrApp[data-v0-client] .breadcrumb{ font-size: 10px; } #nexahrApp[data-v0-client] .topbar-left{ gap: 9px; } #nexahrApp[data-v0-client] .topbar-actions{ gap: 6px; } #nexahrApp[data-v0-client] .search-box{ width: 34px; height: 34px; justify-content: center; padding: 0; border-color: transparent; background: transparent; } #nexahrApp[data-v0-client] .search-box input,#nexahrApp[data-v0-client] .search-box kbd{ display: none; } #nexahrApp[data-v0-client] .search-box:focus-within{ position: absolute; left: 10px; right: 150px; z-index: 2; width: auto; justify-content: flex-start; padding: 0 8px; border-color: #dce3ec; background: white; } #nexahrApp[data-v0-client] .search-box:focus-within input{ display: block; } #nexahrApp[data-v0-client] .topbar-divider{ height: 23px; margin: 0 1px; } #nexahrApp[data-v0-client] .profile-copy,#nexahrApp[data-v0-client] .profile-trigger > svg{ display: none; } #nexahrApp[data-v0-client] .profile-trigger{ gap: 0; } #nexahrApp[data-v0-client] .profile-trigger .user-avatar{ width: 31px; height: 31px; } #nexahrApp[data-v0-client] .notification-button{ width: 30px; height: 31px; } #nexahrApp[data-v0-client] .payroll-panel{ grid-column: auto; } #nexahrApp[data-v0-client] .confirm-banner{ align-items: flex-start; flex-direction: column; padding-left: 50px; } #nexahrApp[data-v0-client] .quick-actions{ margin-top: 10px; } #nexahrApp[data-v0-client] .quick-action-list{ grid-template-columns: 1fr 1fr; gap: 7px; padding-right: 10px; padding-left: 10px; } #nexahrApp[data-v0-client] .quick-action-list > button{ font-size: 8px; } #nexahrApp[data-v0-client] .module-overview{ align-items: flex-start; flex-wrap: wrap; padding: 17px; } #nexahrApp[data-v0-client] .module-overview > div:nth-child(2){ min-width: calc(100% - 65px); } #nexahrApp[data-v0-client] .module-overview .button{ margin-left: 64px; } #nexahrApp[data-v0-client] .module-columns{ grid-template-columns: 1fr; gap: 10px; }} @media (max-width: 900px){#nexahrApp[data-v0-client] .hris-workspace{ margin: -23px -23px 0; } #nexahrApp[data-v0-client] .hris-mode-tabs,#nexahrApp[data-v0-client] .hris-subtabs{ padding-right: 23px; padding-left: 23px; } #nexahrApp[data-v0-client] .hris-content{ padding: 24px 23px; } #nexahrApp[data-v0-client] .hris-page-heading{ align-items: flex-start; flex-direction: column; } #nexahrApp[data-v0-client] .hris-actions{ justify-content: flex-start; } #nexahrApp[data-v0-client] .hris-filter-card{ grid-template-columns: 160px minmax(180px, 1fr) auto auto; padding: 16px; }} @media (max-width: 640px){#nexahrApp[data-v0-client] .hris-workspace{ margin: -20px -13px 0; } #nexahrApp[data-v0-client] .hris-mode-tabs,#nexahrApp[data-v0-client] .hris-subtabs{ padding-right: 13px; padding-left: 13px; } #nexahrApp[data-v0-client] .hris-subtabs{ gap: 20px; } #nexahrApp[data-v0-client] .hris-content{ padding: 22px 13px; } #nexahrApp[data-v0-client] .hris-page-heading h2{ font-size: 22px; } #nexahrApp[data-v0-client] .hris-actions{ display: grid; grid-template-columns: 1fr 1fr; width: 100%; } #nexahrApp[data-v0-client] .hris-actions .button{ min-height: 38px; white-space: normal; } #nexahrApp[data-v0-client] .hris-filter-card{ grid-template-columns: 1fr 1fr; } #nexahrApp[data-v0-client] .hris-search-field{ grid-column: 1 / -1; } #nexahrApp[data-v0-client] .hris-search-button{ width: 100%; }} @media (max-width: 760px){#nexahrApp[data-v0-client] .employee-modal-backdrop{ padding: 12px; } #nexahrApp[data-v0-client] .employee-modal{ max-height: calc(100vh - 24px); } #nexahrApp[data-v0-client] .employee-modal-header,#nexahrApp[data-v0-client] .employee-form-body{ padding-right: 16px; padding-left: 16px; } #nexahrApp[data-v0-client] .employee-form-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } #nexahrApp[data-v0-client] .employee-modal-footer{ padding-right: 16px; padding-left: 16px; }} @media (max-width: 480px){#nexahrApp[data-v0-client] .employee-form-grid{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .employee-modal-header h2{ font-size: 19px; } #nexahrApp[data-v0-client] .employee-modal-backdrop{ padding: 0; } #nexahrApp[data-v0-client] .employee-modal{ max-height: 100vh; border-radius: 0; }} @media (prefers-reduced-motion: reduce){#nexahrApp[data-v0-client] *,#nexahrApp[data-v0-client] *::before,#nexahrApp[data-v0-client] *::after{ scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }} #nexahrApp[data-v0-client] .employee-form-field select:disabled{ background: #f4f6f9; color: #8a96a6; cursor: not-allowed; } #nexahrApp[data-v0-client] .picker-listbox{ position: fixed; z-index: 120; max-height: 220px; margin: 0; padding: 4px; overflow-y: auto; list-style: none; border: 1px solid #cbd6e4; border-radius: 6px; background: #fff; box-shadow: 0 10px 28px #10234429; font-size: 13px; } #nexahrApp[data-v0-client] .picker-listbox li{ display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 4px; color: #173b67; cursor: pointer; } #nexahrApp[data-v0-client] .picker-listbox li span{ color: #657b98; font-size: 12px; } #nexahrApp[data-v0-client] .picker-listbox li.picker-option-active{ background: #eaf1fa; } #nexahrApp[data-v0-client] .picker-listbox li.picker-empty{ color: #657b98; cursor: default; } #nexahrApp[data-v0-client] .preview-modal-medium{ width: min(860px, 100%); max-height: min(640px, calc(100vh - 48px)); } #nexahrApp[data-v0-client] .preview-modal-small{ width: min(620px, 100%); max-height: min(560px, calc(100vh - 48px)); } #nexahrApp[data-v0-client] .preview-modal-body{ display: flex; flex-direction: column; gap: 14px; padding-top: 16px; } #nexahrApp[data-v0-client] .preview-modal .button:disabled{ opacity: .5; cursor: not-allowed; } #nexahrApp[data-v0-client] .preview-modal-toolbar{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } #nexahrApp[data-v0-client] .preview-modal-toolbar .button{ min-height: 36px; } #nexahrApp[data-v0-client] .preview-modal-count{ margin-left: auto; color: #5f6d80; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .preview-table-wrap{ overflow-x: auto; border: 1px solid #dfe6ef; border-radius: 8px; } #nexahrApp[data-v0-client] .preview-table{ width: 100%; min-width: 620px; border-collapse: collapse; font-size: 12px; color: #173b67; } #nexahrApp[data-v0-client] .preview-table th{ position: sticky; top: 0; padding: 10px 12px; background: #f3f5f8; color: #5f6d80; font-size: 10px; font-weight: 700; letter-spacing: .4px; text-align: left; text-transform: uppercase; } #nexahrApp[data-v0-client] .preview-table td{ padding: 10px 12px; border-top: 1px solid #edf0f5; } #nexahrApp[data-v0-client] .preview-table tr.selected td{ background: #f1f6fc; } #nexahrApp[data-v0-client] .preview-table input[type="checkbox"]{ width: 16px; height: 16px; accent-color: #163d74; cursor: pointer; } #nexahrApp[data-v0-client] .preview-upload-row{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; } #nexahrApp[data-v0-client] .preview-file-field{ flex: 1 1 280px; } #nexahrApp[data-v0-client] .preview-file-field input[type="file"]{ padding: 0 8px; line-height: 40px; cursor: pointer; } #nexahrApp[data-v0-client] .preview-file-field input[type="file"]::file-selector-button{ margin-right: 10px; padding: 6px 12px; border: 0; border-radius: 5px; background: #e8ebf0; color: #163d74; font: inherit; font-weight: 600; cursor: pointer; } #nexahrApp[data-v0-client] .preview-upload-row > .button{ min-height: 42px; } #nexahrApp[data-v0-client] .preview-field-error{ color: #b42318; font-size: 11px; font-weight: 500; } #nexahrApp[data-v0-client] .preview-demo{ display: flex; flex-direction: column; gap: 12px; padding: 14px; border: 1px dashed #c6d2e1; border-radius: 8px; background: #f8fafc; } #nexahrApp[data-v0-client] .preview-demo-heading{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } #nexahrApp[data-v0-client] .preview-demo-heading h3{ margin: 0; color: #153d72; font-size: 14px; } #nexahrApp[data-v0-client] .preview-demo-heading .sample-data-note{ margin-top: 0; } #nexahrApp[data-v0-client] .preview-demo-summary{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; } #nexahrApp[data-v0-client] .preview-demo-summary div{ min-width: 0; } #nexahrApp[data-v0-client] .preview-demo-summary dt{ color: #5f6d80; font-size: 10px; font-weight: 700; text-transform: uppercase; } #nexahrApp[data-v0-client] .preview-demo-summary dd{ margin: 2px 0 0; overflow: hidden; color: #173b67; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } #nexahrApp[data-v0-client] .preview-demo .button{ min-height: 36px; } #nexahrApp[data-v0-client] .preview-modal .employee-modal-footer{ align-items: center; } #nexahrApp[data-v0-client] .preview-modal-notice{ flex: 1 1 auto; margin: 0; color: #5f6d80; font-size: 11px; font-weight: 600; } @media (max-width: 560px){#nexahrApp[data-v0-client] .preview-demo-summary{ grid-template-columns: repeat(2, minmax(0, 1fr)); } #nexahrApp[data-v0-client] .preview-modal .employee-modal-footer{ flex-wrap: wrap; } #nexahrApp[data-v0-client] .preview-modal-notice{ flex-basis: 100%; }} #nexahrApp[data-v0-client] .upload-errors{ display: flex; flex-direction: column; gap: 10px; padding: 12px 14px; border: 1px solid #f3c4bf; border-radius: 8px; background: #fef6f5; } #nexahrApp[data-v0-client] .upload-errors-heading{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } #nexahrApp[data-v0-client] .upload-errors-heading h3{ margin: 0; color: #b42318; font-size: 13px; } #nexahrApp[data-v0-client] .upload-errors-list{ display: flex; flex-direction: column; gap: 6px; max-height: 160px; margin: 0; padding: 0; overflow-y: auto; list-style: none; color: #44546a; font-size: 12px; } #nexahrApp[data-v0-client] .upload-errors-list li{ display: flex; gap: 10px; } #nexahrApp[data-v0-client] .upload-errors-row{ flex: 0 0 56px; color: #b42318; font-weight: 600; } #nexahrApp[data-v0-client] .preview-file-field input:disabled{ opacity: .6; cursor: not-allowed; } #nexahrApp[data-v0-client] .employee-form-error{ margin: 14px 0 0; padding: 10px 12px; border: 1px solid #f3c4bf; border-radius: 6px; background: #fef6f5; color: #b42318; } #nexahrApp[data-v0-client] .employee-form-field input[aria-invalid="true"],#nexahrApp[data-v0-client] .employee-form-field select[aria-invalid="true"]{ border-color: #d92d20; box-shadow: 0 0 0 2px #d92d201a; } #nexahrApp[data-v0-client] .employee-page-message{ margin: 0 0 16px; } #nexahrApp[data-v0-client] .employee-status-inactive{ background: #eef1f4; color: #5b6878; } #nexahrApp[data-v0-client] .employee-status-resigned{ background: #fdecea; color: #b42318; } #nexahrApp[data-v0-client] .employee-history-modal{ width: min(640px, 100%); } #nexahrApp[data-v0-client] .employee-history-modal .employee-form-body{ padding-top: 8px; } #nexahrApp[data-v0-client] .myhris{ display: flex; flex-direction: column; gap: 16px; } #nexahrApp[data-v0-client] .myhris .hris-page-heading{ margin-bottom: 0; } #nexahrApp[data-v0-client] .myhris-notice{ padding: 10px 14px; border: 1px solid #dfe5ee; border-radius: 8px; background: #f8fafe; } #nexahrApp[data-v0-client] .myhris-card{ display: flex; flex-direction: column; gap: 14px; padding: 20px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .myhris-card-head{ display: flex; align-items: center; justify-content: space-between; gap: 12px; } #nexahrApp[data-v0-client] .myhris-card-head h3,#nexahrApp[data-v0-client] .myhris-section-title{ margin: 0; color: #153d72; font-size: 14px; font-weight: 600; } #nexahrApp[data-v0-client] .myhris-section-title{ margin-top: 4px; } #nexahrApp[data-v0-client] .myhris-detail-grid{ display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px 20px; margin: 0; } #nexahrApp[data-v0-client] .myhris-detail{ display: flex; flex-direction: column; gap: 4px; min-width: 0; } #nexahrApp[data-v0-client] .myhris-detail dt{ color: #6d83a2; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .myhris-detail dd{ margin: 0; min-height: 38px; display: flex; align-items: center; padding: 0 12px; border: 1px solid #e6ebf2; border-radius: 6px; background: #f8fafc; color: #173b67; font-size: 13px; overflow-wrap: anywhere; } #nexahrApp[data-v0-client] .myhris-profile-layout{ display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; align-items: start; } #nexahrApp[data-v0-client] .myhris-photo-card{ align-items: center; text-align: center; } #nexahrApp[data-v0-client] .myhris-photo-card .employee-form-field{ width: 100%; text-align: left; } #nexahrApp[data-v0-client] .myhris-photo-card input[type="file"],#nexahrApp[data-v0-client] .myhris-upload-grid input[type="file"]{ padding: 9px 10px; font-size: 12px; } #nexahrApp[data-v0-client] .myhris-photo{ width: 96px; height: 96px; border-radius: 50%; object-fit: cover; } #nexahrApp[data-v0-client] .myhris-photo-placeholder{ display: grid; place-items: center; background: #e8eef7; color: #2b4f7e; font-size: 34px; font-weight: 600; } #nexahrApp[data-v0-client] .myhris-photo-name{ color: #153d72; font-size: 15px; } #nexahrApp[data-v0-client] .myhris-photo-code{ margin-top: -10px; color: #6d83a2; font-size: 12px; } #nexahrApp[data-v0-client] .myhris-full{ width: 100%; } #nexahrApp[data-v0-client] .myhris-form-actions{ display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; } #nexahrApp[data-v0-client] .myhris-upload-grid{ display: grid; grid-template-columns: 220px minmax(200px, 1fr) minmax(220px, 1fr) auto; gap: 14px; align-items: end; } #nexahrApp[data-v0-client] .myhris-upload-button{ height: 42px; } #nexahrApp[data-v0-client] .myhris-wrap{ white-space: normal; max-width: 340px; } #nexahrApp[data-v0-client] .employee-table td button.myhris-danger{ color: #b42318; } #nexahrApp[data-v0-client] .myhris-danger-button{ background: #b42318; border-color: #b42318; } #nexahrApp[data-v0-client] .myhris-status-pending{ background: #fff4e0; color: #8a5a00; } #nexahrApp[data-v0-client] .myhris-status-approved{ background: #e6f5ec; color: #1d6b3f; } #nexahrApp[data-v0-client] .myhris-status-rejected{ background: #fdecea; color: #b42318; } #nexahrApp[data-v0-client] .myhris-confirm{ max-width: 440px; height: auto; } #nexahrApp[data-v0-client] .myhris-confirm-body{ padding: 16px 24px; color: #3d5d86; font-size: 13px; } #nexahrApp[data-v0-client] .org-toolbar{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; } #nexahrApp[data-v0-client] .org-toolbar-left,#nexahrApp[data-v0-client] .org-toolbar-right{ display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } #nexahrApp[data-v0-client] .org-badge{ padding: 6px 12px; border-radius: 999px; background: #e8eef7; color: #24436c; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .org-badge-count{ background: #f1f4f8; color: #53647c; } #nexahrApp[data-v0-client] .org-search{ width: 300px; max-width: 100%; height: 40px; padding: 0 12px; border: 1px solid #cbd6e4; border-radius: 6px; color: #173b67; font: inherit; font-size: 12px; outline: 0; } #nexahrApp[data-v0-client] .org-search:focus{ border-color: #4d82bd; box-shadow: 0 0 0 2px #4d82bd20; } #nexahrApp[data-v0-client] .org-tabs{ display: flex; gap: 22px; border-bottom: 1px solid #dfe6ef; } #nexahrApp[data-v0-client] .org-tabs button{ position: relative; padding: 0 0 10px; border: 0; background: transparent; color: #37577f; font-size: 12px; cursor: pointer; } #nexahrApp[data-v0-client] .org-tabs button.active{ color: #213e68; font-weight: 600; } #nexahrApp[data-v0-client] .org-tabs button.active::after{ position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #50698c; content: ""; } #nexahrApp[data-v0-client] .org-panel{ border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .org-panel > .employee-table-wrap{ border: 0; } #nexahrApp[data-v0-client] .org-chart{ overflow-x: auto; padding: 28px 20px; } #nexahrApp[data-v0-client] .org-tree,#nexahrApp[data-v0-client] .org-tree ul{ display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; } #nexahrApp[data-v0-client] .org-tree ul{ position: relative; padding-top: 24px; } #nexahrApp[data-v0-client] .org-tree li{ position: relative; display: flex; flex-direction: column; align-items: center; padding: 24px 10px 0; } #nexahrApp[data-v0-client] .org-tree > li{ padding-top: 0; } #nexahrApp[data-v0-client] .org-tree ul::before{ position: absolute; top: 0; left: 50%; height: 24px; border-left: 1px solid #b8c6d8; content: ""; } #nexahrApp[data-v0-client] .org-tree ul > li::before{ position: absolute; top: 0; left: 50%; height: 24px; border-left: 1px solid #b8c6d8; content: ""; } #nexahrApp[data-v0-client] .org-tree ul > li::after{ position: absolute; top: 0; right: 0; left: 0; border-top: 1px solid #b8c6d8; content: ""; } #nexahrApp[data-v0-client] .org-tree ul > li:first-child::after{ left: 50%; } #nexahrApp[data-v0-client] .org-tree ul > li:last-child::after{ right: 50%; } #nexahrApp[data-v0-client] .org-tree ul > li:only-child::after{ display: none; } #nexahrApp[data-v0-client] .org-tree ul:has(> li){ padding-top: 0; } #nexahrApp[data-v0-client] .org-node{ display: flex; align-items: center; gap: 10px; min-width: 190px; padding: 10px 14px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; box-shadow: 0 2px 6px #223a5910; text-align: left; } #nexahrApp[data-v0-client] .org-node strong,#nexahrApp[data-v0-client] .org-node small{ display: block; } #nexahrApp[data-v0-client] .org-node strong{ color: #153d72; font-size: 12px; } #nexahrApp[data-v0-client] .org-node small{ color: #6d83a2; font-size: 11px; } #nexahrApp[data-v0-client] .org-node-avatar{ display: grid; place-items: center; width: 34px; height: 34px; flex: 0 0 34px; border-radius: 50%; background: #e8eef7; color: #2b4f7e; font-size: 12px; font-weight: 600; } #nexahrApp[data-v0-client] .org-node-match{ border-color: #4d82bd; box-shadow: 0 0 0 2px #4d82bd25; } #nexahrApp[data-v0-client] .org-node-dim{ opacity: .45; } @media (max-width: 900px){#nexahrApp[data-v0-client] .myhris-profile-layout{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .myhris-upload-grid{ grid-template-columns: 1fr 1fr; }} @media (max-width: 560px){#nexahrApp[data-v0-client] .myhris-upload-grid{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .org-search{ width: 100%; } #nexahrApp[data-v0-client] .org-toolbar-right{ width: 100%; }} #nexahrApp[data-v0-client] .mhris-filter-bar{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 19px; } #nexahrApp[data-v0-client] .mhris-filter-field{ display: flex; flex: 0 1 340px; flex-direction: column; gap: 8px; color: #1d3c69; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .mhris-filter-narrow{ flex-basis: 200px; } #nexahrApp[data-v0-client] .mhris-filter-field select{ width: 100%; height: 40px; padding: 0 12px; border: 1px solid #cbd6e5; border-radius: 6px; background: #fff; color: #355376; font-size: 12px; font-weight: 400; } #nexahrApp[data-v0-client] .mhris-filter-bar .button{ height: 40px; padding-inline: 20px; } #nexahrApp[data-v0-client] .mhris-actions{ white-space: nowrap; } #nexahrApp[data-v0-client] .mhris-change-list{ display: flex; flex-direction: column; gap: 4px; line-height: 1.5; } #nexahrApp[data-v0-client] .mhris-change-list b{ color: #153d72; font-weight: 600; } #nexahrApp[data-v0-client] .mhris-review-body{ display: flex; flex-direction: column; gap: 12px; } #nexahrApp[data-v0-client] .mhris-review-body label{ display: flex; flex-direction: column; gap: 6px; color: #1d3c69; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .mhris-review-body textarea{ width: 100%; padding: 10px 12px; border: 1px solid #cbd6e5; border-radius: 6px; color: #355376; font: inherit; font-size: 12px; font-weight: 400; resize: vertical; } #nexahrApp[data-v0-client] .mhris-review-body b{ color: #b42318; } #nexahrApp[data-v0-client] .preview-file-label{ display: block; color: #1d3c69; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .preview-file-control{ display: flex; align-items: center; gap: 8px; min-width: 0; height: 42px; } #nexahrApp[data-v0-client] .preview-file-input{ position: absolute !important; width: 1px !important; height: 1px !important; min-width: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap; } #nexahrApp[data-v0-client] .preview-file-input:focus-visible + .preview-choose-file{ outline: 2px solid #4d82bd; outline-offset: 2px; } #nexahrApp[data-v0-client] #hrisDocumentsPage{ overflow-x: hidden; } #nexahrApp[data-v0-client] #hrisDocumentsPage .document-grid{ align-items: start; grid-template-columns: minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,1.5fr); grid-template-rows: auto auto auto; } #nexahrApp[data-v0-client] #hrisDocumentsPage .form-group{ display: grid; grid-template-rows: subgrid; grid-row: span 3; min-width: 0; align-content: start; } #nexahrApp[data-v0-client] #hrisDocumentsPage .form-group > label,#nexahrApp[data-v0-client] #hrisDocumentsPage .preview-file-label{ display: block; margin: 0 0 7px; line-height: 18px; } #nexahrApp[data-v0-client] #hrisDocumentsPage select,#nexahrApp[data-v0-client] #hrisDocumentsPage input[type=text]{ height: 40px; min-height: 40px; box-sizing: border-box; } #nexahrApp[data-v0-client] #hrisDocumentsPage .my-document-actions{ display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; } #nexahrApp[data-v0-client] #hrisDocumentsPage .my-document-file-group .logo-upload-note{ margin-top: 8px; } #nexahrApp[data-v0-client] #hrisDocumentsPage .preview-choose-file{ box-sizing: border-box; height: 40px; min-height: 40px; margin: 0; padding: 0 14px; border-radius: 8px; } #nexahrApp[data-v0-client] #hrisDocumentsPage .preview-choose-file svg{ width: 16px; height: 16px; } #nexahrApp[data-v0-client] #hrisDocumentsPage .my-document-filename{ flex: 1 1 140px; min-width: 0; color: #5f6d80; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; word-break: break-word; } #nexahrApp[data-v0-client] #hrisDocumentsPage #myDocumentUploadButton{ box-sizing: border-box; height: 40px; min-height: 40px; margin: 0; } @media (max-width: 900px){#nexahrApp[data-v0-client] #hrisDocumentsPage .document-grid{ grid-template-columns: 1fr; }} #nexahrApp[data-v0-client] .preview-choose-file{ display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; height: 42px; cursor: pointer; } #nexahrApp[data-v0-client] .preview-choose-file.is-disabled{ opacity: .55; pointer-events: none; } #nexahrApp[data-v0-client] .preview-file-name{ min-width: 0; overflow: hidden; color: #5f6d80; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } #nexahrApp[data-v0-client] .preview-template-button{ flex: 0 0 auto; height: 42px; align-self: end; white-space: nowrap; } #nexahrApp[data-v0-client] .preview-upload-row{ align-items: flex-end; gap: 12px; } #nexahrApp[data-v0-client] .mhris-toolbar{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 0 0 12px; padding: 0; } #nexahrApp[data-v0-client] .mhris-toolbar .mhris-filter-field{ flex: 0 1 260px; margin: 0; } #nexahrApp[data-v0-client] .mhris-toolbar .mhris-filter-narrow{ flex-basis: 180px; } #nexahrApp[data-v0-client] .mhris-toolbar .button{ height: 40px; } #nexahrApp[data-v0-client] .mhris-toolbar + .employee-table-wrap{ margin-top: 0; } @media (max-width: 560px){#nexahrApp[data-v0-client] .preview-upload-row{ align-items: stretch; flex-direction: column; } #nexahrApp[data-v0-client] .preview-template-button{ align-self: stretch; } #nexahrApp[data-v0-client] .preview-file-control{ width: 100%; } #nexahrApp[data-v0-client] .mhris-toolbar .mhris-filter-field{ flex-basis: 100%; }} #nexahrApp[data-v0-client] .leave-attendance-workspace{ display: flex; flex-direction: column; gap: 16px; } #nexahrApp[data-v0-client] .leave-attendance-tabs{ display: flex; flex-wrap: wrap; gap: 22px; border-bottom: 1px solid #dfe6ef; } #nexahrApp[data-v0-client] .leave-attendance-tabs button{ position: relative; padding: 0 0 10px; border: 0; background: transparent; color: #37577f; font-size: 12px; cursor: pointer; } #nexahrApp[data-v0-client] .leave-attendance-tabs button.active{ color: #213e68; font-weight: 600; } #nexahrApp[data-v0-client] .leave-attendance-tabs button.active::after{ position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: #50698c; content: ""; } #nexahrApp[data-v0-client] .leave-attendance-panel{ display: flex; flex-direction: column; gap: 16px; } #nexahrApp[data-v0-client] .leave-attendance-heading{ margin-bottom: 0; } #nexahrApp[data-v0-client] .leave-attendance-empty{ display: flex; min-height: 180px; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; color: #6d83a2; font-size: 12px; } #nexahrApp[data-v0-client] .leave-attendance-empty strong{ color: #153d72; font-size: 14px; } @media (max-width: 700px){#nexahrApp[data-v0-client] .leave-attendance-tabs{ gap: 14px; }} #nexahrApp[data-v0-client] .client-access-page{ display: flex; flex-direction: column; gap: 16px; color: #173b67; } #nexahrApp[data-v0-client] .client-access-heading{ display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; } #nexahrApp[data-v0-client] .client-access-heading h2{ margin: 6px 0 0; color: #153d72; font-size: 24px; } #nexahrApp[data-v0-client] .client-access-toolbar{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; } #nexahrApp[data-v0-client] .client-access-toolbar label,#nexahrApp[data-v0-client] .client-access-card label{ display: flex; flex-direction: column; gap: 6px; color: #1d3c69; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .client-access-toolbar label{ flex: 0 1 260px; } #nexahrApp[data-v0-client] .client-access-toolbar .client-access-search{ flex-basis: 300px; } #nexahrApp[data-v0-client] .client-access-toolbar select,#nexahrApp[data-v0-client] .client-access-toolbar input,#nexahrApp[data-v0-client] .client-access-card select,#nexahrApp[data-v0-client] .client-access-card input{ height: 40px; min-width: 0; padding: 0 12px; border: 1px solid #cbd6e5; border-radius: 6px; background: #fff; color: #355376; font: inherit; font-size: 12px; } #nexahrApp[data-v0-client] .client-access-toolbar .button{ height: 40px; } #nexahrApp[data-v0-client] .client-access-table-wrap{ overflow-x: auto; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .client-access-table{ width: 100%; min-width: 850px; border-collapse: collapse; font-size: 12px; } #nexahrApp[data-v0-client] .client-access-table th,#nexahrApp[data-v0-client] .client-access-table td{ padding: 13px 14px; border-bottom: 1px solid #edf1f6; text-align: left; vertical-align: middle; } #nexahrApp[data-v0-client] .client-access-table th{ color: #6d83a2; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } #nexahrApp[data-v0-client] .client-access-table td{ color: #355376; } #nexahrApp[data-v0-client] .client-access-table td strong,#nexahrApp[data-v0-client] .client-access-table td small{ display: block; } #nexahrApp[data-v0-client] .client-access-table td strong{ color: #153d72; } #nexahrApp[data-v0-client] .client-access-table td small{ margin-top: 4px; color: #7890ad; font-size: 11px; } #nexahrApp[data-v0-client] .client-access-table tr:last-child td{ border-bottom: 0; } #nexahrApp[data-v0-client] .client-access-card{ display: flex; flex-direction: column; gap: 14px; padding: 18px 20px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .client-access-card h3{ margin: 0; color: #153d72; font-size: 15px; } #nexahrApp[data-v0-client] .client-access-form{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } #nexahrApp[data-v0-client] .client-access-card form{ display: flex; flex-direction: column; gap: 14px; } #nexahrApp[data-v0-client] .client-access-actions{ display: flex; flex-wrap: wrap; gap: 8px; } #nexahrApp[data-v0-client] .client-access-badge{ display: inline-flex; padding: 5px 8px; border-radius: 999px; background: #fff4da; color: #9a640b; font-size: 11px; font-weight: 600; } #nexahrApp[data-v0-client] .client-access-empty{ padding: 32px !important; color: #7890ad !important; text-align: center !important; } #nexahrApp[data-v0-client] .client-access-error{ padding: 10px 14px; border: 1px solid #f3c4bf; border-radius: 8px; background: #fef6f5; color: #b42318; font-size: 12px; } @media (max-width: 800px){#nexahrApp[data-v0-client] .client-access-heading{ align-items: flex-start; flex-direction: column; } #nexahrApp[data-v0-client] .client-access-form{ grid-template-columns: repeat(2, minmax(0, 1fr)); }} @media (max-width: 560px){#nexahrApp[data-v0-client] .client-access-form{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .client-access-toolbar label,#nexahrApp[data-v0-client] .client-access-toolbar .client-access-search{ flex-basis: 100%; }} #nexahrApp[data-v0-client] .leave-nav-group .hris-submenu{ padding-top: 2px; } #nexahrApp[data-v0-client] .leave-nav-group .nav-subitem{ white-space: nowrap; } #nexahrApp[data-v0-client] .leave-attendance-workspace{ gap: 12px; } #nexahrApp[data-v0-client] .leave-attendance-panel{ gap: 12px; } #nexahrApp[data-v0-client] .leave-attendance-tabs{ gap: 20px; } #nexahrApp[data-v0-client] .leave-attendance-nested-tabs{ margin-top: -4px; padding: 8px 12px 0; border: 1px solid #dfe6ef; border-radius: 7px 7px 0 0; background: #fbfcfe; } #nexahrApp[data-v0-client] .leave-attendance-empty{ min-height: 150px; } #nexahrApp[data-v0-client] .leave-attendance-screen{ display: flex; min-height: 360px; align-items: flex-start; padding: 24px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .leave-attendance-screen h3{ margin: 0; color: #153d72; font-size: 16px; font-weight: 600; } #nexahrApp[data-v0-client] .time-office-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 286px; gap: 18px; align-items: start; } #nexahrApp[data-v0-client] .time-office-main{ min-width: 0; } #nexahrApp[data-v0-client] .time-office-menu{ display: flex; flex-direction: column; gap: 18px; padding: 16px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; } #nexahrApp[data-v0-client] .time-office-group{ display: flex; flex-direction: column; gap: 3px; } #nexahrApp[data-v0-client] .time-office-group h3{ margin: 0 0 6px; color: #6d83a2; font-size: 10px; font-weight: 700; letter-spacing: .06em; } #nexahrApp[data-v0-client] .time-office-group button{ padding: 9px 10px; border: 0; border-radius: 6px; background: transparent; color: #355376; font: inherit; font-size: 12px; line-height: 1.35; text-align: left; cursor: pointer; } #nexahrApp[data-v0-client] .time-office-group button:hover,#nexahrApp[data-v0-client] .time-office-group button.active{ background: #edf3fa; color: #153d72; font-weight: 600; } @media (max-width: 700px){#nexahrApp[data-v0-client] .time-office-layout{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .time-office-menu{ order: -1; } #nexahrApp[data-v0-client] .leave-attendance-screen{ min-height: 240px; }} #nexahrApp[data-v0-client] .time-office-layout{ grid-template-columns: minmax(0, 1fr) 258px; gap: 20px; } #nexahrApp[data-v0-client] .time-office-menu{ gap: 12px; padding: 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; } #nexahrApp[data-v0-client] .time-office-group{ gap: 4px; padding: 12px 8px 8px; border: 1px solid #dfe5ee; border-radius: 10px; background: #fff; box-shadow: 0 3px 10px rgba(21, 61, 114, .07); } #nexahrApp[data-v0-client] .time-office-group h3{ margin: 0 2px 6px; padding: 0 8px 7px; border-bottom: 1px solid #edf1f6; color: #6d83a2; font-size: 10px; line-height: 1.2; letter-spacing: .07em; } #nexahrApp[data-v0-client] .time-office-group button{ display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 40px; padding: 8px 8px 8px 10px; border-left: 3px solid transparent; color: #355376; font-size: 11px; line-height: 1.35; transition: background-color .15s ease, color .15s ease, border-color .15s ease; } #nexahrApp[data-v0-client] .time-office-group button:hover{ background: #f4f8fc; color: #153d72; } #nexahrApp[data-v0-client] .time-office-group button:focus-visible{ outline: 2px solid #4d82bd; outline-offset: 1px; } #nexahrApp[data-v0-client] .time-office-group button.active{ border-left-color: #4d82bd; background: #eaf3fc; color: #153d72; font-weight: 600; } #nexahrApp[data-v0-client] .time-office-option-content{ display: flex; min-width: 0; align-items: center; gap: 9px; } #nexahrApp[data-v0-client] .time-office-option-content svg{ flex: 0 0 auto; color: #5c7fa7; } #nexahrApp[data-v0-client] .time-office-group button.active .time-office-option-content svg{ color: #245b91; } #nexahrApp[data-v0-client] .time-office-group button > svg{ flex: 0 0 auto; color: #8aa0ba; } #nexahrApp[data-v0-client] .time-office-group button.active > svg{ color: #4d82bd; } @media (max-width: 700px){#nexahrApp[data-v0-client] .time-office-layout{ grid-template-columns: 1fr; } #nexahrApp[data-v0-client] .time-office-menu{ order: -1; padding: 0; }} #nexahrApp[data-v0-client] .leave-attendance-screen{ min-height: 0; padding: 18px 20px; } #nexahrApp[data-v0-client] .time-office-menu{ gap: 8px; padding: 0; } #nexahrApp[data-v0-client] .time-office-group{ gap: 2px; padding: 8px 6px 6px; } #nexahrApp[data-v0-client] .time-office-group h3{ margin-bottom: 3px; padding-bottom: 5px; } #nexahrApp[data-v0-client] .time-office-group button{ min-height: 34px; padding-top: 6px; padding-bottom: 6px; } #nexahrApp[data-v0-client] .time-office-option-content{ gap: 7px; } #nexahrApp[data-v0-client] .la-screen{ display: grid; gap: 14px; min-width: 0; } #nexahrApp[data-v0-client] .la-toolbar,#nexahrApp[data-v0-client] .la-actions{ display: flex; flex-wrap: wrap; align-items: end; gap: 8px; } #nexahrApp[data-v0-client] .la-card{ background: var(--card-bg, #fff); border: 1px solid var(--border, #dce5ef); border-radius: 12px; padding: 16px; min-width: 0; } #nexahrApp[data-v0-client] .la-card h3,#nexahrApp[data-v0-client] .la-card h4{ margin-top: 0; } #nexahrApp[data-v0-client] .la-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; } #nexahrApp[data-v0-client] .la-balance strong{ display: block; font-size: 28px; color: var(--brand-primary, #193b61); margin: 10px 0; } #nexahrApp[data-v0-client] .la-balance small{ font-size: 13px; } #nexahrApp[data-v0-client] .la-form-grid{ display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; align-items: end; } #nexahrApp[data-v0-client] .la-field{ display: grid; gap: 6px; min-width: 0; font-size: 13px; } #nexahrApp[data-v0-client] .la-field input,#nexahrApp[data-v0-client] .la-field select,#nexahrApp[data-v0-client] .la-field textarea{ width: 100%; box-sizing: border-box; min-height: 38px; padding: 8px 10px; border: 1px solid #cbd8e5; border-radius: 7px; background: var(--background, #fff); color: var(--foreground, #1d2d44); } #nexahrApp[data-v0-client] .la-field textarea{ min-height: 76px; resize: vertical; } #nexahrApp[data-v0-client] .la-table-wrap{ overflow-x: auto; } #nexahrApp[data-v0-client] .la-table-wrap table{ width: 100%; min-width: 600px; border-collapse: collapse; } #nexahrApp[data-v0-client] .la-table-wrap th,#nexahrApp[data-v0-client] .la-table-wrap td{ text-align: left; padding: 9px; border-bottom: 1px solid #e4ebf2; vertical-align: top; } #nexahrApp[data-v0-client] .la-table-wrap input,#nexahrApp[data-v0-client] .la-table-wrap select{ max-width: 150px; } #nexahrApp[data-v0-client] .la-review{ border-top: 1px solid #dce5ef; margin-top: 14px; padding-top: 14px; } #nexahrApp[data-v0-client] .la-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e3eaf1} #nexahrApp[data-v0-client] .la-form-footer .btn-secondary{border:1px solid #9fb2c8;background:#fff;color:#355376} #nexahrApp[data-v0-client] .la-form-footer .btn-primary{background:#245b91;color:#fff} #nexahrApp[data-v0-client] .la-field-error{margin:10px 0 0;color:#a33b3b;font-size:12px} #nexahrApp[data-v0-client] .la-check-list{display:grid;gap:7px} #nexahrApp[data-v0-client] .la-check-list label{display:flex;align-items:center;gap:7px;font-size:12px} #nexahrApp[data-v0-client] .la-notice{ padding: 10px 12px; border-radius: 8px; background: #edf4fc; color: #183d66; margin: 0; } #nexahrApp[data-v0-client] .la-calendar{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; } #nexahrApp[data-v0-client] .la-calendar b{ padding: 7px; text-align: center; background: #edf2f7; } #nexahrApp[data-v0-client] .la-calendar button{ min-height: 64px; border: 1px solid #dbe3ec; border-radius: 6px; background: #f1f5f9; color: inherit; text-align: left; padding: 7px; cursor: pointer; } #nexahrApp[data-v0-client] .la-calendar button small{ display: block; margin-top: 6px; color: #60748a; } @media (max-width: 760px){#nexahrApp[data-v0-client] .la-calendar button{ min-height: 50px; padding: 4px; } #nexahrApp[data-v0-client] .la-calendar button small{ font-size: 10px; }} #nexahrApp[data-v0-client] .la-section-actions,#nexahrApp[data-v0-client] .la-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} #nexahrApp[data-v0-client] .la-section-actions h3,#nexahrApp[data-v0-client] .la-calendar-toolbar h3{margin:0;color:#153d72} #nexahrApp[data-v0-client] .la-leave-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px} #nexahrApp[data-v0-client] .la-calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px} #nexahrApp[data-v0-client] .la-calendar-card{min-width:0} #nexahrApp[data-v0-client] .la-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;margin-top:12px;background:#dfe6ef;border:1px solid #dfe6ef} #nexahrApp[data-v0-client] .la-calendar-grid b{padding:7px;text-align:center;background:#edf2f7;color:#546b85;font-size:10px} #nexahrApp[data-v0-client] .la-calendar-grid button{min-height:58px;border:0;background:#fff;color:#263f5d;text-align:left;padding:7px;cursor:pointer} #nexahrApp[data-v0-client] .la-calendar-grid button:hover,#nexahrApp[data-v0-client] .la-calendar-grid button:focus-visible,#nexahrApp[data-v0-client] .la-calendar-grid button.selected{background:#eaf3fc;outline:none} #nexahrApp[data-v0-client] .la-calendar-grid button small{display:block;margin-top:14px;color:#8da0b3} #nexahrApp[data-v0-client] .la-balance-panel{padding:16px;border:1px solid #dfe5ee;border-radius:10px;background:#fff} #nexahrApp[data-v0-client] .la-balance-panel h3{margin-top:0;color:#153d72} #nexahrApp[data-v0-client] .la-details{min-height:0} #nexahrApp[data-v0-client] .la-details dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0;font-size:12px} #nexahrApp[data-v0-client] .la-details dt{color:#6d83a2} #nexahrApp[data-v0-client] .la-details dd{margin:0;color:#153d72;font-weight:600} #nexahrApp[data-v0-client] .la-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:#5b7189;font-size:11px} #nexahrApp[data-v0-client] .la-legend span{display:inline-flex;align-items:center;gap:5px} #nexahrApp[data-v0-client] .la-dot{width:8px;height:8px;border-radius:50%;background:#d8e1eb} #nexahrApp[data-v0-client] .la-dot.present{background:#79bd9a} #nexahrApp[data-v0-client] .la-dot.leave{background:#7ca8d6} #nexahrApp[data-v0-client] .la-dot.absent{background:#ed9c9c} #nexahrApp[data-v0-client] .la-compact-input{height:36px;padding:0 9px;border:1px solid #cbd8e5;border-radius:6px;background:#fff;color:#355376;font-size:11px} #nexahrApp[data-v0-client] .la-empty{padding:22px;color:#7388a1;text-align:center;font-size:12px} #nexahrApp[data-v0-client] .la-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#edf3fa;color:#355376;font-size:11px} #nexahrApp[data-v0-client] .la-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(16,31,50,.45);padding:20px} #nexahrApp[data-v0-client] .la-modal{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:14px;background:#fff;box-shadow:0 18px 50px rgba(12,31,54,.25)} #nexahrApp[data-v0-client] .la-modal header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e3eaf1} #nexahrApp[data-v0-client] .la-modal header h3{margin:0;color:#153d72} #nexahrApp[data-v0-client] .la-modal form,#nexahrApp[data-v0-client] .la-modal .la-review{padding:20px} #nexahrApp[data-v0-client] .la-close{display:grid;place-items:center;border:0;background:transparent;color:#45627f;cursor:pointer} #nexahrApp[data-v0-client] .la-close:hover,#nexahrApp[data-v0-client] .la-close:focus-visible{color:#153d72} #nexahrApp[data-v0-client] .la-modal .la-actions{justify-content:flex-end;margin-top:18px} #nexahrApp[data-v0-client] .la-review p{color:#60748a;font-size:12px} @media (max-width:760px){#nexahrApp[data-v0-client] .la-leave-layout,#nexahrApp[data-v0-client] .la-calendar-layout{grid-template-columns:1fr} #nexahrApp[data-v0-client] .la-balance-panel{order:-1} #nexahrApp[data-v0-client] .la-calendar-grid button{min-height:48px} #nexahrApp[data-v0-client] .la-calendar-grid button small{margin-top:6px}} #nexahrApp[data-v0-client] .la-leave-layout,#nexahrApp[data-v0-client] .la-calendar-layout{display:block} #nexahrApp[data-v0-client] .la-balance-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px} #nexahrApp[data-v0-client] .la-balance-strip>div{display:flex;align-items:center;gap:8px;flex:1 1 150px;padding:9px 12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff} #nexahrApp[data-v0-client] .la-balance-strip strong{font-size:18px;color:#153d72} #nexahrApp[data-v0-client] .la-balance-strip span{font-size:11px;color:#5d728b} #nexahrApp[data-v0-client] .la-calendar-blank{min-height:58px;background:#f7f9fb} #nexahrApp[data-v0-client] .la-segmented{display:flex;border:1px solid #cbd8e5;border-radius:7px;overflow:hidden;background:#fff} #nexahrApp[data-v0-client] .la-segmented button{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 11px;border:0;border-right:1px solid #dce5ef;background:#fff;color:#526b86;font-size:11px;cursor:pointer} #nexahrApp[data-v0-client] .la-segmented button:last-child{border-right:0} #nexahrApp[data-v0-client] .la-segmented button.active{background:#eaf3fc;color:#153d72;font-weight:600} #nexahrApp[data-v0-client] .la-segmented button:focus-visible,#nexahrApp[data-v0-client] .la-actions .btn:focus-visible,#nexahrApp[data-v0-client] .la-close:focus-visible{outline:2px solid #4d82bd;outline-offset:2px} #nexahrApp[data-v0-client] .la-actions .btn-primary{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border:1px solid #245b91;border-radius:7px;background:#245b91;color:#fff;font-weight:600;box-shadow:0 2px 5px rgba(21,61,114,.15)} #nexahrApp[data-v0-client] .la-actions .btn-primary:hover{background:#1b4a79} #nexahrApp[data-v0-client] .la-actions .btn-secondary{display:inline-flex;align-items:center;gap:5px;min-height:36px} #nexahrApp[data-v0-client] .la-detail-list{display:grid;grid-template-columns:1fr auto;gap:12px;margin:0} #nexahrApp[data-v0-client] .la-detail-list dt{color:#6d83a2} #nexahrApp[data-v0-client] .la-detail-list dd{margin:0;color:#153d72;font-weight:600} #nexahrApp[data-v0-client] .la-modal-backdrop{align-items:center} #nexahrApp[data-v0-client] .la-modal{max-height:calc(100vh - 32px)} @media (max-width:760px){#nexahrApp[data-v0-client] .la-balance-strip>div{flex-basis:100%} #nexahrApp[data-v0-client] .la-calendar-grid button,#nexahrApp[data-v0-client] .la-calendar-blank{min-height:48px}} #nexahrApp[data-v0-client] .la-month-nav{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; } #nexahrApp[data-v0-client] .la-month-nav .btn{ min-height: 36px; white-space: nowrap; } @media (max-width: 680px){#nexahrApp[data-v0-client] .la-calendar-toolbar{ align-items: flex-start; flex-direction: column; } #nexahrApp[data-v0-client] .la-month-nav{ width: 100%; justify-content: flex-start; }} #nexahrApp[data-v0-client] .leave-attendance-panel .btn,#nexahrApp[data-v0-client] .la-modal .btn{ display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 0 18px; border: 1px solid transparent; border-radius: 8px; font-size: 13px; font-weight: 600; line-height: 1; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .1s ease; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn svg,#nexahrApp[data-v0-client] .la-modal .btn svg{ flex: 0 0 auto; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn:active:not(:disabled),#nexahrApp[data-v0-client] .la-modal .btn:active:not(:disabled){ transform: translateY(1px); } #nexahrApp[data-v0-client] .leave-attendance-panel .btn-primary,#nexahrApp[data-v0-client] .la-modal .btn-primary{ border-color: #1f5fa8; background: #1f5fa8; color: #fff; box-shadow: 0 2px 6px rgba(31, 95, 168, .28); } #nexahrApp[data-v0-client] .leave-attendance-panel .btn-primary:hover:not(:disabled),#nexahrApp[data-v0-client] .la-modal .btn-primary:hover:not(:disabled){ border-color: #184d8a; background: #184d8a; box-shadow: 0 3px 9px rgba(31, 95, 168, .34); } #nexahrApp[data-v0-client] .leave-attendance-panel .btn-secondary,#nexahrApp[data-v0-client] .la-modal .btn-secondary{ border-color: #9fb2c8; background: #fff; color: #274a73; box-shadow: none; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn-secondary:hover:not(:disabled),#nexahrApp[data-v0-client] .la-modal .btn-secondary:hover:not(:disabled){ border-color: #1f5fa8; background: #f1f6fc; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn:focus-visible,#nexahrApp[data-v0-client] .la-modal .btn:focus-visible{ outline: 3px solid #92b7e8; outline-offset: 2px; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn:disabled,#nexahrApp[data-v0-client] .la-modal .btn:disabled{ opacity: .55; cursor: not-allowed; box-shadow: none; } #nexahrApp[data-v0-client] .leave-attendance-panel .btn[aria-busy="true"]:disabled,#nexahrApp[data-v0-client] .la-modal .btn[aria-busy="true"]:disabled{ opacity: .85; cursor: progress; } #nexahrApp[data-v0-client] .btn-spinner{ animation: la-spin .8s linear infinite; } @keyframes la-spin{ to { transform: rotate(360deg); } } #nexahrApp[data-v0-client] .leave-attendance-panel .la-actions,#nexahrApp[data-v0-client] .la-modal .la-actions{ align-items: center; gap: 12px; } #nexahrApp[data-v0-client] .leave-attendance-panel .la-form-footer,#nexahrApp[data-v0-client] .la-modal .la-form-footer{ gap: 12px; } #nexahrApp[data-v0-client] .leave-attendance-panel .la-month-nav .btn{ min-height: 42px; } @media (max-width: 520px){#nexahrApp[data-v0-client] .leave-attendance-panel .la-form-footer .btn{ flex: 1 1 auto; }} #nexahrApp[data-v0-client] .la-request-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 1.15fr); grid-template-rows: auto 1fr; gap: 14px 16px; align-items: start; } #nexahrApp[data-v0-client] .la-request-grid.is-regularization{ grid-template-rows: auto auto 1fr; } #nexahrApp[data-v0-client] .la-request-type{ grid-column: 1 / 4; max-width: 260px; } #nexahrApp[data-v0-client] .la-request-reason{ grid-column: 4; grid-row: 1 / -1; display: flex; flex-direction: column; align-self: stretch; } #nexahrApp[data-v0-client] .la-request-reason .la-field{ flex: 1; grid-template-rows: auto 1fr; } #nexahrApp[data-v0-client] .la-request-reason textarea{ height: 100%; min-height: 100px; resize: none; } @media (max-width: 900px){#nexahrApp[data-v0-client] .la-request-grid,#nexahrApp[data-v0-client] .la-request-grid.is-regularization{ grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; } #nexahrApp[data-v0-client] .la-request-type{ grid-column: 1 / -1; max-width: none; } #nexahrApp[data-v0-client] .la-request-reason{ grid-column: 1 / -1; grid-row: auto; } #nexahrApp[data-v0-client] .la-request-reason textarea{ height: auto; min-height: 96px; resize: vertical; }} @media (max-width: 520px){#nexahrApp[data-v0-client] .la-request-grid,#nexahrApp[data-v0-client] .la-request-grid.is-regularization{ grid-template-columns: minmax(0, 1fr); }} #nexahrApp[data-v0-client] .la-form-grid-wide{ grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); } #nexahrApp[data-v0-client] .la-weekdays{ min-width: 0; margin: 16px 0 0; padding: 0; border: 0; } #nexahrApp[data-v0-client] .la-weekdays legend{ margin-bottom: 8px; padding: 0; font-size: 13px; } #nexahrApp[data-v0-client] .la-weekday-row{ display: flex; flex-wrap: wrap; gap: 8px 10px; } #nexahrApp[data-v0-client] .la-weekday-row label{ display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 14px 0 11px; border: 1px solid #cbd8e5; border-radius: 8px; background: #fff; color: #274a73; font-size: 13px; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; } #nexahrApp[data-v0-client] .la-weekday-row label:hover{ border-color: #1f5fa8; } #nexahrApp[data-v0-client] .la-weekday-row label.checked{ border-color: #1f5fa8; background: #eaf3fc; font-weight: 600; } #nexahrApp[data-v0-client] .la-weekday-row input{ width: 16px; height: 16px; margin: 0; accent-color: #1f5fa8; cursor: pointer; } #nexahrApp[data-v0-client] .la-weekday-row label:focus-within{ outline: 3px solid #92b7e8; outline-offset: 2px; } #nexahrApp[data-v0-client] .time-office-icon{ width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 8px; } #nexahrApp[data-v0-client] .time-office-icon svg{ color: inherit !important; } #nexahrApp[data-v0-client] .time-office-icon.tone-blue{ background: #e6f0fb; color: #1f5fa8; } #nexahrApp[data-v0-client] .time-office-icon.tone-violet{ background: #eeeafb; color: #6a55c4; } #nexahrApp[data-v0-client] .time-office-icon.tone-rose{ background: #fdebee; color: #c24a5e; } #nexahrApp[data-v0-client] .time-office-icon.tone-teal{ background: #e3f5f2; color: #217a6e; } #nexahrApp[data-v0-client] .time-office-icon.tone-amber{ background: #fdf3dc; color: #a8741a; } #nexahrApp[data-v0-client] .time-office-icon.tone-green{ background: #e6f5ea; color: #2f8350; } #nexahrApp[data-v0-client] .time-office-icon.tone-sky{ background: #e3f3fb; color: #1f7ba8; } #nexahrApp[data-v0-client] .time-office-icon.tone-orange{ background: #feeee2; color: #c4651f; } #nexahrApp[data-v0-client] .time-office-group button.active .time-office-icon{ box-shadow: 0 0 0 1px #4d82bd; } #nexahrApp[data-v0-client] .la-banner{ margin: 0; padding: 10px 12px; border-radius: 8px; font-size: 12px; line-height: 1.5; background: #edf4fc; color: #183d66; border: 1px solid #cfe0f2; } #nexahrApp[data-v0-client] .la-banner-success{ background: #e8f5ec; color: #1f6a3c; border-color: #bfe0ca; } #nexahrApp[data-v0-client] .la-banner-error{ background: #fdecec; color: #8f2d2d; border-color: #f0c4c4; } #nexahrApp[data-v0-client] .la-hint{ color: #62768e; font-size: 11px; line-height: 1.5; } #nexahrApp[data-v0-client] p.la-hint{ margin: 6px 0 12px; } #nexahrApp[data-v0-client] .la-badge{ display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; white-space: nowrap; background: #edf1f6; color: #526b86; } #nexahrApp[data-v0-client] .la-badge-approved{ background: #e3f4e9; color: #1f6a3c; } #nexahrApp[data-v0-client] .la-badge-pending{ background: #fdf3dc; color: #8a5d0f; } #nexahrApp[data-v0-client] .la-badge-rejected{ background: #fdeaea; color: #9a3030; } #nexahrApp[data-v0-client] .la-badge-muted{ background: #edf1f6; color: #5f7389; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell{ display: flex; flex-direction: column; gap: 2px; min-height: 64px; overflow: hidden; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell strong{ font-size: 12px; color: #153d72; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell small{ margin: 0; font-size: 10px; line-height: 1.3; color: #52687f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell .la-cell-sub{ color: #6d83a2; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell-today strong{ display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 50%; background: #245b91; color: #fff; } #nexahrApp[data-v0-client] .la-calendar-grid .la-tone-GREEN{ background: #e8f5ec; } #nexahrApp[data-v0-client] .la-calendar-grid .la-tone-RED{ background: #fdecec; } #nexahrApp[data-v0-client] .la-calendar-grid .la-tone-YELLOW{ background: #fdf5dd; } #nexahrApp[data-v0-client] .la-calendar-grid .la-tone-BLUE{ background: #e6f0fb; } #nexahrApp[data-v0-client] .la-calendar-grid .la-tone-NEUTRAL{ background: #fff; } #nexahrApp[data-v0-client] .la-calendar-grid .la-cell:hover,#nexahrApp[data-v0-client] .la-calendar-grid .la-cell:focus-visible{ filter: brightness(0.97); outline: 2px solid #4d82bd; outline-offset: -2px; } #nexahrApp[data-v0-client] .la-clickable{ cursor: pointer; } #nexahrApp[data-v0-client] .la-clickable:hover td{ background: #f3f7fb; } #nexahrApp[data-v0-client] .la-row-actions{ display: flex; flex-wrap: wrap; gap: 6px; } #nexahrApp[data-v0-client] .la-pager{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 12px; font-size: 11px; color: #5d728b; } #nexahrApp[data-v0-client] .la-wrap-tabs{ flex-wrap: wrap; width: fit-content; max-width: 100%; } #nexahrApp[data-v0-client] .la-inline-form{ margin-top: 16px; padding-top: 14px; border-top: 1px solid #e3eaf1; } #nexahrApp[data-v0-client] .la-textarea{ width: 100%; margin-top: 8px; padding: 9px 10px; border: 1px solid #cbd8e5; border-radius: 6px; font: inherit; font-size: 12px; } #nexahrApp[data-v0-client] .la-details summary{ cursor: pointer; font-size: 12px; font-weight: 600; color: #245b91; margin: 12px 0 4px; } #nexahrApp[data-v0-client] .la-secret{ margin: 14px 0; padding: 12px; border: 1px dashed #4d82bd; border-radius: 8px; background: #f3f8fd; } #nexahrApp[data-v0-client] .la-secret p{ margin: 0 0 8px; font-size: 12px; } #nexahrApp[data-v0-client] .la-secret code{ display: block; padding: 8px 10px; border-radius: 6px; background: #fff; border: 1px solid #cfe0f2; font-size: 12px; word-break: break-all; margin-bottom: 8px; } #nexahrApp[data-v0-client] .la-preview-switch{ display: flex; align-items: flex-start; gap: 10px; padding: 10px 12px; border: 1px solid #dfe5ee; border-radius: 8px; background: #fff; font-size: 12px; color: #355376; line-height: 1.5; } #nexahrApp[data-v0-client] .la-preview-switch input{ margin-top: 3px; } #nexahrApp[data-v0-client] .la-history{ margin: 0; padding-left: 18px; display: grid; gap: 8px; font-size: 12px; color: #355376; } #nexahrApp[data-v0-client] .la-choice{ display: flex; flex-wrap: wrap; gap: 14px; border: 0; padding: 0; margin: 12px 0 0; font-size: 12px; } #nexahrApp[data-v0-client] .la-choice legend{ padding: 0; margin-bottom: 6px; font-weight: 600; color: #153d72; } #nexahrApp[data-v0-client] .la-choice label{ display: inline-flex; align-items: center; gap: 6px; } /* Integrate V0's complete layout with the software's existing DOM. */ #nexahrApp[data-v0-client]{min-height:100vh;--v0-text:#1c2738;--v0-muted:#7d899a;background:#f5f7fa;color:#1c2738;} #nexahrApp[data-v0-client] :is(button,input,select,textarea,a,h1,h2,h3,p,span,div,label,td,th){font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;} #nexahrApp[data-v0-client] .sidebar{position:fixed;inset:0 auto 0 0;width:230px;height:100vh;padding:14px;z-index:30;overflow:visible;} #nexahrApp[data-v0-client] .main{margin-left:230px;width:calc(100% - 230px);min-height:100vh;} #nexahrApp[data-v0-client] .content{max-width:none;width:100%;padding:26px 32px;background:#f5f7fa;} #nexahrApp[data-v0-client] .brand-panel{padding:8px;margin:8px 0 14px;border-radius:9px;min-height:61px;} #nexahrApp[data-v0-client] .brand-identity-row{display:flex!important;flex-direction:row!important;align-items:center;gap:9px;text-align:left;} #nexahrApp[data-v0-client] :is(.sidebar-brand-logo,.client-logo-space){width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;flex:0 0 32px;object-fit:contain;margin:0!important;background:none;} #nexahrApp[data-v0-client] #sidebarBrandText{flex:1;min-width:0;} #nexahrApp[data-v0-client] #sidebarBrandName{font-size:10px;line-height:1.4;text-align:left;margin:0;} #nexahrApp[data-v0-client] #sidebarBrandSubtitle{font-size:9px;color:#a9b4cb;line-height:1.4;text-align:left;} #nexahrApp[data-v0-client] .v0-collapse-button{width:28px;height:28px;padding:0;align-self:flex-end;border:0;background:transparent;color:#9eabc3;margin:0 0 4px;} #nexahrApp[data-v0-client] #workspaceMenu{flex:1;min-height:0;overflow-y:auto;padding:0;scrollbar-width:thin;} #nexahrApp[data-v0-client] :is(.workspace-head,.premium-dashboard-link){min-height:34px;padding:8px 10px;font-size:12px;margin:1px 0;line-height:1.4;} #nexahrApp[data-v0-client] .workspace-head-label{white-space:normal;} #nexahrApp[data-v0-client] .workspace-group{margin:2px 0;} #nexahrApp[data-v0-client] .v0-sidebar-sections{margin:2px 0 5px 26px;padding:0 0 0 12px;border-left:1px solid #ffffff24;} #nexahrApp[data-v0-client] .v0-sidebar-choice{min-height:29px;padding:6px 9px;font-size:11px;border-radius:6px;} #nexahrApp[data-v0-client] .v0-sidebar-choice.active{box-shadow:inset 2px 0 #ff8956;background:#ffffff18;} #nexahrApp[data-v0-client] .sidebar-product-brand{display:flex;align-items:center;gap:8px;padding:12px 3px 0;border:0;} #nexahrApp[data-v0-client] .sidebar-product-brand img{width:28px!important;height:28px!important;background:white;border-radius:6px;object-fit:contain;padding:3px;} #nexahrApp[data-v0-client] .sidebar-product-brand::after{content:"Powered by UnifyHR";font-size:10px;color:#8793ad;} #nexahrApp[data-v0-client] .topbar{height:66px;min-height:66px;padding:0 32px;gap:14px;position:sticky;top:0;z-index:25;} #nexahrApp[data-v0-client] .topbar-right{display:flex;align-items:center;gap:14px;} #nexahrApp[data-v0-client] .v0-header-tools{display:flex;align-items:center;gap:14px;} #nexahrApp[data-v0-client] .page-title{font-size:11px;color:#36445a;font-weight:600;} #nexahrApp[data-v0-client] .topbar .user{border:0;background:none;box-shadow:none;border-radius:0;padding:0;gap:9px;font-size:11px;} #nexahrApp[data-v0-client] #currentUserRole{font-size:10px;color:#8792a1;} #nexahrApp[data-v0-client] .ui-font-control{min-height:28px;padding:2px 6px;background:none;box-shadow:none;border:1px solid #e7ebf1;border-radius:6px;font-size:10px;} #nexahrApp[data-v0-client] .logout-button{border:1px solid #e7ebf1;border-radius:6px;padding:6px 8px;font-size:10px;} #nexahrApp[data-v0-client] .v0-search-results{z-index:45;max-height:320px;overflow:auto;} #nexahrApp[data-v0-client] .v0-search-results[hidden]{display:none;} #nexahrApp[data-v0-client] .v0-search-results button{display:block;padding:10px 12px;width:100%;border:0;background:white;text-align:left;cursor:pointer;font-size:12px;} #nexahrApp[data-v0-client] .v0-search-results button:hover{background:#f4f7fb;} #nexahrApp[data-v0-client] .v0-legacy-data{display:none!important;} #nexahrApp[data-v0-client] #v0Date::before{content:"";width:6px;height:6px;background:#ee8658;border-radius:50%;} #nexahrApp[data-v0-client] #dashboardAnnouncementAdmin{border-top:1px solid #edf0f4;padding-top:4px;} #nexahrApp[data-v0-client] .dashboard-link-btn.primary{font-size:10px;background:#183e70;padding:7px 9px;} #nexahrApp[data-v0-client] #dashboardLeavePanel{margin:0;padding:15px;border:1px solid #e7ebf1;border-radius:9px;} #nexahrApp[data-v0-client] #dashboardLeavePanel .modern-leave-head h2{font-size:12px;} #nexahrApp[data-v0-client] #dashboardLeavePanel .modern-leave-cards{gap:8px;} #nexahrApp[data-v0-client] #dashboardLeavePanel .btn{min-height:30px;padding:6px 9px;font-size:10px;} #nexahrApp[data-v0-client][data-v0-hris] .module-primary-nav{display:none!important;} #nexahrApp[data-v0-client] .module-subnav-host{padding:0 32px;} #nexahrApp[data-v0-client] .module-secondary-nav{padding:0;gap:24px;overflow-x:auto;} #nexahrApp[data-v0-client] .module-secondary-nav .menu-item{padding:14px 0!important;background:none!important;border-radius:0;border-bottom:2px solid transparent;font-size:11px;color:#8190a4;white-space:nowrap;} #nexahrApp[data-v0-client] .module-secondary-nav .menu-item.active{border-bottom-color:#173b67;background:none!important;color:#163d74!important;} #nexahrApp[data-v0-client] .page-header h1{font-size:23px;color:#153d72;letter-spacing:-.55px;} #nexahrApp[data-v0-client] .page-header p{font-size:12px;color:#7890ae;} #nexahrApp[data-v0-client] .page-header{gap:18px;margin:0 0 20px;} #nexahrApp[data-v0-client] .btn{font-size:11px;padding:8px 12px;min-height:34px;border-radius:6px;box-shadow:none;font-weight:600;} #nexahrApp[data-v0-client] .btn-primary{background:#183e70!important;border-color:#183e70!important;} #nexahrApp[data-v0-client] :is(.profile-card,.table-container,.ess-profile-card,.ess-section-card){border:1px solid #dfe5ee;border-radius:10px;box-shadow:none;background:#fff;} #nexahrApp[data-v0-client] .employee-toolbar{padding:16px;gap:12px;align-items:flex-end;} #nexahrApp[data-v0-client] .content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:12px;padding:10px 12px;border-radius:6px;border-color:#dfe5ee;} #nexahrApp[data-v0-client] th{font-size:11px;text-transform:none;background:#f8fafd;padding:13px 12px;} #nexahrApp[data-v0-client] td{font-size:12px;padding:13px 12px;} #nexahrApp[data-v0-client] .content table{border-spacing:0;border-collapse:collapse;width:100%;} #nexahrApp[data-v0-client] :is(.lv71-card,.att60-card,.to58-card){padding:20px;border:1px solid #dfe5ee;border-radius:10px;box-shadow:none;} #nexahrApp[data-v0-client] :is(.lv71-row,.att60-toolbar,.to58-row){gap:14px;} #nexahrApp[data-v0-client][data-v0-time-office] .content{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start;} #nexahrApp[data-v0-client][data-v0-time-office] .content>div{grid-column:1;grid-row:1;min-width:0;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu{display:none;} #nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{display:block;grid-column:2;grid-row:1;position:sticky;top:130px;} #nexahrApp[data-v0-client][data-v0-time-office] .v0-time-office-layout{display:block;} #nexahrApp[data-v0-client][data-v0-time-office] .v0-time-office-nav{display:flex;flex-direction:row;margin-bottom:15px;padding:0;border:0;gap:6px;background:none;flex-wrap:wrap;} #nexahrApp[data-v0-client][data-v0-time-office] .v0-time-office-nav button{min-height:30px;font-size:10px;padding:7px 9px;width:auto;} #nexahrApp[data-v0-client][data-v0-time-office] .module-secondary-nav{display:none;} #nexahrApp[data-v0-client] .time-office-menu h3{font-size:9px;letter-spacing:1px;margin:4px 0 12px;color:#8795a8;} #nexahrApp[data-v0-client] .v0-request-grid{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(230px,1.1fr);} #nexahrApp[data-v0-client] .v0-request-grid .v0-reason textarea{min-height:162px;} #nexahrApp[data-v0-client][data-v0-collapsed] .main{margin-left:72px;width:calc(100% - 72px);} #nexahrApp[data-v0-client][data-v0-collapsed] .sidebar{width:72px;padding:14px 9px;} #nexahrApp[data-v0-client][data-v0-collapsed] .brand-identity-row{justify-content:center;} #nexahrApp[data-v0-client][data-v0-collapsed] #sidebarBrandText,#nexahrApp[data-v0-client][data-v0-collapsed] .sidebar-product-brand::after{display:none;} #nexahrApp[data-v0-client][data-v0-collapsed] .sidebar-product-brand{justify-content:center;} @media (max-width:1200px){#nexahrApp[data-v0-client] .search-box{width:190px;} #nexahrApp[data-v0-client] .topbar-right{gap:9px;} #nexahrApp[data-v0-client] #currentUserRole{display:none;}} @media (max-width:1000px){#nexahrApp[data-v0-client] .payroll-panel{grid-column:1/-1;} #nexahrApp[data-v0-client] .search-box{width:150px;} #nexahrApp[data-v0-client] .page-header{flex-wrap:wrap;} #nexahrApp[data-v0-client][data-v0-time-office] .content{grid-template-columns:minmax(0,1fr) 210px;}} @media (max-width:760px){#nexahrApp[data-v0-client] .content{padding:20px 14px;} #nexahrApp[data-v0-client] .module-subnav-host{padding:0 14px;} #nexahrApp[data-v0-client] .topbar{padding:0 14px;} #nexahrApp[data-v0-client] .search-box{display:none;} #nexahrApp[data-v0-client] .ui-font-control{display:none;} #nexahrApp[data-v0-client] .v0-request-grid{grid-template-columns:repeat(2,minmax(0,1fr));} #nexahrApp[data-v0-client] .v0-request-grid .v0-reason{grid-column:1/-1;grid-row:auto;} #nexahrApp[data-v0-client][data-v0-time-office] .content{display:flex;flex-direction:column;} #nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{order:-1;position:static;width:100%;display:flex;gap:5px;flex-wrap:wrap;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu h3{width:100%;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{width:auto;}} @media (max-width:640px){#nexahrApp[data-v0-client] .main,#nexahrApp[data-v0-client][data-v0-collapsed] .main{margin-left:0;width:100%;} #nexahrApp[data-v0-client] .sidebar{transform:translateX(-100%);width:264px;} #nexahrApp[data-v0-client].mobile-menu-open .sidebar{transform:translateX(0);} #nexahrApp[data-v0-client] .topbar{height:58px;min-height:58px;} #nexahrApp[data-v0-client] .v0-request-grid{grid-template-columns:1fr;} #nexahrApp[data-v0-client] .topbar-right{gap:7px;} #nexahrApp[data-v0-client] .v0-header-tools{gap:0;} #nexahrApp[data-v0-client] #currentUserName{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}} @media print{#nexahrApp[data-v0-client] .sidebar,#nexahrApp[data-v0-client] .topbar{display:none!important;} #nexahrApp[data-v0-client] .main{margin:0;width:100%;} #nexahrApp[data-v0-client] .panel{break-inside:avoid;}} /* Employee Master follows the original V0 filter and table dimensions. */ #nexahrApp[data-v0-client] #employeesPage>.profile-card{padding:0;margin-bottom:19px;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar{display:grid;grid-template-columns:170px minmax(220px,1fr) auto auto;padding:22px;margin:0;gap:12px;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar .form-group{min-width:0;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar :is(input,select){height:40px;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar .btn{height:40px;} #nexahrApp[data-v0-client] #employeesPage .employee-table-wrap{padding:0;} #nexahrApp[data-v0-client] #employeesPage :is(th,td){padding:14px 15px;font-size:11px;color:#24456f;} #nexahrApp[data-v0-client] #employeesPage th{font-size:10px;color:#1d416f;font-weight:600;} #nexahrApp[data-v0-client] #employeesPage td strong{font-size:11px;color:#123a6b;} #nexahrApp[data-v0-client] #employeesPage td small{font-size:10px;color:#7287a3;} @media (max-width:1000px){#nexahrApp[data-v0-client] #employeesPage .page-header{flex-direction:column;align-items:flex-start;}} @media (max-width:640px){#nexahrApp[data-v0-client] #employeesPage .employee-toolbar{grid-template-columns:1fr 1fr;padding:16px;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar .grow{grid-column:1/-1;}} #nexahrApp[data-v0-client][data-v0-time-office] .v0-time-office-nav{display:none;} /* The old compact mode scaled the entire portal to 80%; V0 uses normal scale. */ body:has(#nexahrApp[data-v0-client]){zoom:1;} #nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid #dfe5ee;border-radius:10px;background:white;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;border:0;border-left:3px solid transparent;border-radius:6px;padding:8px 10px;background:white;color:#355376;text-align:left;font-size:11px;cursor:pointer;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button:hover{background:#f4f8fc;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button.active{border-left-color:#4d82bd;background:#eaf3fc;color:#153d72;font-weight:600;} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{flex-direction:row;flex-wrap:wrap;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{width:auto;}} /* Match V0's outlined secondary actions and navy primary buttons. */ #nexahrApp[data-v0-client] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:600;line-height:1.35;transition:background-color .15s,border-color .15s,box-shadow .15s;} #nexahrApp[data-v0-client] :is(.btn-secondary,.v0-button-secondary){background:#fff!important;border-color:#dce4ef!important;color:#355376!important;box-shadow:0 1px 2px #153d7205;} #nexahrApp[data-v0-client] :is(.btn-secondary,.v0-button-secondary):hover{background:#f5f8fc!important;border-color:#b5c7de!important;color:#153d72!important;} #nexahrApp[data-v0-client] .btn.btn-primary{background:#183e70!important;border-color:#183e70!important;color:#fff!important;box-shadow:0 2px 4px #183e7014;} #nexahrApp[data-v0-client] .btn.btn-primary:hover{background:#12325b!important;border-color:#12325b!important;color:#fff!important;} #nexahrApp[data-v0-client] :is(.btn,.button):focus-visible{outline:2px solid #7da5d3;outline-offset:3px;} #nexahrApp[data-v0-client] .v0-action-icon{width:15px;height:15px;flex:0 0 15px;} #nexahrApp[data-v0-client] #employeesPage .page-header>div:last-child{gap:8px!important;} #nexahrApp[data-v0-client] #employeesPage .page-header .btn{min-height:38px;padding:9px 12px;} #nexahrApp[data-v0-client] .workspace-group.open>.workspace-head,#nexahrApp[data-v0-client] .premium-dashboard-link.active{background:#ffffff12!important;border-left:3px solid #ff8956!important;color:#fff!important;} #nexahrApp[data-v0-client] .premium-dashboard-link:not(.active){background:transparent!important;color:#c4ccdf!important;border-left:3px solid transparent!important;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar{padding:20px 22px;} #nexahrApp[data-v0-client] #employeesPage td :is(b,strong){font-weight:600;color:#183e70;} #nexahrApp[data-v0-client] #employeesPage .action-link{font-weight:500;color:#355c8b;padding:5px 7px;border-radius:5px;} #nexahrApp[data-v0-client] #employeesPage .action-link:hover{background:#edf3fb;color:#183e70;} #nexahrApp[data-v0-client] .premium-dashboard-link:not(.active){border:0!important;border-left:3px solid transparent!important;} /* V0 contextual Leave & Attendance workspace, without duplicate area navigation. */ #nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host{margin:28px 32px 0;padding:0;background:transparent;border:0;box-shadow:none;} #nexahrApp[data-v0-client] .v0-leave-heading{margin:0 0 22px;padding:0;} #nexahrApp[data-v0-client] .v0-leave-heading .eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.1px;font-weight:600;color:#71839d;} #nexahrApp[data-v0-client] .v0-leave-heading .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#587ba8;} #nexahrApp[data-v0-client] .v0-leave-heading h2{font-size:24px;font-weight:600;letter-spacing:-.5px;line-height:1.3;color:#213e68;margin:8px 0 0;} #nexahrApp[data-v0-client][data-v0-leave] :is(.module-primary-nav,.module-secondary-nav){min-height:0;padding:0;gap:22px;background:transparent;border:0;box-shadow:none;flex-wrap:wrap;} #nexahrApp[data-v0-client][data-v0-leave] .module-primary-nav:empty{display:none;} #nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host[data-leave-area="mine"] .module-secondary-nav, #nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host[data-leave-area="manage"] .module-primary-nav{border-bottom:1px solid #dfe6ef;} #nexahrApp[data-v0-client][data-v0-leave] :is(.module-primary-choice,.module-secondary-nav .menu-item){position:relative;margin:0;padding:0 0 12px!important;min-height:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px;font-weight:400;color:#37577f!important;line-height:1.5;} #nexahrApp[data-v0-client][data-v0-leave] :is(.module-primary-choice,.module-secondary-nav .menu-item).active{color:#213e68!important;font-weight:600;} #nexahrApp[data-v0-client][data-v0-leave] :is(.module-primary-choice,.module-secondary-nav .menu-item).active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#50698c;} #nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host[data-leave-area="manage"] .module-secondary-nav{margin-top:14px;gap:18px;} #nexahrApp[data-v0-client][data-v0-leave] .content{padding-top:24px;} #nexahrApp[data-v0-client][data-v0-leave] .content>div:not([style*="display: none"]){min-width:0;} #nexahrApp[data-v0-client][data-v0-leave] :is(.lv71-card,.la72-card,.att60-card,.to58-card){background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:24px;box-shadow:0 2px 7px rgba(28,57,93,.025);} #nexahrApp[data-v0-client][data-v0-leave] .content h1{font-size:21px;font-weight:600;color:#213e68;letter-spacing:-.3px;margin:0 0 12px;} #nexahrApp[data-v0-client][data-v0-leave] .content p[role="alert"]{padding:16px 18px;border:1px solid #efd7ce;background:#fff8f5;border-radius:8px;color:#8b4d3b;font-size:13px;line-height:1.6;margin:12px 0 18px;} #nexahrApp[data-v0-client][data-v0-leave] .content :is(input,select,textarea){border:1px solid #ced8e5;border-radius:7px;background:#fff;font-size:13px;padding:10px 12px;} #nexahrApp[data-v0-client][data-v0-leave] .content label{font-size:12px;font-weight:500;color:#425c7d;} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host{margin:22px 14px 0;} #nexahrApp[data-v0-client] .v0-leave-heading h2{font-size:21px;} #nexahrApp[data-v0-client][data-v0-leave] :is(.module-primary-nav,.module-secondary-nav){gap:16px;} #nexahrApp[data-v0-client][data-v0-leave] :is(.lv71-card,.la72-card,.att60-card,.to58-card){padding:18px;}} #nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host{width:calc(100% - 64px);min-width:0;} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-leave] .module-subnav-host{width:calc(100% - 28px);}} #nexahrApp[data-v0-client][data-v0-leave] #workRequestsPage{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:24px;box-shadow:0 2px 7px rgba(28,57,93,.025);} #nexahrApp[data-v0-client][data-v0-leave] #workRequestsPage :is([data-self],[data-team],[data-refresh]){background:#fff!important;border:1px solid #ced8e5!important;color:#37577f!important;box-shadow:none!important;} #nexahrApp[data-v0-client][data-v0-leave]:has(.module-subnav-host[data-leave-area="manage"]) #workRequestsPage [data-team]{background:#1f5fa8!important;border-color:#1f5fa8!important;color:#fff!important;} #nexahrApp[data-v0-client][data-v0-leave]:has(.module-subnav-host[data-leave-area="mine"]) #workRequestsPage [data-self]{background:#1f5fa8!important;border-color:#1f5fa8!important;color:#fff!important;} #nexahrApp[data-v0-client][data-v0-leave] #workRequestsPage>.la72-requests{border:1px solid #e1e8f1;border-radius:8px;padding:20px;margin-top:16px;} #nexahrApp[data-v0-client][data-v0-leave] #workRequestsPage>.la72-requests>p:only-child{margin:0;color:#78899f;font-size:13px;text-align:center;padding:24px 0;} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-leave] #workRequestsPage{padding:18px;}} /* Reference-style controls and clear, colour-coordinated HRIS navigation. */ #nexahrApp[data-v0-client] .content .btn{min-height:42px;font-size:13px;padding:10px 18px;border-radius:8px;font-weight:600;border:1px solid #9fb2c8;background:#fff;color:#274a73;} #nexahrApp[data-v0-client] .content .btn-primary{background:#1f5fa8!important;border-color:#1f5fa8!important;color:#fff!important;box-shadow:0 2px 6px rgba(31,95,168,.22);} #nexahrApp[data-v0-client] .content .btn-primary:hover:not(:disabled){background:#184d8a!important;border-color:#184d8a!important;box-shadow:0 3px 9px rgba(31,95,168,.28);} #nexahrApp[data-v0-client] .content :is(.btn-secondary,.v0-button-secondary){border-color:#9fb2c8!important;color:#274a73!important;background:#fff!important;box-shadow:none;} #nexahrApp[data-v0-client] .content .btn-secondary:hover:not(:disabled){background:#f1f6fc!important;border-color:#1f5fa8!important;} #nexahrApp[data-v0-client] .content .btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;} #nexahrApp[data-v0-client] .v0-action-icon{width:17px;height:17px;flex:0 0 17px;} #nexahrApp[data-v0-client] .content .page-header h1{font-size:22px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin-bottom:6px;} #nexahrApp[data-v0-client] .content .page-header p{font-size:13px;line-height:1.6;} #nexahrApp[data-v0-client][data-v0-hris] .module-subnav-host{margin:28px 32px 0;padding:0;width:calc(100% - 64px);background:transparent;border:0;box-shadow:none;min-width:0;} #nexahrApp[data-v0-client] .v0-hris-heading{margin-bottom:20px;} #nexahrApp[data-v0-client] .v0-hris-heading .eyebrow{display:flex;align-items:center;gap:7px;color:#71839d;font-size:10px;font-weight:600;letter-spacing:1.1px;} #nexahrApp[data-v0-client] .v0-hris-heading .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff8956;} #nexahrApp[data-v0-client] .v0-hris-heading h2{color:#213e68;font-size:24px;font-weight:500;letter-spacing:-.4px;line-height:1.3;margin:8px 0 0;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav{display:flex;flex-wrap:wrap;gap:8px;padding:0 0 12px;min-height:0;overflow:visible;background:transparent!important;border:0;border-bottom:1px solid #dfe6ef;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item{display:inline-flex;align-items:center;gap:8px;padding:10px 13px!important;min-height:40px;border:1px solid transparent!important;border-radius:7px!important;font-size:13px;font-weight:500;color:#37577f!important;background:transparent!important;line-height:1.4;white-space:normal;box-shadow:none!important;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item svg{width:16px;height:16px;flex:0 0 16px;color:#5782b5;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item:hover{background:#eef4fb!important;color:#1f5fa8!important;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item.active{background:#eaf3fc!important;color:#1d548e!important;border-color:#c4d9ef!important;font-weight:600;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item.active svg{color:#1f5fa8;} #nexahrApp[data-v0-client][data-v0-hris] .content{padding-top:22px;} #nexahrApp[data-v0-client] .org-toolbar{gap:16px;margin-bottom:18px;align-items:center;} #nexahrApp[data-v0-client] :is(.org-scope-badge,.org-count-badge){font-size:12px;font-weight:600;border-radius:7px;padding:9px 12px;line-height:1.4;} #nexahrApp[data-v0-client] .org-scope-badge{color:#1f5fa8!important;background:#eaf3fc!important;border:1px solid #c4d9ef!important;} #nexahrApp[data-v0-client] .org-count-badge{color:#536d8d;background:#fff;border:1px solid #dce4ef;} #nexahrApp[data-v0-client] .org-toolbar-right{gap:10px;} #nexahrApp[data-v0-client] .org-search{min-height:42px;font-size:13px;} #nexahrApp[data-v0-client] .org-tab{color:#37577f;font-size:13px;padding:10px 0 12px;font-weight:500;} #nexahrApp[data-v0-client] .org-tab.active{color:#1f5fa8!important;border-bottom-color:#1f5fa8!important;font-weight:600;} #nexahrApp[data-v0-client] .org-panel{border:1px solid #dfe6ef;border-radius:10px;overflow:hidden;background:#fff;} #nexahrApp[data-v0-client] #employeesPage .page-header .btn{min-height:42px;font-size:13px;padding:10px 16px;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar{grid-template-columns:160px minmax(180px,1fr) auto auto;gap:12px;} #nexahrApp[data-v0-client] #employeesPage :is(th,td){font-size:12px;line-height:1.5;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{font-size:12px;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button:nth-of-type(2) .time-office-icon{color:#7252b3;background:#f0eafd;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button:nth-of-type(3) .time-office-icon{color:#c36d43;background:#fff0e6;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button:nth-of-type(4) .time-office-icon{color:#ac760d;background:#fff5dd;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button:nth-of-type(5) .time-office-icon{color:#278a63;background:#e6f5ee;} @media (max-width:1000px){#nexahrApp[data-v0-client] #employeesPage .page-header{align-items:flex-start;} #nexahrApp[data-v0-client] #employeesPage .page-header>div:last-child{flex-wrap:wrap;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar{grid-template-columns:1fr 1fr;} #nexahrApp[data-v0-client] #employeesPage .employee-toolbar .grow{grid-column:1/-1;}} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-hris] .module-subnav-host{margin:22px 14px 0;width:calc(100% - 28px);} #nexahrApp[data-v0-client] .v0-hris-heading h2{font-size:21px;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item{padding:9px 10px!important;font-size:12px;} #nexahrApp[data-v0-client] .content .btn{min-height:40px;padding:9px 13px;font-size:12px;}} #nexahrApp[data-v0-client] #employeesPage .page-header{display:flex;flex-direction:column;align-items:stretch;gap:16px;} #nexahrApp[data-v0-client] #employeesPage .page-header>div:last-child{display:flex;justify-content:flex-end;flex-wrap:wrap;} #nexahrApp[data-v0-client] #employeesPage .page-header h1{white-space:normal;} #nexahrApp[data-v0-client] .content :is(.btn,.org-tab,.module-secondary-nav .menu-item){font-family:inherit;} /* Automatic compact workspace: browser 100%, software font control 100%. */ body:has(#nexahrApp[data-v0-client]){zoom:.9;} #nexahrApp[data-v0-client]{min-height:calc(100dvh / .9);} #nexahrApp[data-v0-client] .sidebar{height:calc(100dvh / .9);max-height:calc(100dvh / .9);} #nexahrApp[data-v0-client] .main{min-height:calc(100dvh / .9);} #nexahrApp[data-v0-client][data-v0-hris] .module-subnav-host{margin:0;padding:0 32px;width:100%;background:#f8fafd;border-bottom:1px solid #dfe6ef;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav{gap:8px;padding:10px 0;border:0;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item{font-size:11px;padding:9px 11px!important;min-height:36px;gap:6px;} #nexahrApp[data-v0-client][data-v0-hris] .module-secondary-nav .menu-item svg{width:14px;height:14px;flex:0 0 14px;} #nexahrApp[data-v0-client][data-v0-hris] .content{padding-top:28px;} #nexahrApp[data-v0-client] .v0-hris-page-eyebrow{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#7c8da5;font-size:10px;font-weight:600;letter-spacing:1.1px;} #nexahrApp[data-v0-client] .v0-hris-page-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff8956;} #nexahrApp[data-v0-client][data-v0-hris] .content .page-header h1{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.45px;} #nexahrApp[data-v0-client][data-v0-hris] .content .page-header p{font-size:11px;line-height:1.6;} #nexahrApp[data-v0-client][data-v0-hris] .content .btn{font-size:11px;min-height:38px;padding:9px 14px;} #nexahrApp[data-v0-client][data-v0-hris] :is(.org-scope-badge,.org-count-badge){font-size:11px;padding:8px 12px;border-radius:18px;} #nexahrApp[data-v0-client][data-v0-hris] .org-tab{font-size:11px;} #nexahrApp[data-v0-client][data-v0-hris] .org-search{font-size:11px;min-height:38px;} #nexahrApp[data-v0-client][data-v0-hris] .org-panel{min-height:0;} #nexahrApp[data-v0-client][data-v0-hris] .org-chart-viewport{min-height:200px;padding:28px 24px;} #nexahrApp[data-v0-client] #employeesPage .page-header .btn{font-size:11px;min-height:38px;padding:9px 14px;} #nexahrApp[data-v0-client] #employeesPage :is(th,td){font-size:11px;padding:11px 12px;} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-hris] .module-subnav-host{margin:0;width:100%;padding:0 14px;} #nexahrApp[data-v0-client][data-v0-hris] .content{padding-top:22px;} #nexahrApp[data-v0-client][data-v0-hris] .content .page-header h1{font-size:22px;}} @media print{body:has(#nexahrApp[data-v0-client]){zoom:1;} #nexahrApp[data-v0-client],#nexahrApp[data-v0-client] .main{min-height:0;}} /* Time Office: balanced V0 form and two independent navigation cards. */ #nexahrApp[data-v0-client] .v0-leave-heading h2{font-weight:500;} #nexahrApp[data-v0-client][data-v0-time-office] .content{grid-template-columns:minmax(0,1fr) 255px;gap:20px;padding-top:12px;} #nexahrApp[data-v0-client][data-v0-time-office] #timeOfficeSetupPage>h1,#nexahrApp[data-v0-client][data-v0-time-office] #timeOfficeSetupPage>p.to58-note{display:none;} #nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{padding:0;gap:10px;border:0;background:transparent;border-radius:0;position:static;} #nexahrApp[data-v0-client] .v0-time-menu-card{background:#fff;border:1px solid #dfe6ef;border-radius:10px;padding:8px;box-shadow:0 3px 10px rgba(24,61,105,.035);} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .v0-time-menu-card h3{font-size:10px;letter-spacing:1px;margin:0 6px 5px;padding:3px 0 8px;border-bottom:1px solid #edf1f6;color:#7b90aa;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{min-height:40px;padding:7px 9px;font-size:11px;line-height:1.45;border-left:2px solid transparent;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button.active{border-left-color:#4d82bd;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .time-office-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:0 0 28px;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .time-office-icon svg{width:16px;height:16px;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-blue{background:#eaf3fc!important;color:#2169b6!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-violet{background:#f0eafd!important;color:#7252b3!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-rose{background:#fcebef!important;color:#cf5271!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-teal{background:#e5f5f2!important;color:#228b7b!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-amber{background:#fff5dd!important;color:#ac760d!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-green{background:#e6f5ee!important;color:#278a63!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-sky{background:#e6f5fd!important;color:#2684b6!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .tone-orange{background:#fff0e6!important;color:#c36d43!important;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .v0-time-refresh{background:transparent;justify-content:center;width:100%;color:#637c9d;min-height:30px;gap:7px;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu .v0-time-refresh svg{width:14px;height:14px;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .to58-card{margin:0 0 16px;padding:16px;border-radius:12px;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .to58-card h2{font-size:13px;font-weight:500;margin:0 0 7px;color:#213e68;} #nexahrApp[data-v0-client] .v0-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;margin-bottom:18px;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .to58-card label{font-size:12px;font-weight:400;color:#274a73;margin:0;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .to58-card :is(select,input:not([type=checkbox])){margin-top:7px;min-height:38px;font-size:12px;border:1px solid #cad8e9;border-radius:7px;background:#f8fafd;color:#274a73;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .to58-card h3{font-size:12px;font-weight:400;margin:0 0 10px;color:#274a73;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .v0-weekly-offs{gap:10px;margin:0 0 18px;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .v0-weekly-offs label{display:flex;align-items:center;gap:6px;padding:10px;border:1px solid #cad8e9;border-radius:7px;background:#fff;font-size:11px;} #nexahrApp[data-v0-client] #timeOfficeSetupPage .v0-weekly-offs input{width:15px;height:15px;margin:0;accent-color:#1f5fa8;} #nexahrApp[data-v0-client] .v0-settings-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #e1e8f2;padding-top:14px;} #nexahrApp[data-v0-client] .v0-setup-error{border-color:#ead6d0!important;} @media (max-width:1000px){#nexahrApp[data-v0-client][data-v0-time-office] .content{grid-template-columns:minmax(0,1fr) 220px;}} @media (max-width:760px){#nexahrApp[data-v0-client][data-v0-time-office] .content{display:flex;} #nexahrApp[data-v0-client][data-v0-time-office] #v0TimeOfficeMenu{flex-direction:column;order:-1;width:100%;} #nexahrApp[data-v0-client] .v0-time-menu-card{width:100%;} #nexahrApp[data-v0-client] #v0TimeOfficeMenu button{width:100%;} #nexahrApp[data-v0-client] .v0-settings-fields{grid-template-columns:1fr;} #nexahrApp[data-v0-client] .v0-settings-footer{flex-wrap:wrap;}} /* Keep the two Leave & Attendance area labels on one line. */ #nexahrApp[data-v0-client] .workspace-group[data-module-title="Leave & Attendance"] .v0-sidebar-sections{padding-left:12px;padding-right:0;min-width:0;} #nexahrApp[data-v0-client] .workspace-group[data-module-title="Leave & Attendance"] .v0-sidebar-choice{white-space:nowrap;width:100%;box-sizing:border-box;padding-left:8px;padding-right:6px;} /* Dashboard design: one scoped source of truth, based on the supplied V0 reference. */ body:has(#nexahrApp[data-v0-client][data-v0-dashboard]){zoom:.8;} #nexahrApp[data-v0-client][data-v0-dashboard]{--dashboard-gap:18px;--border:#e2e8f1;--dashboard-muted:#7d8ca3;min-height:calc(100dvh / .8);} #nexahrApp[data-v0-client][data-v0-dashboard] .sidebar{width:260px;height:calc(100dvh / .8);max-height:calc(100dvh / .8);padding:20px 16px;overflow:hidden;} #nexahrApp[data-v0-client][data-v0-dashboard] .main{margin-left:260px;width:calc(100% - 260px);min-height:calc(100dvh / .8);} #nexahrApp[data-v0-client][data-v0-dashboard] .brand-panel{margin:18px 0 18px;padding:14px 10px;min-height:74px;border:1px solid #ffffff20;background:#ffffff04;border-radius:12px;} #nexahrApp[data-v0-client][data-v0-dashboard] #sidebarBrandName{font-size:12px;line-height:1.5;} #nexahrApp[data-v0-client][data-v0-dashboard] #sidebarBrandSubtitle{font-size:11px;} #nexahrApp[data-v0-client][data-v0-dashboard] :is(.workspace-head,.premium-dashboard-link){min-height:44px;padding:11px 12px;font-size:13px;} #nexahrApp[data-v0-client][data-v0-dashboard] .workspace-group{margin:3px 0;} #nexahrApp[data-v0-client][data-v0-dashboard] .sidebar-product-brand{margin-top:auto;} #nexahrApp[data-v0-client][data-v0-dashboard] .topbar{height:76px;min-height:76px;padding:0 32px;border-bottom:1px solid #e2e8f1;} #nexahrApp[data-v0-client] .v0-page-title-source{display:none;} #nexahrApp[data-v0-client] .v0-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0;} #nexahrApp[data-v0-client] .v0-breadcrumb svg{width:12px;height:12px;transform:rotate(-90deg);} #nexahrApp[data-v0-client][data-v0-dashboard] .search-box{width:265px;height:40px;} #nexahrApp[data-v0-client][data-v0-dashboard] .search-box input{font-size:12px;} #nexahrApp[data-v0-client][data-v0-dashboard] .profile-copy{display:flex;flex-direction:column;gap:5px;} #nexahrApp[data-v0-client][data-v0-dashboard] #currentUserName{font-size:12px;} #nexahrApp[data-v0-client][data-v0-dashboard] #currentUserRole{font-size:10px;} #nexahrApp[data-v0-client][data-v0-dashboard] .content{display:block;padding:32px;background:#f5f7fb;} #nexahrApp[data-v0-client][data-v0-dashboard] .module-subnav-host:empty{display:none;} #nexahrApp[data-v0-client][data-v0-dashboard][data-v0-collapsed] .sidebar{width:72px;padding:20px 9px;} #nexahrApp[data-v0-client][data-v0-dashboard][data-v0-collapsed] .main{margin-left:72px;width:calc(100% - 72px);} #nexahrApp[data-v0-client] #v0DashboardLayout{padding:0;margin:0 auto;width:100%;max-width:1600px;--border:#e2e8f1;color:#19385e;font-size:calc(13px * var(--ui-font-scale,1));} #nexahrApp[data-v0-client] #v0DashboardLayout .page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 24px;} #nexahrApp[data-v0-client] #v0DashboardLayout .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600;letter-spacing:1.2px;color:#7d8ca3;} #nexahrApp[data-v0-client] #v0DashboardLayout .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#fa8756;} #nexahrApp[data-v0-client] #v0DashboardLayout #v0Date::before{content:none;} #nexahrApp[data-v0-client] #v0DashboardLayout h1{margin:14px 0 8px;font-size:calc(26px * var(--ui-font-scale,1));line-height:1.3;letter-spacing:-.65px;font-weight:650;color:#15375f;} #nexahrApp[data-v0-client] #v0DashboardLayout #dashboardGreeting{display:inline;font:inherit;color:inherit!important;} #nexahrApp[data-v0-client] #v0DashboardLayout .heading-wave{display:inline-flex;margin-left:10px;vertical-align:middle;color:#e8a345;} #nexahrApp[data-v0-client] #v0DashboardLayout .heading-wave svg{width:25px;height:25px;} #nexahrApp[data-v0-client] #v0DashboardLayout .page-heading p{margin:0;color:#7d8ca3;font-size:13px;line-height:1.6;} #nexahrApp[data-v0-client] #v0DashboardLayout .heading-actions{display:flex;gap:10px;flex-shrink:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .button{min-height:40px;padding:10px 14px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;border:1px solid #d9e3f0;} #nexahrApp[data-v0-client] #v0DashboardLayout .button-primary{background:#183e70;color:white;border-color:#183e70;} #nexahrApp[data-v0-client] #v0DashboardLayout .button-outline{background:white;color:#526b8d;} #nexahrApp[data-v0-client] #v0DashboardLayout .button-count{display:grid;place-items:center;background:#ffffff25;padding:3px 7px;border-radius:5px;font-size:11px;} #nexahrApp[data-v0-client] #v0DashboardLayout :is(button,a):focus-visible{outline:2px solid #5687ba;outline-offset:3px;} #nexahrApp[data-v0-client] #v0DashboardLayout .metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-card{padding:20px;min-width:0;min-height:158px;background:white;border:1px solid #e2e8f1;border-radius:12px;box-shadow:0 3px 8px #17345b03;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7285a1;font-size:12px;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 36px;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-icon svg{width:20px;height:20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-blue{background:#edf4fd;color:#3983c9;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-green{background:#edf8f3;color:#289773;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-purple{background:#f3effc;color:#8062cd;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-orange{background:#fff2e9;color:#e57840;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-value{margin-top:16px;font-size:calc(29px * var(--ui-font-scale,1));line-height:1.2;letter-spacing:-.6px;font-weight:650;color:#183b66;overflow-wrap:anywhere;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-foot{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;font-size:11px;line-height:1.5;color:#7d8ca3;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-delta{color:#2c9272;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .metric-footnote{flex-basis:100%;} #nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:18px;margin-bottom:18px;align-items:stretch;} #nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid[data-panels='2']{grid-template-columns:repeat(2,minmax(0,1fr));} #nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid[data-panels='1']{grid-template-columns:1fr;} #nexahrApp[data-v0-client] #v0DashboardLayout .panel{background:white;border:1px solid #e2e8f1;border-radius:12px;box-shadow:0 3px 8px #17345b03;min-width:0;overflow:hidden;} #nexahrApp[data-v0-client] #v0DashboardLayout .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;min-height:75px;border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout h2{font-size:14px;line-height:1.5;color:#173659;font-weight:600;margin:0;letter-spacing:-.2px;} #nexahrApp[data-v0-client] #v0DashboardLayout .panel-heading p{margin:5px 0 0;color:#7d8ca3;font-size:11px;line-height:1.5;} #nexahrApp[data-v0-client] #v0DashboardLayout :is(.subtle-link,.inline-note-link,.team-footer,.payroll-link){font-size:11px;color:#527caf;font-weight:400;} #nexahrApp[data-v0-client] #v0DashboardLayout .attendance-content{display:flex;align-items:center;gap:16px;padding:26px 20px;min-height:216px;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-wrap{flex:0 0 44%;display:grid;place-items:center;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-chart{width:clamp(115px,10vw,160px);height:clamp(115px,10vw,160px);border-radius:50%;display:grid;place-items:center;position:relative;flex-shrink:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-chart::before{content:'';position:absolute;inset:14px;border-radius:50%;background:white;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-center strong{font-size:29px;line-height:1.25;color:#21446b;} #nexahrApp[data-v0-client] #v0DashboardLayout .donut-center span{font-size:11px;color:#7d8ca3;} #nexahrApp[data-v0-client] #v0DashboardLayout .attendance-legend{flex:1;min-width:0;display:grid;gap:18px;} #nexahrApp[data-v0-client] #v0DashboardLayout .legend-row{display:grid;grid-template-columns:minmax(0,1fr) auto 32px;gap:8px;align-items:center;font-size:11px;} #nexahrApp[data-v0-client] #v0DashboardLayout .legend-name{display:flex;align-items:center;gap:7px;color:#687d9b;} #nexahrApp[data-v0-client] #v0DashboardLayout .legend-name i{width:8px;height:8px;border-radius:2px;flex:0 0 8px;} #nexahrApp[data-v0-client] #v0DashboardLayout .legend-row strong{font-size:11px;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .legend-percent{color:#8a9ab0;text-align:right;} #nexahrApp[data-v0-client] #v0DashboardLayout .panel-bottom-note{display:flex;align-items:center;gap:10px;border-top:1px solid #e9eef6;padding:12px 20px;font-size:10px;line-height:1.5;color:#8392a9;} #nexahrApp[data-v0-client] #v0DashboardLayout .live-indicator{margin-left:auto;display:inline-flex;align-items:center;gap:5px;color:#329875;} #nexahrApp[data-v0-client] #v0DashboardLayout .live-indicator::before{content:'';width:6px;height:6px;border-radius:50%;background:#51b78e;} #nexahrApp[data-v0-client] #v0DashboardLayout .headcount-total{display:flex;align-items:baseline;gap:9px;padding:18px 20px 10px;} #nexahrApp[data-v0-client] #v0DashboardLayout .headcount-total strong{font-size:28px;font-weight:650;} #nexahrApp[data-v0-client] #v0DashboardLayout .headcount-total span{font-size:10px;color:#8392a9;} #nexahrApp[data-v0-client] #v0DashboardLayout .department-list{display:grid;gap:13px;padding:8px 20px 20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .department-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:10px;color:#7388a5;} #nexahrApp[data-v0-client] #v0DashboardLayout .department-label strong{font-weight:500;color:#38577f;} #nexahrApp[data-v0-client] #v0DashboardLayout .bar-track{height:6px;border-radius:6px;background:#eff2f7;overflow:hidden;} #nexahrApp[data-v0-client] #v0DashboardLayout .bar-fill{height:100%;border-radius:inherit;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-total{padding:20px;display:flex;justify-content:space-between;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-total>div{display:flex;flex-direction:column;gap:10px;min-width:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .overline{font-size:10px;letter-spacing:.7px;color:#8392a9;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-total strong{font-size:clamp(22px,1.8vw,29px);line-height:1.25;letter-spacing:-.6px;overflow-wrap:anywhere;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-steps{padding:0 20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-progress{height:7px;border-radius:7px;background:#eff2f7;overflow:hidden;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-progress span{display:block;height:100%;background:linear-gradient(90deg,#193f74,#5a8fbd);border-radius:inherit;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-step-row{display:flex;justify-content:space-between;gap:8px;margin-top:12px;font-size:10px;color:#7186a3;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-step-row span{display:inline-flex;align-items:center;gap:7px;} #nexahrApp[data-v0-client] #v0DashboardLayout .step-dot{width:7px;height:7px;border-radius:50%;background:#4eaf85;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-caption{margin:18px 0 0;font-size:10px;line-height:1.6;color:#8392a9;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-link{display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;width:calc(100% - 40px);margin:18px 20px;border:1px solid #dce5f2;border-radius:7px;background:white;} #nexahrApp[data-v0-client] #v0DashboardLayout .activity-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start;} #nexahrApp[data-v0-client] #v0DashboardLayout .left-activity-column,#nexahrApp[data-v0-client] #v0DashboardLayout .side-panels{display:flex;flex-direction:column;gap:18px;min-width:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .count-badge{display:inline-grid;place-items:center;min-width:23px;padding:3px 7px;margin-left:5px;font-size:11px;border-radius:6px;color:#df7546;background:#fff1e9;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:10px 20px;border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-filter{display:flex;align-items:center;gap:9px;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-filter select{border:0;padding:2px 4px;background:white;color:#7186a3;font-size:11px;max-width:180px;} #nexahrApp[data-v0-client] #v0DashboardLayout .sort-label{font-size:10px;color:#899ab0;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-row{border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-row:last-child{border-bottom:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-main{display:grid;grid-template-columns:36px minmax(110px,1.25fr) minmax(100px,1fr) 82px 65px 14px;align-items:center;gap:12px;width:100%;min-height:72px;border:0;background:white;padding:12px 20px;text-align:left;cursor:pointer;font-size:11px;color:#38577f;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-main:hover{background:#f7faff;} #nexahrApp[data-v0-client] #v0DashboardLayout .employee-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;} #nexahrApp[data-v0-client] #v0DashboardLayout .avatar-blue{color:#3981c1;background:#e7f0fd;}#nexahrApp[data-v0-client] #v0DashboardLayout .avatar-violet{color:#8061c0;background:#f0eafa;}#nexahrApp[data-v0-client] #v0DashboardLayout .avatar-amber{color:#b7822a;background:#fdf1df;}#nexahrApp[data-v0-client] #v0DashboardLayout .avatar-rose{color:#c76c79;background:#f9e8eb;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-person{display:flex;flex-direction:column;gap:5px;min-width:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-person strong{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .employee-id{font-size:9px;color:#8b9bb1;font-weight:400;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-person small{color:#899ab0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #nexahrApp[data-v0-client] #v0DashboardLayout .request-type{display:flex;align-items:center;gap:8px;font-size:10px;min-width:0;overflow-wrap:anywhere;} #nexahrApp[data-v0-client] #v0DashboardLayout .request-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:6px;color:#568fc4;background:#edf4fc;} #nexahrApp[data-v0-client] #v0DashboardLayout .request-1{color:#568fc4;background:#edf4fc;}#nexahrApp[data-v0-client] #v0DashboardLayout .request-2{color:#8370cb;background:#f3eefb;}#nexahrApp[data-v0-client] #v0DashboardLayout .request-3{color:#579b87;background:#edf8f3;} #nexahrApp[data-v0-client] #v0DashboardLayout .submitted-date{color:#899ab0;font-size:10px;} #nexahrApp[data-v0-client] #v0DashboardLayout .status-pending{display:flex;align-items:center;gap:5px;color:#9d834e;font-size:10px;} #nexahrApp[data-v0-client] #v0DashboardLayout .status-pending i{width:6px;height:6px;background:#e9ac45;border-radius:50%;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-chevron{color:#9aabc0;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:42px;padding:10px 20px;border-top:1px solid #e9eef6;font-size:10px;color:#899ab0;} #nexahrApp[data-v0-client] #v0DashboardLayout .approval-footer>div{display:flex;gap:6px;} #nexahrApp[data-v0-client] #v0DashboardLayout .pagination-button{display:grid;place-items:center;width:28px;height:28px;background:white;border:1px solid #dfe7f2;border-radius:6px;color:#748daf;cursor:pointer;} #nexahrApp[data-v0-client] #v0DashboardLayout .pagination-button:disabled{opacity:.45;cursor:default;} #nexahrApp[data-v0-client] #v0DashboardLayout .tab-switch{display:flex;gap:16px;padding:14px 20px 0;border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout .tab-switch button{padding:0 0 13px;position:relative;background:none;border:0;font-size:10px;color:#8497b0;cursor:pointer;} #nexahrApp[data-v0-client] #v0DashboardLayout .tab-switch .tab-active{color:#446b9b;} #nexahrApp[data-v0-client] #v0DashboardLayout .tab-switch .tab-active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#fb8654;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-list{padding:0 20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-row{display:flex;align-items:center;gap:10px;min-height:62px;border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-row:last-child{border:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-person{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-person strong{font-size:11px;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .celebration-person small,#nexahrApp[data-v0-client] #v0DashboardLayout .celebration-date{font-size:10px;color:#899ab0;} #nexahrApp[data-v0-client] #v0DashboardLayout .team-heading-icon{color:#e68c40;} #nexahrApp[data-v0-client] #v0DashboardLayout .team-footer{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;min-height:40px;border:0;border-top:1px solid #e9eef6;background:white;cursor:pointer;} #nexahrApp[data-v0-client] #v0DashboardLayout #dashboardAnnouncementCreateButton{align-items:center;justify-content:center;white-space:nowrap;border:1px solid #d9e3f0;border-radius:7px;background:#fff;color:#244b7d;padding:7px 9px;font-size:10px;font-weight:600;cursor:pointer;} #nexahrApp[data-v0-client] #v0DashboardLayout #dashboardAnnouncementCreateButton:hover{background:#edf4fd;border-color:#a7c4e3;} #nexahrApp[data-v0-client] #v0DashboardLayout .announcement-list{padding:0 20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-announcement{border:0;border-bottom:1px solid #e9eef6;padding:18px 0;background:transparent;border-radius:0;margin:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-announcement-title{font-size:12px;color:#38577f;font-weight:500;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-announcement-message{font-size:11px;line-height:1.7;color:#8392a9;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-announcement-meta{font-size:10px;color:#899ab0;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-announcement-link{font-size:11px;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-empty,#nexahrApp[data-v0-client] #v0DashboardLayout .v0-state{padding:26px 20px;font-size:12px;line-height:1.7;color:#8392a9;min-height:90px;background:none;border:0;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-panel{margin:0;border:1px solid #e2e8f1;border-radius:12px;box-shadow:0 3px 8px #17345b03;background:white;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-panel-head{padding:18px 20px;min-height:75px;border-bottom:1px solid #e9eef6;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-panel-title{font-size:14px;color:#173659;font-weight:600;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-panel-subtitle{font-size:11px;color:#8392a9;margin-top:5px;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-panel-body{padding:16px 20px;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;padding:10px 12px;border:1px solid #dfe7f2;border-radius:8px;background:white;text-align:left;cursor:pointer;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick:hover{background:#f6f9fe;border-color:#a7c4e3;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick-icon{width:30px;height:30px;flex:0 0 30px;background:#edf4fc;color:#5886ba;border-radius:7px;display:grid;place-items:center;} #nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick-label{font-size:11px;color:#607d9f;font-weight:400;line-height:1.5;} #nexahrApp[data-v0-client] #v0DashboardLayout .page-footer{display:flex;justify-content:space-between;gap:10px;margin-top:22px;padding:5px 0;font-size:10px;color:#91a0b5;} @media(max-width:1100px){#nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#nexahrApp[data-v0-client] #v0DashboardLayout .payroll-panel{grid-column:1/-1;}#nexahrApp[data-v0-client] #v0DashboardLayout .activity-grid{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);}#nexahrApp[data-v0-client] #v0DashboardLayout .approval-main{grid-template-columns:32px minmax(90px,1.2fr) minmax(80px,1fr) 55px 12px;padding:12px 14px;gap:9px;}#nexahrApp[data-v0-client] #v0DashboardLayout .submitted-date{display:none;}#nexahrApp[data-v0-client][data-v0-dashboard] .search-box{width:190px;}} @media(max-width:1050px){#nexahrApp[data-v0-client][data-v0-dashboard] .sidebar{width:230px;}#nexahrApp[data-v0-client][data-v0-dashboard] .main{margin-left:230px;width:calc(100% - 230px);}#nexahrApp[data-v0-client][data-v0-dashboard] .content{padding:24px;}#nexahrApp[data-v0-client] #v0DashboardLayout .page-heading{align-items:flex-start;flex-direction:column;}#nexahrApp[data-v0-client] #v0DashboardLayout .activity-grid{grid-template-columns:1fr;}#nexahrApp[data-v0-client] #v0DashboardLayout .side-panels{display:grid;grid-template-columns:1fr 1fr;}#nexahrApp[data-v0-client][data-v0-dashboard] .v0-breadcrumb>span{display:none;}} @media(max-width:760px){body:has(#nexahrApp[data-v0-client][data-v0-dashboard]){zoom:1;}#nexahrApp[data-v0-client][data-v0-dashboard],#nexahrApp[data-v0-client][data-v0-dashboard] .main{min-height:100dvh;}#nexahrApp[data-v0-client][data-v0-dashboard] .sidebar{height:100dvh;max-height:100dvh;}#nexahrApp[data-v0-client][data-v0-dashboard] .sidebar{width:260px;transform:translateX(-100%);}#nexahrApp[data-v0-client][data-v0-dashboard].mobile-menu-open .sidebar{transform:translateX(0);}#nexahrApp[data-v0-client][data-v0-dashboard] .main,#nexahrApp[data-v0-client][data-v0-dashboard][data-v0-collapsed] .main{margin-left:0;width:100%;}#nexahrApp[data-v0-client][data-v0-dashboard] .topbar{height:60px;min-height:60px;padding:0 14px;gap:8px;}#nexahrApp[data-v0-client][data-v0-dashboard] .content{padding:20px 14px;}#nexahrApp[data-v0-client][data-v0-dashboard] .v0-header-tools .search-box{display:none;}#nexahrApp[data-v0-client][data-v0-dashboard] .ui-font-control{display:none;}#nexahrApp[data-v0-client][data-v0-dashboard] .v0-breadcrumb{font-size:11px;}#nexahrApp[data-v0-client] #v0DashboardLayout .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}#nexahrApp[data-v0-client] #v0DashboardLayout .metric-card{padding:15px;min-height:148px;}#nexahrApp[data-v0-client] #v0DashboardLayout .metric-top{font-size:11px;}#nexahrApp[data-v0-client] #v0DashboardLayout .metric-value{font-size:25px;}#nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid,#nexahrApp[data-v0-client] #v0DashboardLayout .analytics-grid[data-panels='2']{grid-template-columns:1fr;}#nexahrApp[data-v0-client] #v0DashboardLayout .payroll-panel{grid-column:auto;}#nexahrApp[data-v0-client] #v0DashboardLayout .side-panels{display:flex;}#nexahrApp[data-v0-client] #v0DashboardLayout .attendance-content{justify-content:center;}#nexahrApp[data-v0-client] #v0DashboardLayout .donut-chart{width:145px;height:145px;}#nexahrApp[data-v0-client] #v0DashboardLayout h1{font-size:24px;}#nexahrApp[data-v0-client] #v0DashboardLayout .page-heading p{font-size:12px;}#nexahrApp[data-v0-client] #v0DashboardLayout .heading-actions{flex-wrap:wrap;}#nexahrApp[data-v0-client] #v0DashboardLayout .approval-main{grid-template-columns:32px minmax(0,1fr) 55px 12px;gap:9px;}#nexahrApp[data-v0-client] #v0DashboardLayout .request-type{grid-column:2;grid-row:2;}#nexahrApp[data-v0-client] #v0DashboardLayout .status-pending{grid-column:3;grid-row:1;}#nexahrApp[data-v0-client] #v0DashboardLayout .approval-chevron{grid-column:4;grid-row:1;}#nexahrApp[data-v0-client] #v0DashboardLayout .approval-person{grid-column:2;grid-row:1;}#nexahrApp[data-v0-client] #v0DashboardLayout .employee-avatar{grid-column:1;grid-row:1/3;width:32px;height:32px;}#nexahrApp[data-v0-client] #v0DashboardLayout .page-footer{flex-wrap:wrap;}} @media(max-width:400px){#nexahrApp[data-v0-client] #v0DashboardLayout .dashboard-quick-grid{grid-template-columns:1fr;}#nexahrApp[data-v0-client] #v0DashboardLayout .metric-value{font-size:23px;}#nexahrApp[data-v0-client] #v0DashboardLayout .metric-icon{width:28px;height:28px;flex-basis:28px;}#nexahrApp[data-v0-client][data-v0-dashboard] .topbar-right{gap:5px;}#nexahrApp[data-v0-client][data-v0-dashboard] .user-avatar{display:none;}} @media print{#nexahrApp[data-v0-client][data-v0-dashboard] .sidebar,#nexahrApp[data-v0-client][data-v0-dashboard] .topbar{display:none!important;}#nexahrApp[data-v0-client][data-v0-dashboard] .main{margin:0;width:100%;}#nexahrApp[data-v0-client] #v0DashboardLayout .heading-actions{display:none;}#nexahrApp[data-v0-client] #v0DashboardLayout .panel,#nexahrApp[data-v0-client] #v0DashboardLayout .metric-card{break-inside:avoid;}} #nexahrApp[data-v0-client] #v0Date::before{display:none;} #nexahrApp[data-v0-client] #v0DashboardLayout .payroll-panel{display:block;} @media(max-width:760px){#nexahrApp[data-v0-client] #v0DashboardLayout .metric-value{font-size:clamp(18px,5vw,25px);}#nexahrApp[data-v0-client] #v0DashboardLayout .payroll-total strong{font-size:26px;}} @media print{body:has(#nexahrApp[data-v0-client][data-v0-dashboard]){zoom:1;}} /* Dedicated ESS Home. Admin / DH / RM dashboard zoom and max-width stay above. */ body:has(#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard]){zoom:1;} #nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard]{min-height:100dvh;} #nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .sidebar{height:100dvh;max-height:100dvh;} #nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .main{min-height:100dvh;overflow-x:hidden;} #nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .content{padding:24px;min-width:0;overflow-x:hidden;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout{width:100%;max-width:none;margin:0;min-width:0;box-sizing:border-box;overflow-x:clip;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .page-heading{margin-bottom:20px;gap:16px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout h1{font-size:26px;letter-spacing:-.5px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .page-heading p{font-size:13px;margin:6px 0 0;line-height:1.55;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .panel{margin:0;border:1px solid #e2e8f1;border-radius:12px;background:#fff;box-shadow:0 3px 8px #17345b03;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .panel-heading{padding:16px 20px 10px;min-height:0;border-bottom:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .panel-heading h2{margin:0;font-size:15px;color:#173659;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .panel-heading p{margin:4px 0 0;font-size:12px;color:#8392a9;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-card{margin-bottom:20px;padding:16px 20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-identity{display:flex;align-items:center;gap:14px;padding-bottom:0;border-bottom:0;flex-wrap:nowrap;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-identity>.ess-profile-name{flex:1 1 auto;min-width:0;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-avatar{width:40px;height:40px;font-size:14px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-identity h2{font-size:16px;line-height:1.3;margin:0;color:#1c293c;font-weight:650;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-identity .ess-profile-name p{margin:3px 0 0;font-size:12px;color:#6f7d90;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-manager{flex:none;display:inline-flex;align-items:center;gap:5px;padding-left:16px;border-left:1px solid #edf0f4;color:#8792a1;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-manager strong{color:#29374a;font-weight:600;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-link{flex:none;margin-left:0;border:0;background:none;color:#285b91;cursor:pointer;font-size:13px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,9fr);align-items:stretch;gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links>*,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split>*{display:flex;flex-direction:column;min-width:0;min-height:0;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split>.panel,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links>.panel,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links .panel,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split .panel{display:flex;flex-direction:column;flex:1;min-height:100%;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split .team-footer,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links .team-footer{margin-top:auto;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-top-grid:empty,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-learning-goals:empty{display:none;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-learning-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-learning-goals>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-panel .ess-quick-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 20px 20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-link{display:flex;align-items:center;gap:10px;min-width:0;min-height:48px;padding:8px 12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;text-align:left;cursor:pointer;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-link:hover{border-color:#b9cbe2;background:#f8fafc;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;background:#eef3f9;color:#183e70;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-copy{min-width:0;flex:1;color:#29374a;font-size:13px;font-weight:600;line-height:1.35;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-card-body{padding:4px 20px 20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:99px;font-size:10px;font-weight:600;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-pill-in{background:#e8f5f0;color:#2c8a6f;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-pill-out{background:#eef3f9;color:#446b9c;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-pill-none{background:#fdf3e3;color:#ad793b;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:4px 0 12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-grid.ess-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-cell{min-width:0;padding:8px 10px;border:1px solid #edf0f4;border-radius:8px;background:#fbfcfd;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-cell span{display:block;color:#8792a1;font-size:11px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-cell strong{display:block;margin-top:4px;color:#1c293c;font-size:14px;font-weight:650;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-meta-text{margin:4px 0 0;color:#8792a1;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .button.ess-compact{min-height:34px;padding:0 12px;border-radius:7px;font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-task-list,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-list,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-holiday-list{display:flex;flex-direction:column;flex:1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-task-row,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-row,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-holiday-row{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 20px;border-bottom:1px solid #f0f2f5;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-task-icon,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-icon{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:7px;background:#eef3f9;color:#446b9c;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-copy strong{overflow:hidden;color:#29374a;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-copy small{overflow:hidden;color:#8792a1;font-size:12px;text-overflow:ellipsis;white-space:nowrap;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;white-space:nowrap;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status i{width:5px;height:5px;border-radius:50%;background:currentColor;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status-pending{color:#ad793b;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status-approved{color:#2c8a6f;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-status-declined{color:#c4524d;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-empty,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .v0-state{padding:28px 20px;color:#8792a1;font-size:13px;text-align:center;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-compact-list{display:flex;flex-direction:column;gap:14px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-progress-item{display:flex;flex-direction:column;gap:4px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-progress-heading{display:flex;justify-content:space-between;gap:8px;color:#29374a;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-progress-heading strong{overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-progress-heading span{flex:none;color:#446b9c;font-weight:650;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-progress-item small{color:#8792a1;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-balance-list{display:flex;flex-direction:column;gap:13px;padding-top:6px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-balance-label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;color:#56657a;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-balance-label strong{color:#1c293c;font-size:15px;font-weight:650;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-net-row{display:flex;align-items:center;justify-content:space-between;gap:10px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-pay-toggle{border:1px solid #edf0f4;background:#fff;border-radius:8px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:#446b9c;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-destinations{display:flex;flex-wrap:wrap;gap:10px;padding:10px 20px 16px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-row{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-net-row .overline{display:block;color:#8792a1;font-size:11px;letter-spacing:.04em;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-net-row strong{display:block;margin-top:5px;color:#1c293c;font-size:26px;line-height:1.2;letter-spacing:-.5px;font-weight:650;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;background:#eef3f9;color:#446b9c;font-size:9px;font-weight:600;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-date-block{width:38px;height:42px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf0f4;border-radius:7px;background:#fff;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-date-block small{color:#e78052;font-size:8px;font-weight:700;letter-spacing:.6px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-date-block strong{color:#29374a;font-size:14px;font-weight:650;line-height:1.1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-holiday-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-holiday-copy strong{color:#29374a;font-size:13px;font-weight:600;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-holiday-copy small{color:#8792a1;font-size:12px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .count-badge{margin-left:6px;padding:2px 6px;border-radius:99px;background:#eef3f9;color:#446b9c;font-size:10px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .announcement-list{padding:0 20px;flex:1;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .dashboard-announcement{padding:12px 0;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .celebration-list{padding:0 20px;} #nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .celebration-row{min-height:52px;} @media (max-width:1100px){#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .content{padding:22px;}} @media (max-width:980px){#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-top-grid>:last-child:nth-child(odd){grid-column:1/-1;}} @media (max-width:760px){body:has(#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard]){zoom:1;}#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard],#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .main{min-height:100dvh;}#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .sidebar{height:100dvh;max-height:100dvh;}#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .content{padding:20px 16px;}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-tasks-links,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-split,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-top-grid,#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-learning-goals{grid-template-columns:minmax(0,1fr);}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-identity{flex-wrap:wrap;}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-profile-manager{padding-left:0;border-left:0;}} @media (max-width:560px){#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard] .content{padding:20px 14px;}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-request-row{align-items:flex-start;flex-wrap:wrap;}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-quick-grid{grid-template-columns:minmax(0,1fr)!important;}#nexahrApp[data-v0-ess][data-v0-client] #v0DashboardLayout .ess-time-cell strong{font-size:13px;}} @media print{body:has(#nexahrApp[data-v0-client][data-v0-ess][data-v0-dashboard]){zoom:1;}} /* Department Head Home. Zoom/height only while Home is showing. ESS rules above stay unchanged. */ body:has(#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard]){zoom:1;} #nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard]{min-height:100dvh;} #nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .sidebar{height:100dvh;max-height:100dvh;} #nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .main{min-height:100dvh;overflow-x:hidden;} #nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .content{padding:24px;min-width:0;overflow-x:hidden;} #nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] :is(.workspace-head,.premium-dashboard-link,.menu-item){white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout{width:100%;max-width:none;margin:0;min-width:0;box-sizing:border-box;overflow-x:clip;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .page-heading{margin-bottom:20px;gap:16px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout h1{font-size:26px;letter-spacing:-.5px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .page-heading p{font-size:13px;margin:6px 0 0;line-height:1.55;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .panel{margin:0;border:1px solid #e2e8f1;border-radius:12px;background:#fff;box-shadow:0 3px 8px #17345b03;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .panel-heading{padding:16px 20px 10px;min-height:0;border-bottom:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .panel-heading h2{margin:0;font-size:15px;color:#173659;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .panel-heading p{margin:4px 0 0;font-size:12px;color:#8392a9;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-card{margin-bottom:20px;padding:16px 20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-identity{display:flex;align-items:center;gap:14px;padding-bottom:0;border-bottom:0;flex-wrap:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-identity>.ess-profile-name{flex:1 1 auto;min-width:0;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-avatar{width:40px;height:40px;font-size:14px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-identity h2{font-size:16px;line-height:1.3;margin:0;color:#1c293c;font-weight:650;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-identity .ess-profile-name p{margin:3px 0 0;font-size:12px;color:#6f7d90;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-manager{flex:none;display:inline-flex;align-items:center;gap:5px;padding-left:16px;border-left:1px solid #edf0f4;color:#8792a1;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-manager strong{color:#29374a;font-weight:600;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:99px;background:#eef3f9;color:#446b9c;font-size:9px;font-weight:600;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-badge-amber{background:#fff4e3;color:#ad793b;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-badge-green{background:#edf8f2;color:#2c8a6f;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .count-badge{margin-left:6px;padding:2px 6px;border-radius:99px;background:#eef3f9;color:#446b9c;font-size:10px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-scope-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 10px;color:#5d6b7f;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions>*,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split>*,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals>*{display:flex;flex-direction:column;min-width:0;min-height:0;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions .panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split .panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals .panel{display:flex;flex-direction:column;flex:1;min-height:100%;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-single{margin-bottom:20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:stretch;gap:20px;margin-bottom:20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split>:only-child{grid-column:1/-1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approvals-panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-quick-panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-list-panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-personal-panel,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-panel{display:flex;flex-direction:column;min-width:0;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-panel .ess-quick-grid,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-quick-grid{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;align-items:start;gap:10px;padding:0 20px 20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-link{display:flex;align-items:center;align-self:start;gap:10px;min-width:0;min-height:48px;height:auto;padding:8px 12px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;text-align:left;cursor:pointer;color:inherit;font:inherit;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-link:hover{border-color:#b9cbe2;background:#f8fafc;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-icon{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:7px;background:#eef3f9;color:#183e70;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-icon svg{width:16px;height:16px;display:block;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-copy{min-width:0;flex:1;color:#29374a;font-size:13px;font-weight:600;line-height:1.35;white-space:normal;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-request-row,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:12px 20px;border:0;border-bottom:1px solid #f0f2f5;background:transparent;text-align:left;box-sizing:border-box;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-request-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-request-copy strong{overflow:hidden;color:#29374a;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-request-copy small{overflow:hidden;color:#8792a1;font-size:12px;text-overflow:ellipsis;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-status{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11px;font-weight:600;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-status i{width:5px;height:5px;border-radius:50%;background:currentColor;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-status-pending{color:#ad793b;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-status-approved{color:#2c8a6f;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-status-declined{color:#c4524d;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-meta-text{margin:8px 20px 0;color:#8792a1;font-size:12px;line-height:1.45;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-empty,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .v0-state{padding:18px 20px;color:#8792a1;font-size:13px;text-align:center;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals .ess-empty,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals .v0-state{padding:16px 20px;flex:1;display:flex;align-items:center;justify-content:center;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals .mgr-list:empty+#ess-empty{min-height:0;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-date-block{width:38px;height:42px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #edf0f4;border-radius:7px;background:#fff;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-date-block small{color:#e78052;font-size:8px;font-weight:700;letter-spacing:.6px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-date-block strong{color:#29374a;font-size:14px;font-weight:650;line-height:1.1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-list{display:flex;flex-direction:column;flex:1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-copy strong{color:#29374a;font-size:13px;font-weight:600;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-holiday-copy small{color:#8792a1;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .button.ess-compact{min-height:34px;padding:0 12px;border-radius:7px;font-size:11px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approval-dest,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approval-list,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-list,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-list{display:flex;flex-direction:column;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approval-dest .ess-request-row,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approval-list .ess-request-row{justify-content:space-between;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-approval-dest .ess-request-copy{padding-right:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .button.mgr-action{flex:none;margin-left:auto;min-height:32px;padding:0 12px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;font-size:11px;cursor:pointer;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-row{display:grid;grid-template-columns:36px minmax(0,1.4fr) auto 150px;align-items:center;gap:12px;width:100%;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-row .ess-request-copy{flex:unset;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .celebration-list{padding:0 20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .announcement-list{padding:0 20px;flex:1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split .team-footer,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals .team-footer,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions .team-footer{margin-top:auto;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px solid #f0f2f5;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search{flex:1;max-width:320px;display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid #e2e8f1;border-radius:7px;background:#fbfcfd;color:#8792a1;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#29374a;font:inherit;font-size:13px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search-count{color:#8792a1;font-size:12px;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-date input{height:34px;padding:0 8px;border:1px solid #e2e8f1;border-radius:7px;background:#fff;color:#29374a;font:inherit;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-chip{display:inline-flex;align-items:center;justify-content:center;min-width:98px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-chip-green{background:#edf8f2;color:#2c8a6f;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-chip-blue{background:#eef3f9;color:#446b9c;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-chip-amber{background:#fff4e3;color:#ad793b;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-chip-grey{background:#f1f3f6;color:#6f7d90;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-badge-red{background:#fdecec;color:#c4524d;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-times{flex:none;width:150px;display:flex;gap:10px;color:#29374a;font-size:12px;font-weight:600;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-times>span{flex:1;display:flex;flex-direction:column;gap:1px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-times small{color:#8792a1;font-size:10px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-footnote{margin:0;padding:9px 20px;color:#8792a1;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-row-end{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .button.mgr-action{min-height:32px;padding:0 12px;font-size:11px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-personal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:12px 20px 20px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-personal-cell{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:12px;border:1px solid #edf0f4;border-radius:8px;background:#fbfcfd;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-personal-cell small{color:#8792a1;font-size:12px;line-height:1.4;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-balance{width:100%;display:flex;flex-direction:column;gap:4px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-balance>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#5d6b7f;font-size:12px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-net{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-net strong{color:#1c293c;font-size:20px;font-weight:650;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-shortcuts{width:100%;display:flex;flex-direction:column;gap:6px;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-shortcut{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;padding:0 9px;border:1px solid #e2e8f1;border-radius:7px;background:#fff;color:#29374a;font-size:12px;font-weight:600;text-align:left;cursor:pointer;white-space:nowrap;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-shortcut:hover{border-color:#b9cbe2;background:#f8fafc;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-shortcut .count-badge{margin-left:auto;} #nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .v0-legacy-data{display:none;} @media (max-width:1100px){#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .content{padding:22px;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media (max-width:860px){#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-actions,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-split,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-learning-goals{grid-template-columns:minmax(0,1fr);}} @media (max-width:760px){body:has(#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard]){zoom:1;}#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard],#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .main{min-height:100dvh;}#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .sidebar{height:100dvh;max-height:100dvh;}#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .content{padding:20px 16px;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-identity{flex-wrap:wrap;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-profile-manager{padding-left:0;border-left:0;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-row{grid-template-columns:36px minmax(0,1fr);align-items:start;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-row .mgr-chip{grid-column:2;justify-self:start;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-attendance-row .mgr-times{grid-column:2;width:auto;max-width:180px;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search-row{flex-wrap:wrap;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-search{max-width:none;}} @media (max-width:560px){#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard] .content{padding:20px 14px;}#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .metrics-grid,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .ess-quick-grid,#nexahrApp[data-v0-team][data-v0-client] #v0DashboardLayout .mgr-quick-grid{grid-template-columns:minmax(0,1fr)!important;}} @media print{body:has(#nexahrApp[data-v0-client][data-v0-team][data-v0-dashboard]){zoom:1;}}