:root{--bg:#f5f7fb;--panel:#fff;--panel-soft:#f8fafc;--text:#111827;--muted:#64748b;--line:#e5e7eb;--brand:#1d4ed8;--brand-soft:#dbeafe;--danger:#b91c1c;--success:#047857;--radius:18px;--shadow:0 18px 45px rgba(15,23,42,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:290px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:18px;background:#0f172a;color:#e5e7eb;overflow:auto}.brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:22px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--brand);color:#fff;font-size:.85rem}.nav-stack{display:grid;gap:6px}.nav-stack a{padding:10px 12px;border-radius:13px;color:#cbd5e1;font-size:.92rem}.nav-stack a:hover,.nav-stack a:focus{background:rgba(255,255,255,.09);color:#fff}.content-shell{padding:24px;min-width:0}.page-stack{display:grid;gap:18px}.page-header,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.page-header{padding:22px}.split-header{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.page-header h1{margin:4px 0 6px;font-size:clamp(1.4rem,2vw,2rem)}.page-header p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.75rem;color:var(--brand)!important}.panel{padding:18px}.toolbar,.actions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.toolbar{margin-bottom:16px}.field{display:grid;gap:6px;min-width:0}.field span{font-size:.82rem;font-weight:800;color:#334155}.field.wide{flex:1 1 360px}.field.compact{flex:0 1 180px}input,select,textarea{width:100%;min-height:42px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);padding:9px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.form-grid .wide{grid-column:span 2}.full{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}.check input{width:auto;min-height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#0f172a;font-weight:800;cursor:pointer}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:var(--danger)}.btn.xs{min-height:30px;padding:5px 9px;font-size:.78rem}.alert{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff}.alert.success{background:#ecfdf5;color:var(--success);border-color:#bbf7d0}.alert.danger{background:#fef2f2;color:var(--danger);border-color:#fecaca}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:920px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{background:var(--panel-soft);color:#334155;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.data-table th button{border:0;background:transparent;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}.data-table small{display:block;color:var(--muted);margin-top:2px}.actions-cell{white-space:nowrap}.text-right{text-align:right!important}.empty-state{text-align:center;color:var(--muted);padding:30px!important}.pagination-wrap{margin-top:14px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs a{padding:9px 12px;border-radius:999px;background:var(--panel-soft);border:1px solid var(--line);font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.detail-grid div{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.detail-grid strong{display:block;font-size:.78rem;color:#475569;margin-bottom:4px}.detail-grid span{font-weight:700}.code-block{padding:14px;background:#0f172a;color:#e5e7eb;border-radius:14px;overflow:auto}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--panel-soft);font-weight:800}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:14px}.nav-stack{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.content-shell{padding:14px}.form-grid .wide{grid-column:1/-1}.data-table{min-width:760px}}.auth-page{min-height:100vh;display:grid;place-items:center;background:#eef2f7;padding:24px}.auth-shell{width:min(520px,100%)}.auth-card{display:grid;gap:18px}.auth-heading{display:flex;gap:14px;align-items:center}.form-grid.single{grid-template-columns:1fr}.check-row{display:flex;align-items:center;gap:8px;color:#475569;font-size:.92rem}.btn.full{width:100%;justify-content:center}.alert.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.small{font-size:.82rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(15,23,42,.05)}.topbar>div{display:grid;gap:2px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);display:grid;gap:6px}.metric-card span{color:#64748b;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.metric-card strong{font-size:1.8rem;color:#0f172a}.metric-card small{color:#64748b}.actions-row.wrap{flex-wrap:wrap}@media (max-width:900px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start}}@media (max-width:560px){.metric-grid{grid-template-columns:1fr}.auth-heading{align-items:flex-start}}.nav-section{display:grid;gap:4px;margin:0 0 12px}.nav-section-title{padding:8px 10px 4px;color:#94a3b8;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.nav-stack a.active{background:rgba(255,255,255,.14);color:#fff}.muted{color:var(--muted)}.panel h2,.panel h3{margin-top:0}.wide{grid-column:span 2}@media (max-width:900px){.nav-section{margin:0}.nav-section-title{grid-column:1/-1}.wide{grid-column:1/-1}}.error-text{color:#b91c1c;display:block;font-size:.78rem;margin-top:.25rem}.field-card{background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.08);border-radius:.85rem;padding:.85rem}.field-title{color:#334155;display:block;font-size:.78rem;font-weight:700;margin-bottom:.6rem;text-transform:uppercase}.compact-check-grid{display:grid;gap:.5rem 1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.readonly-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.readonly-item{background:rgba(15,23,42,.03);border:1px solid rgba(15,23,42,.07);border-radius:.75rem;padding:.75rem}.readonly-item span{color:#64748b;display:block;font-size:.76rem;font-weight:700;margin-bottom:.25rem;text-transform:uppercase}.readonly-item strong{color:#0f172a;display:block;font-size:.95rem}.nav-nested{display:grid;gap:8px}.nav-nested .nav-section{border:1px solid rgba(148,163,184,.16);border-radius:15px;background:rgba(15,23,42,.25);overflow:hidden;margin:0}.nav-nested summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#cbd5e1}.nav-nested summary::-webkit-details-marker{display:none}.nav-nested summary:after{content:'▾';font-size:.72rem;color:#94a3b8;transition:transform .15s ease}.nav-nested details:not([open]) summary:after{transform:rotate(-90deg)}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.09);font-size:.7rem;color:#cbd5e1}.nav-section-links{display:grid;gap:4px;padding:0 8px 8px}.nav-section-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:11px}.nav-section-links a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.nav-nested{grid-template-columns:1fr}.nav-section-links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.form-stack{display:grid;gap:18px}.form-section{display:grid;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel-soft);padding:16px}.form-section h2{margin:0;color:#0f172a;font-size:1rem}.field-toggle{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid var(--line);border-radius:14px;background:#fff}.field-toggle input{width:auto;min-height:auto;margin-top:3px}.field-toggle span{display:grid;gap:2px;font-size:.86rem;color:#334155}.field-toggle small{color:var(--muted);font-weight:500}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px}.check-grid label{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:700}.check-grid input{width:auto;min-height:auto}.auth-page.polished{background:radial-gradient(circle at top left,#dbeafe,transparent 34%) , linear-gradient(135deg,#eef2ff 0%,#f8fafc 48%,#e0f2fe 100%)}.auth-card.polished{border-radius:30px;padding:32px;border:1px solid rgba(148,163,184,.35);box-shadow:0 28px 80px rgba(15,23,42,.14)}.auth-card .field span{font-size:.9rem}.auth-subtitle{color:#475569;line-height:1.55}.auth-meta{display:flex;gap:8px;flex-wrap:wrap}.auth-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:.76rem;font-weight:900}.password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.password-row input{grid-column:1/-1}.auth-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.auth-help{padding:12px;border-radius:16px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;font-size:.84rem}@media (max-width:560px){.auth-card.polished{padding:22px;border-radius:22px}.form-section{padding:12px}}:root{--app-navbar-bg:#fff;--app-navbar-text:#0f172a;--app-sidebar-bg:#0f172a;--app-sidebar-text:#e5e7eb;--app-footer-bg:#fff;--app-footer-text:#64748b;--app-content-bg:#f1f5f9;--app-brand-color:#2563eb}body{background:var(--app-content-bg)!important}.sidebar{background:var(--app-sidebar-bg)!important;color:var(--app-sidebar-text)!important}.sidebar .brand,.sidebar a,.nav-nested summary{color:var(--app-sidebar-text)!important}.brand-mark{background:var(--app-brand-color)!important;overflow:hidden}.brand-mark img,.brand-logo-preview img{width:100%;height:100%;object-fit:contain;display:block}.btn.primary{background:var(--app-brand-color)!important;border-color:var(--app-brand-color)!important}.content-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;background:var(--app-content-bg)}.content-body{min-width:0}.app-navbar{position:sticky;top:0;z-index:20;margin:-22px -22px 18px;padding:12px 18px;background:var(--app-navbar-bg);color:var(--app-navbar-text);border-bottom:1px solid rgba(148,163,184,.25);display:flex;align-items:center;justify-content:space-between;gap:12px}.navbar-title{display:grid;gap:2px}.navbar-title small{color:currentColor;opacity:.7}.navbar-actions{display:flex;align-items:center;gap:10px}.navbar-dropdown{position:relative}.navbar-dropdown summary{list-style:none}.navbar-dropdown summary::-webkit-details-marker{display:none}.navbar-button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(255,255,255,.75);cursor:pointer;color:inherit}.navbar-button b{min-width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center}.profile-button span{width:24px;height:24px;border-radius:999px;background:var(--app-brand-color);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900}.navbar-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(360px,88vw);padding:10px;border:1px solid rgba(148,163,184,.35);border-radius:16px;background:#fff;color:#0f172a;box-shadow:0 20px 60px rgba(15,23,42,.18);display:grid;gap:8px}.navbar-menu-head{display:grid;gap:2px;padding:6px 8px}.navbar-menu-head small{color:#64748b}.notification-item{display:grid;gap:4px;padding:10px;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;background:#fff}.notification-item.unread{border-color:#bfdbfe;background:#eff6ff}.notification-item small{color:#64748b}.notification-empty{padding:14px;color:#64748b;text-align:center}.profile-menu{width:220px}.profile-menu a,.profile-menu button{display:flex;width:100%;border:0;background:transparent;padding:10px;border-radius:10px;text-align:left;color:#0f172a;font-weight:800;cursor:pointer}.profile-menu a:hover,.profile-menu button:hover{background:#f1f5f9}.app-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px -22px -22px;padding:14px 22px;background:var(--app-footer-bg);color:var(--app-footer-text);border-top:1px solid rgba(148,163,184,.25);font-size:.84rem}.nav-count{display:none!important}.nav-nested .nav-section-title{font-size:.76rem;letter-spacing:.08em}.settings-intro{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.settings-note{padding:10px 12px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc;color:#475569}.settings-tabs{display:flex;gap:8px;flex-wrap:wrap}.settings-tabs button{border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.settings-tabs button.active{background:var(--app-brand-color);border-color:var(--app-brand-color);color:#fff}.settings-tab-panel h2{margin:0}.color-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.color-field{grid-template-columns:50px minmax(0,1fr);align-items:end}.color-field span{grid-column:1/-1}.color-field input[type="color"]{height:42px;min-height:42px;padding:4px}.theme-preview{display:grid;grid-template-columns:150px 1fr;grid-template-areas:'nav nav' 'side content' 'footer footer';border:1px solid #cbd5e1;border-radius:18px;overflow:hidden}.preview-navbar{grid-area:nav;background:var(--preview-nav);color:var(--preview-nav-text);padding:12px;font-weight:900}.preview-sidebar{grid-area:side;background:var(--preview-side);color:var(--preview-side-text);padding:18px;min-height:100px}.preview-content{grid-area:content;background:var(--preview-content);padding:18px}.preview-content button{background:var(--preview-brand);border:0;border-radius:10px;color:#fff;padding:8px 12px}.preview-footer{grid-area:footer;background:var(--preview-footer);color:var(--preview-footer-text);padding:10px 12px}.brand-preview-card{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:12px}.brand-logo-preview{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center}.data-table.compact th,.data-table.compact td{padding:9px 10px}@media (max-width:900px){.app-navbar{position:relative;margin:-14px -14px 14px}.app-footer{margin:14px -14px -14px}.theme-preview{grid-template-columns:1fr;grid-template-areas:'nav' 'side' 'content' 'footer'}}.auth-check input[type="checkbox"]{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;flex:0 0 18px}.auth-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center}.auth-brand-mark img{width:100%;height:100%;object-fit:contain}.company-switcher{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(255,255,255,.78);font-size:.82rem;font-weight:800;color:inherit}.company-switcher span{opacity:.72}.company-switcher select{min-width:190px;border:0;background:transparent;color:inherit;font-weight:900;outline:none}.floating-import-progress{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:80;width:min(640px,calc(100vw - 24px));display:grid;grid-template-columns:minmax(0,1fr) 180px auto auto;gap:10px;align-items:center;padding:9px 12px;border:1px solid rgba(37,99,235,.25);border-radius:999px;background:rgba(239,246,255,.98);box-shadow:0 16px 45px rgba(15,23,42,.18);color:#0f172a}.import-progress-copy{display:grid;gap:1px;min-width:0}.import-progress-copy strong{font-size:.82rem}.import-progress-copy span{font-size:.74rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-progress-track{height:8px;border-radius:999px;background:#dbeafe;overflow:hidden}.import-progress-track span{height:100%;display:block;border-radius:999px;background:#2563eb;transition:width .3s ease}.floating-import-progress b{font-size:.78rem;color:#1d4ed8}.import-progress-close{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:rgba(15,23,42,.08);color:#0f172a;font-size:1.15rem;line-height:1;cursor:pointer;transition:background .2s ease , transform .2s ease}.import-progress-close:hover{background:rgba(15,23,42,.16);transform:scale(1.03)}.floating-import-progress.status-failed .import-progress-close,.floating-import-progress.status-finished_with_errors .import-progress-close{background:rgba(153,27,27,.10);color:#991b1b}.floating-import-progress.status-finished .import-progress-close{background:rgba(22,101,52,.10);color:#166534}.alert.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}@media (max-width:900px){.company-switcher{max-width:100%;border-radius:14px}.company-switcher select{min-width:120px;max-width:42vw}.floating-import-progress{grid-template-columns:1fr auto auto;top:6px;border-radius:18px}.import-progress-track{grid-column:1/-1}.import-progress-close{width:30px;height:30px}}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;font-weight:700;background:#eef2ff;color:#1e3a8a;text-transform:capitalize;white-space:nowrap}.status-failed,.status-finished_with_errors{background:#fee2e2!important;color:#991b1b!important}.status-finished{background:#dcfce7!important;color:#166534!important}.status-running,.status-queued{background:#dbeafe!important;color:#1d4ed8!important}.floating-import-progress.status-failed,.floating-import-progress.status-finished_with_errors{border-color:#fecaca}.floating-import-progress small{display:block;color:var(--muted);font-size:.74rem;margin-top:.1rem}.hris-tabs,.tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin:0 0 14px!important}.hris-tabs a,.tabs a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 13px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#fff!important;color:#334155!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important}.hris-tabs a:hover,.tabs a:hover{border-color:var(--app-brand-color,var(--brand,#2563eb))!important;color:var(--app-brand-color,var(--brand,#2563eb))!important}.hris-tabs a.active,.tabs a.active{background:var(--app-brand-color,var(--brand,#2563eb))!important;border-color:var(--app-brand-color,var(--brand,#2563eb))!important;color:#fff!important}.detail-grid-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.detail-grid .wide{grid-column:span 2}.self-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:14px}.self-service-card{display:grid;gap:5px;padding:14px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.self-service-card.important{border-color:#bfdbfe;background:#eff6ff}.self-service-card span{font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#475569}.self-service-card strong{font-size:1.18rem;line-height:1.2;word-break:break-word;color:#0f172a}.self-service-card small{color:#64748b;line-height:1.35}.mt-compact{margin-top:14px}.employee-show-page .panel h2{margin-top:0}@media (max-width:720px){.detail-grid .wide{grid-column:1/-1}.hris-tabs,.tabs{overflow:auto;flex-wrap:nowrap!important;padding-bottom:4px}.hris-tabs a,.tabs a{white-space:nowrap}}.import-form-grid{grid-template-columns:minmax(220px,1fr) minmax(280px,1fr) auto;align-items:end}.import-history-table tr.is-selected td{background:#eff6ff}.import-detail-panel{display:grid;gap:16px}.import-detail-grid.detail-grid div strong{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.import-detail-grid.detail-grid div span{display:block;margin-top:4px}.import-error-heading{align-items:end}.import-error-search{min-width:min(360px,100%)}.import-error-table{min-width:980px}.import-error-table td:nth-child(3){min-width:360px}.import-json-preview{max-width:680px;max-height:260px;margin-top:8px;font-size:.78rem;white-space:pre-wrap}.import-error-table details summary{list-style:none;width:max-content}.import-error-table details summary::-webkit-details-marker{display:none}@media (max-width:980px){.import-form-grid{grid-template-columns:1fr}.import-form-grid .actions-row{justify-content:flex-start}.import-error-heading{display:grid!important}.import-error-search{width:100%}}.hris-native-select-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.hris-search-select{position:relative;min-width:170px;width:100%;font-size:.9rem}.hris-search-select__control{width:100%;min-height:38px;border:1px solid var(--border,#d8dee7);border-radius:10px;background:#fff;display:flex;align-items:center;gap:6px;padding:4px 8px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04)}.hris-search-select__control:focus-within,.hris-search-select.is-open .hris-search-select__control{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.hris-search-select__value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#0f172a)}.hris-search-select__placeholder{color:#94a3b8}.hris-search-select__search{flex:1;min-width:60px;border:0!important;outline:0!important;background:transparent!important;padding:4px 2px!important;box-shadow:none!important;font-size:.9rem}.hris-search-select__arrow{color:#64748b;font-size:.72rem;margin-left:auto}.hris-search-select__clear{border:0;background:#f1f5f9;color:#475569;width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;font-weight:800;line-height:1;margin-left:2px;transition:background-color .15s ease , color .15s ease , transform .15s ease}.hris-search-select__clear:hover,.hris-search-select__clear:focus{background:#dbeafe;color:#1d4ed8;outline:none;transform:scale(1.03)}.hris-search-select__clear:active{transform:scale(.96)}.hris-search-select__dropdown{position:absolute;z-index:80;top: calc(100% + 4px);left:0;right:0;max-height:270px;overflow:auto;background:#fff;border:1px solid var(--border,#d8dee7);border-radius:12px;box-shadow:0 18px 38px rgba(15,23,42,.16);padding:6px}.hris-search-select:not(.is-open) .hris-search-select__dropdown {display:none}.hris-search-select__option{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text,#0f172a);text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;line-height:1.25}.hris-search-select__checkbox{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#fff;font-size:.72rem;font-weight:900;line-height:1}.hris-search-select__option.is-selected .hris-search-select__checkbox{border-color:var(--primary,#2563eb);background:var(--primary,#2563eb);color:#fff}.hris-search-select__option-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.hris-search-select__option:hover,.hris-search-select__option.is-highlighted{background:#eef6ff}.hris-search-select__option.is-selected{background:#dbeafe;font-weight:700}.hris-search-select__option.is-disabled{opacity:.55;cursor:not-allowed}.hris-search-select__empty{padding:10px;color:#64748b;font-size:.85rem}.hris-search-select__pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0}.hris-search-select__pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;border-radius:999px;background:#e0f2fe;color:#075985;padding:3px 7px;font-size:.78rem;font-weight:700}.hris-search-select__pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hris-search-select__pill button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;font-weight:900;line-height:1}.dynamic-lines-table select,.dynamic-lines-table input{min-width:110px}.dynamic-lines-table .hris-search-select{min-width:240px}.mini-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:12px}.mini-summary>div{border:1px solid var(--border,#d8dee7);border-radius:12px;padding:10px 12px;background:#f8fafc}.mini-summary span{display:block;color:#64748b;font-size:.78rem;margin-bottom:3px}.mini-summary strong{display:block;color:#0f172a;font-size:1rem}@media (max-width:768px){.hris-search-select__dropdown{position:fixed;left:12px;right:12px;top:auto;bottom:12px;max-height:55vh}}.role-manager-page{gap:14px;width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}.role-manager-page>.role-manager-hero,.role-manager-page>.role-workbench-layout{width:100%;min-width:0}.role-workbench-layout{display:grid;grid-template-columns:minmax(360px,.72fr) minmax(560px,1.55fr);gap:14px;align-items:start;width:100%;min-width:0}.role-workbench-layout>.panel{width:100%;min-width:0}.role-manager-page .panel{border-color:#e2e8f0;box-shadow:0 14px 34px rgba(15,23,42,.06)}.role-manager-hero h2,.role-manager-page h3{margin:0;color:#0f172a}.role-manager-hero .eyebrow{margin:0 0 4px}.role-manager-hero .muted,.role-manager-page .muted{margin:6px 0 0;line-height:1.45}.role-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.role-stat-card{padding:12px 14px;border:1px solid #dbe3ef;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fafc)}.role-stat-card span,.role-stat-card small{display:block;color:#64748b;font-size:.78rem}.role-stat-card span{font-weight:900;text-transform:uppercase;letter-spacing:.04em}.role-stat-card strong{display:block;margin:4px 0 2px;color:#0f172a;font-size:1.08rem;line-height:1.2}.role-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);grid-template-areas:"form permissions" "roles permissions";gap:14px;align-items:start}.role-editor{grid-area:form}.role-list-panel{min-width:0}.permission-editor{min-width:0}.section-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.section-title-row.compact{margin-bottom:10px}.status-pill,.role-chip em,.permission-check em{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;font-size:.72rem;font-style:normal;font-weight:900;line-height:1;white-space:nowrap}.status-pill.success{background:#dcfce7;color:#166534}.role-form-grid{display:grid;grid-template-columns:1fr;gap:10px}.role-form-grid .field span,.permission-toolbar .field span{color:#334155;font-size:.78rem;font-weight:900}.role-form-grid input,.role-form-grid select,.permission-toolbar input{min-height:40px;border-radius:12px}.field-error{color:#b91c1c;font-weight:800}.toggle-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc;cursor:pointer}.toggle-card input,.permission-check input{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:0!important;margin:0;accent-color:var(--app-brand-color,var(--brand,#2563eb))}.toggle-card span{display:grid;gap:2px}.toggle-card strong{color:#0f172a;font-size:.88rem}.toggle-card small{color:#64748b;font-size:.76rem}.role-chip-grid{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:2px}.role-chip{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;color:#0f172a;text-align:left;cursor:pointer;transition:border-color .15s ease , box-shadow .15s ease , transform .15s ease}.role-chip:hover{transform:translateY(-1px);border-color:#bfdbfe;box-shadow:0 10px 24px rgba(15,23,42,.08)}.role-chip.active{border-color:var(--app-brand-color,var(--brand,#2563eb));background:#eff6ff;box-shadow:0 10px 26px rgba(37,99,235,.12)}.role-chip span{display:grid;gap:2px;min-width:0}.role-chip strong,.role-chip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-chip strong{font-size:.9rem}.role-chip small{color:#64748b;font-size:.76rem}.role-chip em{background:#f1f5f9;color:#475569}.role-chip.active em{background:var(--app-brand-color,var(--brand,#2563eb));color:#fff}.permission-editor{min-width:0}.permission-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,320px);gap:12px;align-items:end;margin:12px 0}.compatibility-toggle{min-height:64px}.permission-module-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;margin-bottom:12px}.permission-module-tabs button{border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#334155;padding:8px 11px;font-size:.76rem;font-weight:900;cursor:pointer}.permission-module-tabs button:hover{border-color:var(--app-brand-color,var(--brand,#2563eb));color:var(--app-brand-color,var(--brand,#2563eb))}.permission-module-tabs button.active{background:var(--app-brand-color,var(--brand,#2563eb));border-color:var(--app-brand-color,var(--brand,#2563eb));color:#fff}.permission-groups{display:grid;gap:12px}.permission-group-card{border:1px solid #dbe3ef;border-radius:18px;background:#fff;overflow:hidden}.permission-group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.permission-group-head strong,.permission-group-head small{display:block}.permission-group-head strong{color:#0f172a}.permission-group-head small{color:#64748b;font-size:.77rem}.permission-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;padding:12px}.permission-check{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer}.permission-check:hover{border-color:#bfdbfe;background:#f8fbff}.permission-check:has(input:checked) {border-color:#93c5fd;background:#eff6ff}.permission-check-body{display:grid;gap:2px;min-width:0}.permission-check strong,.permission-check small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-check strong{color:#0f172a;font-size:.88rem}.permission-check small{color:#64748b;font-size:.74rem}.permission-check em{background:#eef2ff;color:#3730a3}@media (max-width:1180px){.role-layout,.role-workbench-layout{grid-template-columns:1fr}.role-layout{grid-template-areas:"form" "roles" "permissions"}.role-chip-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-height:none}}@media (max-width:820px){.role-stat-grid,.permission-toolbar{grid-template-columns:1fr}.permission-module-tabs{flex-wrap:nowrap;overflow-x:auto}.permission-module-tabs button{white-space:nowrap}.permission-check-grid{grid-template-columns:1fr}.permission-group-head{align-items:flex-start;flex-direction:column}}.dashboard-shortcuts-panel .section-heading h2{margin:4px 0 4px}.shortcut-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.shortcut-module-card{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,var(--panel-soft) 100%)}.shortcut-module-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.shortcut-module-head span{display:block;font-weight:900;color:#0f172a}.shortcut-module-head p{margin:4px 0 0;color:var(--muted);font-size:.84rem;line-height:1.4}.shortcut-module-head strong{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:.9rem}.shortcut-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:9px}.shortcut-button{display:grid;gap:3px;min-height:72px;padding:11px 12px;border:1px solid #dbe3ef;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04);transition:transform .15s ease , border-color .15s ease , box-shadow .15s ease}.shortcut-button:hover,.shortcut-button:focus{transform:translateY(-1px);border-color:var(--app-brand-color,var(--brand));box-shadow:0 14px 30px rgba(15,23,42,.08)}.shortcut-button span{font-weight:900;color:#0f172a}.shortcut-button small{color:var(--muted);line-height:1.35}.shortcut-module-blue{border-top:4px solid #2563eb}.shortcut-module-green{border-top:4px solid #059669}.shortcut-module-purple{border-top:4px solid #7c3aed}.shortcut-module-orange{border-top:4px solid #ea580c}@media (max-width:640px){.shortcut-module-grid,.shortcut-button-grid{grid-template-columns:1fr}}.pagination-wrap svg,.hris-pagination svg{width:1rem;height:1rem;max-width:1rem;max-height:1rem;display:inline-block;vertical-align:middle}.app-navbar{flex-wrap:wrap!important;align-items:center!important}.navbar-actions{flex-wrap:wrap!important;justify-content:flex-end!important;max-width:100%!important}.navbar-button.guide-shortcut{font-weight:900;background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.company-switcher,.role-switcher{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 10px;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:#0f172a;white-space:nowrap}.company-switcher span,.role-switcher span,.navbar-chip{font-size:.82rem;font-weight:900}.company-switcher select,.role-switcher select{min-height:30px;border-radius:12px;padding:4px 28px 4px 8px;max-width:230px}.navbar-chip{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#0f172a}.impersonation-banner{position:sticky;top:64px;z-index:19;margin:-8px 0 16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #f59e0b;border-radius:16px;background:#fffbeb;color:#78350f;box-shadow:0 14px 34px rgba(120,53,15,.08)}.impersonation-banner div{display:grid;gap:2px}.impersonation-banner span{font-size:.9rem}.nav-empty{padding:12px;border:1px dashed rgba(226,232,240,.3);border-radius:14px;color:#cbd5e1;display:grid;gap:4px}.nav-empty small{color:#94a3b8}.hris-tabs button,.tabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 13px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#fff!important;color:#334155!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 1px 2px rgba(15,23,42,.04)!important;cursor:pointer!important}.hris-tabs button:hover,.tabs button:hover{border-color:var(--app-brand-color,var(--brand,#2563eb))!important;color:var(--app-brand-color,var(--brand,#2563eb))!important}.hris-tabs button.active,.tabs button.active{background:var(--app-brand-color,var(--brand,#2563eb))!important;border-color:var(--app-brand-color,var(--brand,#2563eb))!important;color:#fff!important}.sticky-tabs{position:sticky;top:74px;z-index:11;padding:8px;background:rgba(245,247,251,.88);backdrop-filter:blur(8px);border-radius:18px}.two-column-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.4fr);gap:16px;align-items:start}.compact-form{gap:10px}.pill-check-grid,.permission-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin-top:8px}.permission-mini-grid{max-height:420px;overflow:auto;padding-right:4px}.pill-check{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border:1px solid #dbe3ef;border-radius:13px;background:#fff;min-width:0}.pill-check input{width:auto;min-height:auto;margin-top:3px}.pill-check span{display:grid;gap:2px;min-width:0;font-weight:800}.pill-check small{font-size:.72rem;color:#64748b;overflow-wrap:anywhere}.wrap-table th,.wrap-table td,.data-table th,.data-table td{overflow-wrap:anywhere;word-break:normal}.wrap-table code,.data-table code,.mini-pre,.log-detail-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.navigation-table-wrap{max-width:100%;overflow:auto}.metric-card.compact{min-width:160px;padding:12px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;display:grid;gap:2px}.metric-card.compact span{font-size:.76rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#64748b}.metric-card.compact strong{font-size:1.35rem}.metric-card.compact small{color:#64748b}.log-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:10px}.log-detail-grid div{padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.log-detail-grid strong{display:block;margin-bottom:6px}.log-detail-grid pre,.mini-pre{max-height:260px;overflow:auto;font-size:.78rem;background:#0f172a;color:#e5e7eb;border-radius:10px;padding:10px}.badge.success{background:#dcfce7;color:#166534}.muted-badge{background:#f1f5f9;color:#64748b}@media (max-width:1100px){.two-column-layout{grid-template-columns:1fr}.sticky-tabs{position:relative;top:auto}.company-switcher select,.role-switcher select{max-width:180px}}@media (max-width:720px){.app-navbar{position:relative!important}.navbar-actions{justify-content:flex-start!important}.company-switcher,.role-switcher{width:100%;justify-content:space-between;border-radius:16px}.company-switcher select,.role-switcher select{max-width:60%}.impersonation-banner{top:auto}.permission-mini-grid{max-height:300px}}.hris-tab-pane[hidden]{display:none!important}.tabs a.active,.hris-tabs a.active{background:var(--app-brand-color,var(--brand));border-color:var(--app-brand-color,var(--brand));color:#fff}.guide-illustration-panel{display:grid;gap:14px}.guide-illustration{display:block;width:100%;max-height:520px;object-fit:contain;border:1px solid #dbe3ef;border-radius:18px;background:#f8fafc;box-shadow:0 16px 38px rgba(15,23,42,.08)}.guide-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.guide-card{border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:14px;display:grid;gap:8px}.guide-card h3{margin:0}.guide-card ul,.guide-card ol{margin:0;padding-left:20px}.document-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.document-group-card{border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:12px;display:grid;gap:10px}.document-chip-list{display:flex;flex-wrap:wrap;gap:7px}.document-chip{border:1px solid #cbd5e1;background:#f8fafc;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900;color:#334155;cursor:pointer}.document-chip.active{background:var(--app-brand-color,var(--brand));border-color:var(--app-brand-color,var(--brand));color:#fff}.readonly-item{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);display:grid;gap:4px}.readonly-item span{font-size:.78rem;color:#475569;font-weight:800}.readonly-item strong{font-size:1rem}.row-selected-target{outline:2px solid #22c55e;outline-offset:-2px;background:#f0fdf4}.row-selected-source{outline:2px solid #f59e0b;outline-offset:-2px;background:#fffbeb}.merge-confirm-form{margin-top:14px}.compact-metrics{margin-bottom:12px}.mt-3{margin-top:1rem}.muted{color:var(--muted)}.two-column-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.two-column-layout h3{margin:0 0 10px}.password-policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.password-policy-help{border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;padding:14px;display:grid;gap:8px}.password-policy-help ul{margin:0;padding-left:20px}.force-password-card{border:1px solid #fed7aa;background:#fff7ed;border-radius:16px;padding:14px;display:grid;gap:10px}.force-password-card strong{color:#9a3412}@media (max-width:1000px){.two-column-layout{grid-template-columns:1fr}.guide-illustration{max-height:none}}.guide-step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.guide-step-card{padding:14px;border:1px solid #dbe3ef;border-radius:16px;background:#f8fafc;display:grid;gap:8px}.guide-step-card strong{font-size:.95rem;color:#0f172a}.guide-step-card ol{margin:0;padding-left:18px;display:grid;gap:6px;color:#334155}.guide-step-card li{line-height:1.45}.mt-compact{margin-top:12px}.muted{color:#64748b}.btn.secondary{background:#f8fafc;color:#334155}.force-password-card{padding:12px 14px;border:1px solid #fed7aa;border-radius:16px;background:#fff7ed;display:grid;gap:5px}.force-password-card strong{color:#9a3412}.force-password-card span{color:#0f172a}.force-password-card small{color:#64748b}.self-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.self-service-card{padding:14px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;display:grid;gap:4px}.self-service-card.important{background:#eff6ff;border-color:#bfdbfe}.self-service-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#64748b}.self-service-card strong{font-size:1.1rem}.self-service-card small{color:#64748b}.detail-grid-compact{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-grid .wide{grid-column:span 2}@media (max-width:720px){.detail-grid .wide{grid-column:1/-1}.actions-row{align-items:stretch}.actions-row .btn,.actions-row button{width:auto}}.face-enroll-grid{display:grid;grid-template-columns:minmax(360px,1.45fr) minmax(280px,.75fr);gap:16px;align-items:start}.face-enroll-form,.face-sample-panel{display:grid;gap:14px}.face-camera-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,.75fr);gap:14px;align-items:stretch}.face-camera-card,.face-preview-card,.face-sample-card{border:1px solid #dbe3ef;border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.camera-frame{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:16px;background:#0f172a;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover}.camera-guide-circle{position:absolute;inset:14% 24%;border:3px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:0 0 0 999px rgba(15,23,42,.16)}.camera-actions{margin-top:10px;gap:8px}.face-preview-card{display:grid;gap:10px;align-content:start}.face-preview-card img{width:100%;max-height:360px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc}.face-sample-list{display:grid;gap:10px}.face-sample-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.face-sample-card strong,.face-sample-card small{display:block}.face-sample-card small{color:#64748b}.face-sample-card .btn{justify-self:start}.face-enroll-hero .actions-row{justify-content:flex-end}@media (max-width:1080px){.face-enroll-grid,.face-camera-grid{grid-template-columns:1fr}.face-enroll-hero .actions-row{justify-content:flex-start}}@media (max-width:720px){.camera-actions .btn{flex:1 1 100%}.camera-guide-circle{inset:13% 20%}.face-sample-card{grid-template-columns:1fr}.face-enroll-grid{gap:12px}}.face-preview-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-weight:900;color:var(--app-brand-color,var(--brand,#2563eb));text-decoration:none}.face-preview-link img{width:46px;height:46px;object-fit:cover;border-radius:12px;border:1px solid #dbe3ef;background:#f8fafc;box-shadow:0 8px 18px rgba(15,23,42,.08)}.face-preview-link:hover span{text-decoration:underline}.registration-table td{vertical-align:top}.registration-device-code-panel .guide-step-card{align-content:start}.device-code-display{display:grid;gap:3px;margin:8px 0 10px;padding:12px;border:1px dashed #93c5fd;border-radius:16px;background:#eff6ff}.device-code-display span{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#1d4ed8}.device-code-display strong{font-size:1.15rem;letter-spacing:.04em;color:#0f172a;overflow-wrap:anywhere}.device-code-display small,.compact-note{font-size:.82rem}.mini-table-wrap{margin-top:12px}.registration-code-table td,.registration-code-table th{vertical-align:top}.registration-row-actions{display:grid;gap:7px;min-width:260px}.inline-assignment-controls{display:grid;grid-template-columns:minmax(160px,1fr) auto;gap:6px;align-items:center}.inline-assignment-controls select{min-height:34px;border-radius:10px;padding:5px 28px 5px 8px;font-size:.82rem}.inline-assignment-controls .btn{white-space:nowrap}.registration-table .actions-cell{min-width:280px}@media (max-width:920px){.inline-assignment-controls{grid-template-columns:1fr}.registration-row-actions{min-width:220px}.registration-table .actions-cell{min-width:220px}}.guide-filter-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(5,minmax(130px,.55fr));gap:10px;align-items:end}.guide-card-index{display:grid;gap:12px}.guide-list-card{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:14px;align-items:stretch;border:1px solid #dbe3ef;border-radius:18px;background:#fff;padding:12px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.guide-list-illustration{display:grid;place-items:center;min-height:118px;border:1px solid #e2e8f0;border-radius:16px;background:#f8fafc;overflow:hidden}.guide-list-illustration img{width:100%;height:100%;object-fit:cover}.guide-list-illustration span{font-weight:900;font-size:1.5rem;color:#2563eb}.guide-list-content{display:grid;gap:7px;align-content:start;min-width:0}.guide-list-content h3{margin:0;font-size:1.05rem}.guide-list-content p{margin:0;color:#475569;line-height:1.45}.guide-list-content small{color:#64748b}.guide-list-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.guide-show-hero .document-chip-list{margin-top:10px}.guide-pro-layout{gap:18px}.guide-narrative{display:grid;gap:12px}.guide-narrative h2{margin:0}.guide-narrative p{margin:0;color:#334155}.form-grid.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width:1180px){.guide-filter-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-filter-toolbar .wide{grid-column:1/-1}.guide-list-card{grid-template-columns:180px minmax(0,1fr)}}@media (max-width:760px){.guide-filter-toolbar,.form-grid.four{grid-template-columns:1fr}.guide-list-card{grid-template-columns:1fr}.guide-list-illustration{min-height:150px}.guide-list-actions{justify-content:flex-start}.guide-list-actions .btn{flex:1 1 auto}}:root{--app-body-bg:var(--app-content-bg,#f5f7fb);--app-body-text:var(--text,#111827);--app-panel-bg:var(--panel,#fff);--app-border-color:var(--line,#e5e7eb);--app-brand-soft-color:var(--brand-soft,#dbeafe);--app-font-family:Inter , ui-sans-serif , system-ui , -apple-system , BlinkMacSystemFont , "Segoe UI" , sans-serif;--app-base-font-size:14px;--app-navbar-font-family:inherit;--app-navbar-font-size:14px;--app-sidebar-font-family:inherit;--app-sidebar-font-size:14px;--app-footer-font-family:inherit;--app-footer-font-size:13px}html{font-size:var(--app-base-font-size)!important}body{background:var(--app-body-bg)!important;color:var(--app-body-text)!important;font-family:var(--app-font-family)!important;font-size:var(--app-base-font-size)!important}.app-shell{background:var(--app-body-bg)!important;color:var(--app-body-text)!important}.content-shell,.content-body{background:var(--app-content-bg)!important}.app-navbar,.navbar-title,.navbar-actions,.navbar-chip,.company-switcher,.role-switcher{font-family:var(--app-navbar-font-family)!important;font-size:var(--app-navbar-font-size)!important}.sidebar,.sidebar .brand,.sidebar .nav-stack,.sidebar .nav-section-title,.sidebar a{font-family:var(--app-sidebar-font-family)!important;font-size:var(--app-sidebar-font-size)!important}.app-footer{font-family:var(--app-footer-font-family)!important;font-size:var(--app-footer-font-size)!important}.preview-content{background:var(--preview-content)!important;color:var(--preview-body-text,#111827)!important}.theme-preview{background:var(--preview-body,#f5f7fb)!important}.check input[type="checkbox"],.mini-check input[type="checkbox"],.pill-check input[type="checkbox"],.permission-check-body input[type="checkbox"],.auth-check input[type="checkbox"],.data-table input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;flex:0 0 16px!important;accent-color:var(--app-brand-color,var(--brand,#2563eb));box-shadow:none!important}.mini-check{display:inline-flex!important;align-items:center!important;gap:6px!important;margin:0 8px 4px 0!important;font-size:.8rem!important;font-weight:800!important;color:#334155!important;white-space:nowrap!important;line-height:1.2!important}.component-basis-cell{min-width:150px!important;white-space:normal!important}.compact-table input,.compact-table select{min-height:36px!important;border-radius:10px!important;padding:7px 9px!important;font-size:.88rem!important}.compact-table th,.compact-table td{padding:8px 10px!important;vertical-align:middle!important}.settings-grid-form .soft-panel{box-shadow:none!important;border-style:solid!important}.settings-grid-form .setting-field small,.settings-tab-panel .field small{line-height:1.35!important}input[type="checkbox"],.check input[type="checkbox"],.mini-check input[type="checkbox"],.pill-check input[type="checkbox"],.permission-check-body input[type="checkbox"],.auth-check input[type="checkbox"],.data-table input[type="checkbox"],.compact-table input[type="checkbox"],.payroll-template-page input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;padding:0!important;margin:0!important;border-radius:4px!important;flex:0 0 16px!important;line-height:16px!important;vertical-align:middle!important;accent-color:var(--app-brand-color,var(--brand,#2563eb))}.payroll-template-page .component-basis-cell{display:flex!important;flex-wrap:wrap!important;gap:6px 10px!important;align-items:center!important;min-width:130px!important;max-width:180px!important}.payroll-template-page .mini-check{display:inline-flex!important;align-items:center!important;gap:5px!important;margin:0!important;font-size:.78rem!important;font-weight:800!important;color:#334155!important}.payroll-template-page .data-table td,.payroll-template-page .data-table th{vertical-align:middle!important}.guide-system-library{display:grid;gap:16px}.guide-sequence-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.guide-sequence-figure{margin:0;border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.06);overflow:hidden;display:grid;gap:0}.guide-sequence-figure img{display:block;width:100%;height:auto;max-height:820px;object-fit:contain;background:#f8fafc}.guide-sequence-figure figcaption{padding:8px 12px;border-top:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:.78rem;font-weight:900}.guide-list-illustration img{object-fit:contain;background:#f8fafc}.guide-illustration{object-fit:contain}.prose-panel .guide-sequence-gallery{margin-bottom:14px}.prose-panel .guide-sequence-figure:first-child{grid-column:1/-1}.prose-panel .guide-sequence-figure:first-child img{max-height:980px}@media (max-width:780px){.guide-sequence-gallery{grid-template-columns:1fr}.guide-sequence-figure img{max-height:none}}.guide-image-missing{object-fit:contain!important;background:#f8fafc!important}.guide-list-illustration img[src$="guide-placeholder.svg"],.guide-illustration[src$="guide-placeholder.svg"]{object-fit:contain;background:linear-gradient(135deg,#eff6ff,#ecfdf5)}.prose-panel img{max-width:100%;height:auto;border-radius:18px}.prose-panel img[src$="guide-placeholder.svg"]{border:1px dashed #94a3b8}.hris-search-select__control:focus{outline:none}.hris-search-select__dropdown--portal{position:fixed!important;z-index:10050!important;display:none;max-width:calc(100vw - 16px)}.hris-search-select__dropdown--portal.is-open{display:block}.hris-search-select.has-empty-source + .hris-search-select__dropdown--portal,
.hris-search-select:not(.is-open) + .hris-search-select__dropdown--portal {display:none}.dynamic-lines-table .hris-search-select__control,.data-table .hris-search-select__control{min-height:36px;border-radius:10px}.dynamic-lines-table .hris-search-select__search,.data-table .hris-search-select__search{min-height:28px;font-size:.84rem}.hris-search-select__option{font-size:.86rem}.hris-search-select__option:focus{outline:none;background:#eef6ff}@media (max-width:768px){.hris-search-select__dropdown--portal{left:12px!important;right:12px!important;width:auto!important;max-height:55vh!important}}.hris-tabs button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:.55rem .85rem;border-radius:.75rem}.hris-tabs button.active,.hris-tabs a.active{background:rgba(15,23,42,.08);font-weight:700}.tax-profile-table td{vertical-align:top}.tax-profile-table input,.tax-profile-table select,.tax-profile-table textarea{min-width:140px}.mini-form-grid{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:.45rem}@media (max-width:760px){.mini-form-grid{grid-template-columns:1fr}.tax-profile-table input,.tax-profile-table select,.tax-profile-table textarea{min-width:180px}}.role-chip{flex-direction:column;align-items:stretch;cursor:default}.role-chip-main{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.role-chip-actions{justify-content:flex-end;gap:6px;margin-top:6px}.app-breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.55rem 1.5rem;border-top:1px solid rgba(148,163,184,.18);border-bottom:1px solid rgba(148,163,184,.18);background:rgba(255,255,255,.72);color:#64748b;font-size:.78rem}.app-breadcrumbs a{color:#2563eb;text-decoration:none;font-weight:700}.app-breadcrumbs a:hover{text-decoration:underline}.notification-all-link{display:block;margin-top:.55rem;padding:.6rem .75rem;border-radius:.75rem;background:#f8fafc;color:#2563eb;font-weight:800;text-decoration:none;text-align:center}.notification-all-link:hover{background:#eff6ff}@media (max-width:720px){.app-breadcrumbs{padding:.5rem .9rem;font-size:.72rem}}.notification-menu{width:min(400px,92vw);max-height:min(76vh,620px);overflow-y:auto}.notification-menu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-menu-close{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#334155;cursor:pointer;font-weight:900;line-height:1}.notification-menu-close:hover{background:#f1f5f9}.notification-item{text-decoration:none;transition:transform .12s ease , border-color .12s ease , background .12s ease}.notification-item:hover{transform:translateY(-1px);border-color:#60a5fa;background:#f8fbff}.notification-item-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.notification-item-topline strong{min-width:0}.notification-item-topline em{flex:0 0 auto;color:#64748b;font-size:.72rem;font-style:normal;font-weight:800}.notification-item-action{color:#2563eb;font-size:.78rem;font-weight:900}.notification-menu-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;margin-top:.35rem}.notification-menu-actions form{margin:0}.notification-all-link,.notification-read-all-link{display:inline-flex;width:100%;min-height:38px;align-items:center;justify-content:center;padding:.55rem .7rem;border:1px solid #bfdbfe;border-radius:.75rem;background:#eff6ff;color:#2563eb;font:inherit;font-weight:900;text-decoration:none;cursor:pointer}.notification-read-all-link{border-color:#e2e8f0;background:#fff;color:#334155}.notification-all-link:hover,.notification-read-all-link:hover{background:#dbeafe}@media (max-width:560px){.notification-menu-actions{grid-template-columns:1fr}}.content-shell{grid-template-rows:auto auto minmax(0,1fr) auto!important}.content-body{width:100%;max-width:none!important;padding:0!important}.page-stack{width:100%}.page-header,.panel{width:100%}.app-breadcrumbs{margin:0 0 14px!important;padding:.5rem 1rem!important;min-height:0!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(148,163,184,.22)!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(15,23,42,.04)!important;align-self:start!important;line-height:1.4!important}.app-breadcrumbs a,.app-breadcrumbs span{display:inline-flex;align-items:center;min-height:22px}.app-breadcrumbs .breadcrumb-current{font-weight:900;color:#0f172a}.app-breadcrumbs .breadcrumb-separator{color:#94a3b8;font-weight:900}.notification-detail-panel .section-heading,.notification-page-panel .section-heading{align-items:flex-start}.notification-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.notification-detail-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.dashboard-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.dashboard-widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.dashboard-widget-card{display:grid;gap:10px;min-height:138px;padding:16px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff 0%,var(--panel-soft) 100%);box-shadow:0 10px 28px rgba(15,23,42,.055)}.dashboard-widget-card h3,.dashboard-widget-panel h3{margin:0;color:#0f172a;font-size:1rem}.dashboard-widget-card .widget-value{font-size:clamp(1.6rem,3vw,2.45rem);font-weight:950;letter-spacing:-.04em;line-height:1}.dashboard-widget-card small,.dashboard-widget-panel small{color:var(--muted);line-height:1.35}.dashboard-widget-panel{padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045);min-width:0}.dashboard-widget-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.dashboard-chart-bars{display:grid;gap:10px}.dashboard-chart-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(120px,2fr) auto;gap:10px;align-items:center;font-size:.86rem}.dashboard-chart-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800;color:#334155}.dashboard-chart-track{height:12px;border-radius:999px;background:#e2e8f0;overflow:hidden}.dashboard-chart-fill{height:100%;border-radius:999px;background:var(--app-brand-color,var(--brand,#2563eb));min-width:3px}.dashboard-chart-value{font-weight:900;color:#0f172a;text-align:right}.dashboard-mini-table{width:100%;border-collapse:collapse;min-width:0}.dashboard-mini-table th,.dashboard-mini-table td{padding:8px 9px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top;font-size:.84rem}.dashboard-mini-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#475569;background:#f8fafc}.dashboard-widget-builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.dashboard-widget-builder-preview{border:1px dashed #bfdbfe;background:#eff6ff;border-radius:18px;padding:14px}.dashboard-widget-list{display:grid;gap:10px}.dashboard-widget-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.dashboard-widget-list-item strong{display:block}.dashboard-widget-list-item small{color:var(--muted);display:block;margin-top:3px}@media (max-width:900px){.content-shell{display:block!important}.app-breadcrumbs{margin:0 0 12px!important}.dashboard-section-grid,.notification-detail-sections{grid-template-columns:1fr}.dashboard-chart-row{grid-template-columns:minmax(80px,1fr) minmax(100px,1.4fr) auto}.dashboard-widget-list-item{display:grid}.dashboard-widget-list-item .actions-row{justify-content:flex-start}}@media (max-width:560px){.content-shell{padding:0!important}.content-body{padding:14px!important}.app-navbar{margin:0!important;border-radius:0!important}.app-breadcrumbs{margin:10px 14px 0!important}.dashboard-chart-row{grid-template-columns:1fr;gap:4px}.dashboard-chart-value{text-align:left}.notification-menu{right:-54px;width:min(340px,96vw)}}.dashboard-builder-layout{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr)}.dashboard-builder-preview-panel{position:sticky;top:16px}.dashboard-widget-builder-preview{display:grid;gap:12px;min-height:180px}.dashboard-widget-builder-preview>.dashboard-widget-card,.dashboard-widget-builder-preview>.dashboard-widget-panel{min-height:180px}.dashboard-active-preview-heading{margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0}.dashboard-widget-grid-compact{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.dashboard-widget-grid-compact .dashboard-widget-card{min-height:118px;padding:14px}.dashboard-widget-grid-compact .dashboard-widget-panel{padding:14px}.badge-soft{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:.78rem;font-weight:900;padding:.45rem .7rem;white-space:nowrap}.small-text{font-size:.82rem}.dashboard-donut-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:center}.dashboard-donut{width:min(180px,48vw);aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08) , 0 14px 32px rgba(15,23,42,.12);position:relative;display:grid;place-items:center;margin-inline:auto}.dashboard-donut::after{content:"";position:absolute;inset:28%;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08)}.dashboard-widget-pie .dashboard-donut::after{display:none}.dashboard-donut span{position:relative;z-index:1;font-weight:950;color:#0f172a;font-size:1.2rem}.dashboard-chart-legend{display:grid;gap:8px;min-width:0}.dashboard-chart-legend div{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.84rem;color:#334155}.dashboard-chart-legend span{width:10px;height:10px;border-radius:999px;background:var(--legend-color,#2563eb)}.dashboard-chart-legend strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-chart-legend em{font-style:normal;font-weight:900;color:#0f172a}.dashboard-chart-legend-inline{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));margin-top:10px}.dashboard-chart-legend-inline div{grid-template-columns:minmax(0,1fr) auto;border:1px solid #e2e8f0;border-radius:12px;padding:7px 9px;background:#f8fafc}.dashboard-line-chart{width:100%;height:auto;max-height:180px;color:var(--app-brand-color,var(--brand,#2563eb));background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;padding:10px;overflow:visible}.dashboard-line-chart circle{fill:#fff;stroke:currentColor;stroke-width:3}.dashboard-stacked-track{display:flex;width:100%;height:28px;border-radius:999px;overflow:hidden;background:#e2e8f0;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);margin-bottom:14px}.dashboard-stacked-track span{height:100%;background:var(--stack-color,#2563eb);min-width:8px}.dashboard-widget-panel-chart{min-height:220px}.dashboard-widget-panel-table{min-height:220px}@media (max-width:1100px){.dashboard-builder-layout{grid-template-columns:1fr}.dashboard-builder-preview-panel{position:static}.dashboard-donut-layout{grid-template-columns:1fr}.dashboard-donut{width:min(180px,70vw)}.dashboard-chart-legend{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (max-width:560px){.dashboard-widget-builder-grid{grid-template-columns:1fr}.dashboard-widget-grid-compact{grid-template-columns:1fr}.dashboard-widget-panel-chart{min-height:auto}.dashboard-donut{width:min(160px,70vw)}.badge-soft{width:100%}}:root{--app-card-radius:18px;--app-compact-gap:12px;--app-soft-line:rgba(148,163,184,.24);--app-focus-ring:rgba(15,118,110,.16)}body{font-size:var(--app-base-font-size,14px)}.content-shell{padding:18px!important;gap:0!important}.content-body{display:grid;gap:14px}.page-stack{gap:14px!important}.page-header{padding:18px!important;border-radius:20px!important;box-shadow:0 12px 34px rgba(15,23,42,.055)!important}.page-header h1{font-size:clamp(1.35rem,1.8vw,1.9rem)!important;letter-spacing:-.035em!important}.panel{padding:16px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.045)!important}.soft-panel{background:linear-gradient(180deg,#fff 0%,rgba(248,250,252,.9) 100%)!important}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))!important;gap:12px!important}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))!important}.color-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))!important}.toolbar,.actions-row{gap:9px!important}input,select,textarea{min-height:39px!important;border-radius:12px!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px var(--app-focus-ring)!important}.btn{min-height:36px!important;border-radius:11px!important;padding:7px 11px!important}.btn.small,.btn.xs{min-height:30px!important;padding:5px 9px!important;font-size:.78rem!important}.badge,.status-pill{font-size:.75rem!important;padding:.23rem .52rem!important}.data-table th,.data-table td{padding:9px 10px!important}.data-table th{font-size:.72rem!important}.table-wrap{border-radius:16px!important}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))!important;gap:10px!important}.readonly-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))!important;gap:10px!important}.readonly-item,.detail-grid div{padding:10px 11px!important;border-radius:13px!important}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}.metric-card{padding:14px!important;border-radius:16px!important}.metric-card strong{font-size:1.55rem!important}.app-navbar{margin:-18px -18px 14px!important;padding:10px 14px!important;min-height:58px!important}.navbar-button,.company-switcher,.role-switcher,.navbar-chip{min-height:36px!important;padding:6px 9px!important}.app-breadcrumbs{font-size:.75rem!important;padding:.45rem .85rem!important;margin:0 0 12px!important;border-radius:13px!important;background:rgba(255,255,255,.78)!important}.palette-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.palette-card{display:grid;gap:7px;align-content:start;text-align:left;border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:12px;cursor:pointer;color:#0f172a;transition:border-color .15s ease , box-shadow .15s ease , transform .15s ease}.palette-card:hover,.palette-card:focus{border-color:var(--app-brand-color,#0f766e);box-shadow:0 12px 30px rgba(15,23,42,.08);transform:translateY(-1px);outline:none}.palette-card.active{border-color:var(--app-brand-color,#0f766e);background:linear-gradient(180deg,#fff,#f0fdfa);box-shadow:0 0 0 3px rgba(15,118,110,.11)}.palette-card strong{font-size:.94rem}.palette-card small{color:#64748b;line-height:1.35}.palette-card-swatches{display:flex;gap:5px;align-items:center}.palette-card-swatches i{width:30px;height:20px;border-radius:999px;border:1px solid rgba(15,23,42,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.theme-preview{border-radius:18px!important;min-height:180px}.preview-content{display:grid;gap:8px;align-content:start}@media (min-width:1280px){.content-shell{padding:20px 24px!important}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.dashboard-widget-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}}@media (max-width:900px){.content-shell{padding:0!important}.content-body{padding:14px!important}.page-header,.panel{border-radius:18px!important}.app-navbar{margin:0!important}.app-breadcrumbs{margin:10px 14px 0!important}.data-table{min-width:760px!important}}@media (max-width:560px){.content-body{padding:12px!important}.page-header,.panel{padding:14px!important}.form-grid,.compact-grid,.color-grid,.palette-card-grid{grid-template-columns:1fr!important}.actions-row .btn,.toolbar .btn{width:auto!important}.navbar-actions{gap:7px!important}.company-switcher,.role-switcher{white-space:normal!important}}.palette-card-title-row{align-items:flex-start;display:flex;gap:.5rem;justify-content:space-between;line-height:1.2;width:100%}.palette-card-title-row em{background:color-mix(in srgb,var(--app-brand-color,#0f766e) 12%,#fff);border:1px solid color-mix(in srgb,var(--app-brand-color,#0f766e) 24%,transparent);border-radius:999px;color:var(--app-brand-color,#0f766e);flex:0 0 auto;font-size:.68rem;font-style:normal;font-weight:800;letter-spacing:.02em;padding:.15rem .45rem;text-transform:uppercase}.palette-card small{line-height:1.35}.app-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.footer-meta-left,.footer-meta-right{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.footer-link,.developer-credit{color:var(--app-footer-text,#64748b);font-size:.78rem;text-decoration:none;opacity:.86}.footer-link:hover{color:var(--app-brand-color,#0f766e);opacity:1}.developer-credit{opacity:.72}.app-meta-preview{justify-content:flex-start;gap:.9rem}.settings-inline-card{border:1px solid rgba(148,163,184,.32);border-radius:18px;background:rgba(255,255,255,.72);padding:.85rem 1rem}.compact-check{display:flex;align-items:flex-start;gap:.65rem}.compact-check input{margin-top:.22rem;width:1rem;height:1rem}.compact-check span{display:grid;gap:.18rem}.changelog-page .compact-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem}.version-summary-card{min-width:190px;border:1px solid rgba(15,118,110,.18);background:linear-gradient(135deg,rgba(15,118,110,.08),rgba(14,165,233,.08));border-radius:18px;padding:.9rem 1rem;display:grid;gap:.2rem}.version-summary-card strong{font-size:1.5rem;line-height:1}.version-summary-card small{color:var(--app-body-text,#0f172a);opacity:.68}.changelog-list{display:grid;gap:.85rem}.changelog-card{border:1px solid rgba(148,163,184,.28);border-radius:18px;background:rgba(255,255,255,.76);padding:1rem}.changelog-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.changelog-card h3{margin:.1rem 0 .35rem}.changelog-details{margin-top:.65rem}.changelog-details summary{cursor:pointer;color:var(--app-brand-color,#0f766e);font-weight:800}.changelog-details pre{white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;margin:.75rem 0 0;padding:.9rem;border-radius:14px;background:rgba(15,23,42,.045);color:var(--app-body-text,#0f172a);font-size:.82rem;line-height:1.45}@media (max-width:720px){.changelog-page .compact-hero,.app-footer-meta{align-items:flex-start;flex-direction:column}.version-summary-card{width:100%}}.attendance-index-page,.attendance-detail-page{gap:14px!important}.attendance-list-hero,.attendance-hero-panel{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important;border:1px solid #dbe7ff!important}.attendance-hero-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.attendance-hero-main h2,.attendance-list-hero h2{margin:.1rem 0 .35rem;font-size:clamp(1.35rem,2vw,2rem);line-height:1.15}.attendance-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.attendance-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed #cbd5e1}.attendance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.attendance-summary-card{display:grid;gap:4px;min-width:0;padding:13px 14px;border:1px solid #dbe3ef;border-radius:17px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.045)}.attendance-summary-card.warning{background:#fffbeb;border-color:#fde68a}.attendance-summary-card span{font-size:.73rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.attendance-summary-card strong{font-size:1.2rem;line-height:1.2;color:#0f172a;overflow-wrap:anywhere}.attendance-summary-card small{color:#64748b;line-height:1.3}.attendance-detail-layout,.attendance-tabs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.attendance-card{min-width:0}.attendance-card .section-heading h3,.attendance-correction-panel h3,.attendance-manual-panel h3{margin:.1rem 0 .35rem}.audit-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.audit-mini-grid.dense{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.audit-mini-grid>div,.manual-selected-card{padding:11px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;min-width:0}.audit-mini-grid span,.manual-selected-card span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:#64748b}.audit-mini-grid strong,.manual-selected-card strong{display:block;margin-top:2px;line-height:1.2;overflow-wrap:anywhere}.audit-mini-grid small,.manual-selected-card small{display:block;margin-top:3px;color:#64748b;line-height:1.35}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.02em;text-transform:uppercase;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;white-space:nowrap}.status-pill.success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.status-pill.warning{background:#fffbeb;border-color:#fde68a;color:#a16207}.status-pill.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.status-pill.muted{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.attendance-timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;position:relative}.timeline-item:not(:last-child)::before{content:"";position:absolute;left:8px;top:20px;bottom:-10px;width:2px;background:#e2e8f0}.timeline-item>span{width:18px;height:18px;border-radius:999px;margin-top:2px;background:#94a3b8;border:3px solid #fff;box-shadow:0 0 0 1px #cbd5e1;z-index:1}.timeline-item.success>span{background:#10b981}.timeline-item.warning>span{background:#f59e0b}.timeline-item.danger>span{background:#ef4444}.timeline-item strong{display:block}.timeline-item small{display:block;color:#64748b}.timeline-item p{margin:3px 0 0;color:#475569;line-height:1.35}.review-box{display:grid;gap:10px;margin-top:12px}.attendance-correction-panel{border-color:#bfdbfe!important;background:#f8fbff!important}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.metadata-card{border:1px solid #dbe3ef;border-radius:14px;background:#fff;overflow:hidden}.metadata-card summary{cursor:pointer;padding:10px 12px;font-weight:900;background:#f8fafc}.metadata-card pre,.mini-pre{margin:0;padding:11px;border-radius:0;background:#0f172a;color:#e5e7eb;font-size:.78rem;line-height:1.45;white-space:pre-wrap;overflow:auto;max-height:320px}.compact-wrap .data-table{min-width:720px!important}.attendance-table-wrap .data-table{min-width:980px!important}.attendance-table td{vertical-align:middle!important}.manual-collapsed-grid{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;align-items:end}.attendance-manual-panel.is-collapsed{background:#fff!important}.compact-toolbar{gap:10px!important}.compact-form{gap:10px!important}.field.full{grid-column:1/-1}@media (max-width:1180px){.attendance-detail-layout,.attendance-tabs-grid{grid-template-columns:1fr}.manual-collapsed-grid{grid-template-columns:1fr 1fr 1fr}.manual-collapsed-grid .field{grid-column:1/-1}}@media (max-width:720px){.attendance-hero-main{display:grid}.attendance-hero-actions{justify-content:flex-start}.attendance-summary-grid{grid-template-columns:1fr}.manual-collapsed-grid{grid-template-columns:1fr}.manual-collapsed-grid .btn{justify-content:center}.attendance-status-strip{overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.status-pill{white-space:nowrap}}.attendance-anomalies-page .as-button{appearance:none;border:1px solid #dbe3ef;text-align:left;cursor:pointer;transition:.16s ease}.attendance-anomalies-page .as-button:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#93c5fd}.attendance-anomalies-page .data-table td small{display:block;margin-top:2px;color:#64748b;line-height:1.3}.attendance-anomalies-page .attendance-hero-actions{align-items:center}.attendance-anomalies-page .attendance-summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (max-width:720px){.attendance-anomalies-page .attendance-hero-actions .btn{width:100%;justify-content:center}.attendance-anomalies-page .toolbar{display:grid;grid-template-columns:1fr!important}.attendance-anomalies-page .field{width:100%}}.dashboard-widget-grid{align-items:stretch!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:12px!important}.dashboard-widget-card,.dashboard-widget-panel{min-height:var(--widget-min-height,150px)!important;border:1px solid color-mix(in srgb,var(--line,#e2e8f0) 82%,#fff)!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(15,23,42,.045)!important}.dashboard-widget-card{align-content:space-between!important;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)!important;padding:14px 16px!important}.dashboard-widget-card h3,.dashboard-widget-panel h3{font-size:.95rem!important;letter-spacing:-.015em!important}.dashboard-widget-card small,.dashboard-widget-panel small{color:#64748b!important;font-size:.78rem!important}.dashboard-widget-stat .widget-value{font-size:clamp(1.65rem,2.25vw,2.35rem)!important;margin-top:10px!important}.dashboard-widget-panel{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;padding:14px!important}.dashboard-widget-head{margin-bottom:10px!important}.dashboard-bar-list{display:grid!important;gap:9px!important}.dashboard-bar-row{display:grid!important;gap:5px!important}.dashboard-bar-row>div:first-child{align-items:center!important;display:flex!important;justify-content:space-between!important;gap:8px!important}.dashboard-bar-row strong{font-size:.82rem!important;line-height:1.2!important}.dashboard-bar-row span{color:#475569!important;font-size:.76rem!important;font-weight:800!important}.dashboard-bar-track{background:#e2e8f0!important;border-radius:999px!important;height:8px!important;overflow:hidden!important}.dashboard-bar-track span{background:var(--bar-color,#2563eb)!important;border-radius:inherit!important;display:block!important;height:100%!important}.dashboard-mini-table-wrap{max-height:calc(var(--widget-min-height,230px) - 74px)!important;overflow:auto!important}.dashboard-mini-table{font-size:.78rem!important;min-width:0!important;width:100%!important}.dashboard-mini-table th,.dashboard-mini-table td{padding:7px 8px!important;white-space:nowrap!important}.dashboard-mini-table th{background:#f8fafc!important;color:#475569!important;font-size:.68rem!important;letter-spacing:.04em!important;text-transform:uppercase!important}.dashboard-donut-layout{align-items:center!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:12px!important}.dashboard-donut{height:112px!important;width:112px!important}.dashboard-chart-legend{display:grid!important;gap:6px!important}.dashboard-chart-legend div{align-items:center!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important}.dashboard-chart-legend span{background:var(--legend-color,#2563eb)!important;border-radius:999px!important;height:9px!important;width:9px!important}.dashboard-chart-legend strong{font-size:.78rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.dashboard-chart-legend em{color:#475569!important;font-size:.76rem!important;font-style:normal!important;font-weight:800!important}.dashboard-widget-builder-grid{grid-template-columns:repeat(4,minmax(180px,1fr))!important}.dashboard-builder-hero .field.full,.dashboard-builder-hero .actions-row.full{grid-column:1/-1!important}.dashboard-builder-check{align-self:center!important;min-height:39px!important}.dashboard-widget-list-item{align-items:center!important}@media (max-width:1280px){.dashboard-widget-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}.dashboard-widget-grid>.dashboard-widget-card,.dashboard-widget-grid>.dashboard-widget-panel{grid-column:span 3!important}.dashboard-widget-grid>.dashboard-widget-panel-table{grid-column:span 6!important}.dashboard-widget-builder-grid{grid-template-columns:repeat(2,minmax(180px,1fr))!important}}@media (max-width:720px){.dashboard-widget-grid{grid-template-columns:1fr!important}.dashboard-widget-grid>.dashboard-widget-card,.dashboard-widget-grid>.dashboard-widget-panel{grid-column:1/-1!important}.dashboard-widget-builder-grid{grid-template-columns:1fr!important}.dashboard-donut-layout{grid-template-columns:1fr!important;justify-items:center!important}}.qr-print-sheet{display:grid;grid-template-columns:repeat(var(--qr-grid-columns,3),minmax(0,1fr));gap:10px;align-items:stretch}.qr-employee-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;min-height:136px;padding:10px;border:1.5px dashed #64748b;border-radius:12px;background:#fff;break-inside:avoid;page-break-inside:avoid}.qr-employee-card::before,.qr-employee-card::after{content:'';position:absolute;width:8px;height:8px;border-color:#94a3b8;border-style:solid}.qr-employee-card::before{top:4px;left:4px;border-width:1px 0 0 1px}.qr-employee-card::after{right:4px;bottom:4px;border-width:0 1px 1px 0}.qr-box img,.qr-placeholder{width:96px;height:96px}.qr-placeholder{display:grid;place-items:center;text-align:center;padding:6px;border:1px solid #cbd5e1;border-radius:10px;word-break:break-word}.qr-card-info{display:grid;gap:2px;align-content:start;min-width:0}.qr-card-info strong{font-size:14px;line-height:1.2}.qr-card-info span,.qr-card-info small,.qr-card-info em,.qr-code-line{font-size:11px;line-height:1.25}.qr-code-line b{letter-spacing:.04em}.qr-density-compact .qr-employee-card{grid-template-columns:76px minmax(0,1fr);min-height:108px;padding:8px;gap:8px}.qr-density-compact .qr-box img,.qr-density-compact .qr-placeholder{width:76px;height:76px}.qr-density-compact .qr-card-info strong{font-size:12px}.qr-density-large .qr-employee-card{grid-template-columns:120px minmax(0,1fr);min-height:164px;padding:12px}.qr-density-large .qr-box img,.qr-density-large .qr-placeholder{width:120px;height:120px}@media print{@page { size: A4 portrait; margin: 8mm; }body{background:#fff!important;color:#000!important}.no-print,.app-sidebar,.app-topbar,.page-header,nav,header{display:none!important}.qr-card-page,.page-stack{display:block!important;margin:0!important;padding:0!important}.qr-print-sheet{gap:5mm;grid-template-columns:repeat(var(--qr-grid-columns,3),minmax(0,1fr))!important}.qr-employee-card{box-shadow:none!important;border:1px dashed #000!important;border-radius:4px!important}}@media (max-width:720px){.qr-print-sheet{grid-template-columns:1fr}}.compact-definition-list{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:6px 10px;margin:0}.compact-definition-list dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;font-weight:900;color:#64748b}.compact-definition-list dd{margin:0;font-weight:800;color:#0f172a;overflow-wrap:anywhere}.notification-repeat{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;height:1.15rem;padding:0 .35rem;border-radius:999px;background:#e0f2fe;color:#075985;font-size:.68rem;font-weight:800;line-height:1}.module-tabs{display:flex;flex-wrap:wrap;gap:.55rem;align-items:stretch;margin:0 0 1rem;padding:.45rem;border:1px solid var(--border-color,#d8dee8);border-radius:18px;background:var(--surface-muted,#f6f8fb)}.module-tab{display:inline-flex;flex-direction:column;justify-content:center;gap:.12rem;min-width:145px;padding:.68rem .86rem;border:1px solid transparent;border-radius:14px;background:var(--surface,#fff);color:var(--text-color,#1f2937);font-weight:800;text-decoration:none;box-shadow:0 1px 2px rgba(15,23,42,.05);cursor:pointer;text-align:left}.module-tab span{line-height:1.1}.module-tab small{display:block;color:var(--muted-color,#64748b);font-size:.75rem;font-weight:700}.module-tab strong{font-size:1.05rem;line-height:1}.module-tab:hover{border-color:var(--primary-color,#2563eb);text-decoration:none}.module-tab.active{background:var(--primary-color,#2563eb);border-color:var(--primary-color,#2563eb);color:#fff}.module-tab.active small{color:rgba(255,255,255,.84)}.page-tabs{margin-top:0;margin-bottom:1rem}.registration-filter-tabs{margin-top:1rem;margin-bottom:0}.registration-uat-callout{border-left:5px solid var(--primary-color,#2563eb)}.compact-guide-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.registration-detail-page .tabs-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.registration-detail-page .tabs-nav a{padding:.55rem .8rem;border:1px solid var(--border-color,#d8dee8);border-radius:999px;background:var(--surface,#fff);font-weight:800;text-decoration:none}.registration-detail-page .tabs-nav a.active{background:var(--primary-color,#2563eb);color:#fff;border-color:var(--primary-color,#2563eb)}.registration-timeline-list{display:grid;gap:.75rem}.timeline-card{padding:1rem;border:1px solid var(--border-color,#d8dee8);border-radius:16px;background:var(--surface,#fff)}.timeline-card strong{display:block}.timeline-card small{display:block;color:var(--muted-color,#64748b);font-weight:700}.timeline-card pre,.code-panel{white-space:pre-wrap;word-break:break-word;max-height:420px;overflow:auto;padding:.85rem;border-radius:14px;background:#0f172a;color:#e2e8f0;font-size:.8rem}.registration-row-actions .btn{white-space:nowrap}@media (max-width:720px){.module-tabs{overflow-x:auto;flex-wrap:nowrap}.module-tab{min-width:170px}.registration-row-actions{align-items:stretch}.registration-row-actions .btn,.registration-row-actions button{width:100%}}.schedule-context-cell,.schedule-time-cell{min-width:220px}.schedule-context-cell .status-pill,.schedule-time-cell .btn{margin-top:6px}.schedule-time-cell strong{display:block}.schedule-show-hero{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important;border-color:#dbeafe!important}.schedule-metric-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.sticky-tabs.show-tabs{position:sticky;top:64px;z-index:9;background:rgba(245,247,251,.92);backdrop-filter:blur(8px);padding:8px;border-radius:999px;margin-bottom:0}.soft-panel{background:#f8fbff!important;border-color:#dbeafe!important;box-shadow:none!important}.schedule-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.schedule-day-card{border:1px solid #dbe3ef;border-radius:16px;background:#fff;padding:12px;display:grid;gap:5px;min-width:0}.schedule-day-card.is-working{border-color:#bfdbfe;background:#f8fbff}.schedule-day-card.is-off{border-color:#e2e8f0;background:#f8fafc}.schedule-day-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.schedule-day-card strong{font-size:1rem;color:#0f172a}.schedule-day-card small{color:#475569;line-height:1.3}.schedule-day-card em{font-style:normal;color:#64748b;font-size:.78rem}.schedule-assignment-form{margin:0 0 12px;padding:14px!important}.work-schedule-detail-page .compact-wrap .data-table,.work-shift-detail-page .compact-wrap .data-table{min-width:760px!important}.section-heading.compact h3{margin:.1rem 0 .35rem}.section-heading.compact p{margin:0}.mt-compact{margin-top:12px}@media (max-width:840px){.sticky-tabs.show-tabs{top:0;border-radius:18px}.schedule-context-cell,.schedule-time-cell{min-width:180px}.schedule-week-grid{grid-template-columns:1fr}.schedule-assignment-form .form-grid .wide{grid-column:1/-1}}.hris-request-hero{background:linear-gradient(135deg,#fff 0%,#f7fbff 100%)!important;border-color:#dbeafe!important}.request-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:14px}.request-flow-grid article{display:grid;gap:5px;padding:12px;border:1px solid #dbe3ef;border-radius:16px;background:#fff}.request-flow-grid strong{font-size:.95rem;color:#0f172a}.request-flow-grid small{color:#64748b;line-height:1.35}.request-type-tabs .module-tab{min-width:150px}.request-conflict-preview{border-left:5px solid #f59e0b!important;background:#fffaf0!important}.conflict-list{display:grid;gap:10px}.conflict-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;align-items:start;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.conflict-item strong{font-size:.9rem;color:#0f172a}.conflict-item small{grid-column:2/-1;color:#475569;line-height:1.35}.conflict-item .btn{grid-column:2/-1;justify-self:start}.conflict-item.severity-blocker{border-color:#fecaca;background:#fff5f5}.conflict-item.severity-warning{border-color:#fde68a;background:#fffdf3}.compact-list{display:grid;gap:8px;margin:.25rem 0 0;padding-left:1.25rem}.compact-list li{line-height:1.35;color:#334155}.alert.danger{background:#fff1f2!important;border-color:#fecdd3!important;color:#9f1239!important}@media (max-width:720px){.request-type-tabs{overflow-x:auto;flex-wrap:nowrap}.request-type-tabs .module-tab{min-width:180px}.conflict-item{grid-template-columns:1fr}.conflict-item small,.conflict-item .btn{grid-column:auto}.request-flow-grid{grid-template-columns:1fr}}.request-view-tabs{margin-bottom:.8rem}.operational-calendar-toolbar{align-items:end}.calendar-presets{align-self:end;justify-content:flex-end}.request-calendar-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin:.85rem 0 1rem}.request-calendar-summary article{display:grid;gap:3px;padding:12px 13px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.04)}.request-calendar-summary span{font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.request-calendar-summary strong{font-size:1.35rem;line-height:1.1;color:#0f172a}.request-calendar-summary small{color:#64748b;line-height:1.3}.operational-timeline{display:grid;gap:10px;margin-top:12px}.operational-timeline-card{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:12px;align-items:start;padding:13px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.035)}.operational-timeline-card.area-schedule{border-left:5px solid #f59e0b}.operational-timeline-card.area-placement{border-left:5px solid #10b981}.timeline-datebox{display:grid;gap:3px;padding:10px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.timeline-datebox strong{color:#0f172a;line-height:1.15}.timeline-datebox small,.timeline-main small,.timeline-warning{color:#64748b}.timeline-title-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:5px}.timeline-main h3{margin:.1rem 0 .25rem;font-size:1rem;line-height:1.2}.timeline-main p{margin:.1rem 0 .55rem;color:#334155}.timeline-main .detail-grid{margin-top:7px}.timeline-warning{display:block;margin-top:7px;padding:7px 9px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e!important;font-weight:700}.timeline-actions{display:flex;justify-content:flex-end;align-items:flex-start;min-width:80px}@media (max-width:860px){.operational-timeline-card{grid-template-columns:1fr}.timeline-actions{justify-content:flex-start}.calendar-presets{justify-content:flex-start}}.request-calendar-summary .risk-card.danger{border-color:#fecaca!important;background:#fff5f5!important}.request-calendar-summary .risk-card.warning{border-color:#fde68a!important;background:#fffdf3!important}.operational-risk-panel{display:grid;gap:10px;margin:12px 0;padding:14px;border:1px solid #fed7aa;border-radius:18px;background:#fffaf0}.operational-risk-panel .split-header.compact{align-items:flex-start;margin-bottom:0}.operational-risk-panel h3{margin:.1rem 0 .25rem;color:#0f172a}.operational-risk-list{display:grid;gap:9px}.risk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.risk-row strong{display:block;margin:.25rem 0 .1rem;color:#0f172a}.risk-row small{display:block;color:#64748b;font-weight:700}.risk-row p{margin:.35rem 0 0;color:#334155;line-height:1.35}.risk-row.severity-blocker{border-color:#fecaca;background:#fff5f5}.risk-row.severity-warning{border-color:#fde68a;background:#fffdf3}.status-pill.danger{background:#fee2e2!important;color:#991b1b!important;border-color:#fecaca!important}@media (max-width:720px){.risk-row{grid-template-columns:1fr}.risk-row .btn{justify-self:start}.operational-risk-panel{padding:11px}}.attendance-face-photo-panel{border-color:#bfdbfe!important;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%)!important}.attendance-face-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.attendance-face-photo-card{overflow:hidden;border:1px solid #dbe3ef;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}.attendance-face-photo-card a{display:block;background:#0f172a}.attendance-face-photo-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.attendance-face-photo-meta{display:grid;gap:4px;padding:11px 12px}.attendance-face-photo-meta strong{text-transform:capitalize}.attendance-face-photo-meta small{color:#64748b;line-height:1.35}.role-form-grid textarea,.user-access-form-grid textarea{width:100%;border:1px solid var(--border,#d8dee7);border-radius:12px;padding:10px 12px;resize:vertical;font:inherit}.role-two-col,.role-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.role-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px}.role-filter-grid .field.wide{grid-column: 1 / -1}.access-preview-card{border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;padding:12px 14px}.access-preview-card strong,.access-preview-card p,.access-preview-card small{display:block}.access-preview-card p{margin:5px 0;color:#1e3a8a;line-height:1.45}.access-preview-card small{color:#475569;line-height:1.35}.selected-permission-strip{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.selected-permission-strip span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid #dbe3ef;border-radius:999px;background:#f8fafc;color:#334155;font-size:.72rem;font-weight:800}.role-chip{display:grid;grid-template-columns:1fr;align-items:stretch}.role-chip-main{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;cursor:pointer}.role-chip-actions{margin-top:8px;flex-wrap:wrap}.user-access-manager-page .form-grid{align-items:start}.role-assignment-grid,.allowed-scope-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}.role-assignment-card{align-items:flex-start;border:1px solid #dbe3ef;border-radius:14px;background:#fff;padding:10px 12px}.role-assignment-card span{display:grid;gap:2px}.role-assignment-card small{color:#64748b}@media (max-width:820px){.role-two-col,.role-filter-grid{grid-template-columns:1fr}}.payroll-report-page{gap:16px!important}.payroll-report-page>.panel{padding:0!important;overflow:hidden;border-radius:22px!important;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;border:1px solid #dbe7ff!important;box-shadow:0 18px 48px rgba(15,23,42,.075)!important}.payroll-report-page .section-heading{padding:20px 22px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fff 0%,#f1f7ff 100%)}.payroll-report-page .section-heading h2{margin:.2rem 0 .35rem;font-size:clamp(1.35rem,2.3vw,2.05rem);line-height:1.1;color:#0f172a}.payroll-report-page .section-heading p{max-width:920px;line-height:1.45}.payroll-filter-bar{display:grid!important;grid-template-columns:140px 140px minmax(260px,1fr) 150px;gap:12px!important;align-items:end;margin:0!important;padding:16px 22px;background:#fff;border-bottom:1px solid #e2e8f0}.payroll-filter-bar .field{min-width:0}.payroll-filter-bar input,.payroll-filter-bar select{background:#fff;border-color:#d9e2ef;box-shadow:0 5px 14px rgba(15,23,42,.035)}.payroll-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:16px 22px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.payroll-summary-grid .stat-card{position:relative;overflow:hidden;display:grid;gap:5px;min-width:0;padding:15px 16px;border:1px solid #dbe3ef;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.045)}.payroll-summary-grid .stat-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#2563eb}.payroll-summary-grid .stat-card.warning:before{background:#f59e0b}.payroll-summary-grid .stat-card.info:before{background:#0284c7}.payroll-summary-grid .stat-card.success:before{background:#10b981}.payroll-summary-grid .stat-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.055em;font-weight:900;color:#64748b}.payroll-summary-grid .stat-card strong{font-size:clamp(1.12rem,1.65vw,1.65rem);line-height:1.12;color:#0f172a;overflow-wrap:anywhere}.payroll-summary-grid .stat-card small{color:#64748b;line-height:1.3}.payroll-help-box{margin:16px 22px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;color:#1e3a8a!important;line-height:1.5}.payroll-report-page .table-wrap{margin:0 22px 20px;border-radius:18px;border-color:#dbe3ef;box-shadow:0 8px 22px rgba(15,23,42,.04)}.payroll-report-table{min-width:1100px!important}.payroll-report-table th{position:sticky;top:0;z-index:1;background:#f1f5f9!important}.payroll-report-table td:nth-child(4),.payroll-report-table td:nth-child(5),.payroll-report-table td:nth-child(6),.payroll-report-table td:nth-child(7),.payroll-report-table td:nth-child(8),.payroll-report-table td:nth-child(9){text-align:right;font-variant-numeric:tabular-nums}.payroll-report-table td{vertical-align:middle!important}.payroll-report-page .pagination-wrap{padding:0 22px 20px;margin-top:-8px}.data-table.compact th,.data-table.compact td{padding:9px 11px}.panel .section-heading{margin-bottom:14px}.compact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.toolbar.compact-grid{align-items:end}.table-wrap .empty-state{background:#fff;color:#64748b;font-weight:700}.btn.secondary{background:#f8fafc;border-color:#dbe3ef;color:#0f172a}.btn.secondary:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}.btn:disabled{opacity:.58;cursor:not-allowed;transform:none;box-shadow:none}.panel,.page-header,.table-wrap,.metric-card,.stat-card{transition:box-shadow .16s ease , transform .16s ease , border-color .16s ease}@media (max-width:1180px){.payroll-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payroll-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-filter-bar .field.wide{grid-column:1/-1}}@media (max-width:680px){.payroll-report-page .section-heading,.payroll-filter-bar,.payroll-summary-grid{padding-left:14px!important;padding-right:14px!important}.payroll-summary-grid,.payroll-filter-bar{grid-template-columns:1fr!important}.payroll-report-page .table-wrap,.payroll-help-box{margin-left:14px!important;margin-right:14px!important}.payroll-report-page .section-heading .actions-row .btn{width:100%;justify-content:center}}.guide-callout{margin:1rem 0;padding:1rem 1.1rem;border:1px solid var(--border-color,#d8dee8);border-left:5px solid var(--primary-color,#2563eb);border-radius:16px;background:var(--surface-muted,#f8fafc);color:var(--text-color,#0f172a);line-height:1.55}.guide-callout strong{font-weight:900}.guide-callout.info{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.guide-callout.success{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.guide-callout.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}:root{--radius:14px;--radius-sm:13px;--radius-lg:15px;--toast-success:#047857;--toast-warning:#b45309;--toast-danger:#b91c1c;--toast-info:#1d4ed8}.page-header,.panel,.topbar,.metric-card,.stat-card,.form-section,.field-card,.readonly-item,.detail-grid div,.table-wrap,.compact-card,.guide-callout,.alert,.check,.field-toggle,.role-assignment-card,.access-preview-card,.attendance-face-photo-card,.hris-search-select__control,.hris-search-select__dropdown,.hris-toast,.index-form-drawer__panel{border-radius:var(--radius)!important}input,select,textarea,.btn,.code-block,.field-card,.readonly-item{border-radius:var(--radius-sm)!important}.brand-mark,.nav-nested .nav-section,.nav-stack a,.nav-section-links a{border-radius:var(--radius-sm)!important}.badge,.tabs a,.status-pill,.selected-permission-strip span,.nav-count{border-radius:999px!important}.hris-toast-region{position:fixed;z-index:2147482000;top:18px;right:18px;display:grid;gap:10px;width:min(420px,calc(100vw - 28px));pointer-events:none}.hris-toast{pointer-events:auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:flex-start;padding:12px 12px 12px 14px;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 60px rgba(15,23,42,.22);color:#fff;background:#0f172a;animation:hrisToastIn .18s ease-out both}.hris-toast strong{display:block;margin:0 0 2px;font-size:.9rem;line-height:1.2}.hris-toast p{margin:0;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.hris-toast__icon{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.18);font-weight:900}.hris-toast__close{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;cursor:pointer;font-size:18px;line-height:1}.hris-toast__close:hover{background:rgba(255,255,255,.24)}.hris-toast.is-success{background:linear-gradient(135deg,#047857,#065f46)}.hris-toast.is-warning{background:linear-gradient(135deg,#b45309,#92400e)}.hris-toast.is-danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d)}.hris-toast.is-info{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.hris-inline-toast-converted{display:none!important}@keyframes hrisToastIn{from{opacity:0;transform:translateY(-8px) translateX(16px)}to{opacity:1;transform:translateY(0) translateX(0)}}@keyframes hrisToastOut{to{opacity:0;transform:translateY(-8px) translateX(16px)}}.index-form-drawer{position:fixed;inset:0;z-index:2147481000;display:none;align-items:stretch;justify-content:flex-end;background:rgba(15,23,42,.46);backdrop-filter:blur(2px);padding:18px}.index-form-drawer.is-open{display:flex}.index-form-drawer__panel{width:min(1120px,100%);height:100%;overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,#e5e7eb);box-shadow:0 30px 90px rgba(15,23,42,.34);padding:18px}.index-form-drawer__header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:-18px -18px 16px;padding:16px 18px;border-bottom:1px solid var(--line,#e5e7eb);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}.index-form-drawer__header h3{margin:0}.index-form-drawer__header p{margin:4px 0 0;color:var(--muted,#64748b)}body.hris-modal-open{overflow:hidden}@media (max-width:720px){.hris-toast-region{top:10px;right:10px;left:10px;width:auto}.index-form-drawer{padding:8px}.index-form-drawer__panel{padding:14px}.index-form-drawer__header{margin:-14px -14px 14px;padding:14px}}.btn.success{background:#ecfdf5;border-color:#bbf7d0;color:#047857}.btn.success:hover{background:#d1fae5}.attendance-bulk-review-bar{display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:10px;align-items:end;margin:0 0 12px;padding:10px;border:1px solid #dbe3ef;border-radius:15px;background:#f8fafc}.bulk-review-selection{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bulk-review-note{min-width:220px}.bulk-review-actions{justify-content:flex-end}.selection-cell{width:54px;text-align:center!important}.table-checkbox{width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;border-radius:6px!important;cursor:pointer}.geofence-limit-note{max-width:320px;line-height:1.35}.geofence-limit-note.is-warning{color:#a16207!important;font-weight:800}.schedule-time-cell .status-pill,.schedule-context-cell .status-pill{margin-top:5px;margin-right:4px}@media (max-width:1100px){.attendance-bulk-review-bar{grid-template-columns:1fr}.bulk-review-actions{justify-content:flex-start}.bulk-review-actions .btn{flex:1 1 180px}.attendance-table-wrap .data-table{min-width:1120px!important}}.employee-analytics-panel{overflow:hidden}.employee-analytics-metrics{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important}.employee-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.employee-chart-card{display:grid;gap:12px;padding:14px;border:1px solid #dbe3ef;border-radius:var(--radius,14px);background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045);min-width:0}.employee-chart-card.wide{grid-column:1/-1}.employee-horizontal-chart{display:grid;gap:10px}.employee-bar-row{display:grid;gap:5px}.employee-bar-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.employee-bar-meta strong{font-size:.85rem;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-bar-meta span{font-size:.78rem;font-weight:900;color:#64748b;white-space:nowrap}.employee-bar-track{height:10px;border-radius:999px;background:#edf2f7;overflow:hidden}.employee-bar-track span{display:block;height:100%;border-radius:inherit;background:var(--app-brand-color,var(--brand,#2563eb));min-width:2px}.employee-bar-track.method span{background:#0f766e}.employee-daily-chart{display:flex;align-items:end;gap:5px;min-height:190px;padding:12px 8px 4px;border:1px solid #e2e8f0;border-radius:var(--radius,14px);background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);overflow-x:auto}.employee-daily-bar{display:grid;grid-template-rows:minmax(120px,1fr) auto;gap:6px;align-items:end;min-width:26px;height:178px;text-align:center}.employee-daily-bar span{display:block;width:100%;min-height:4px;border-radius:9px 9px 3px 3px;background:var(--app-brand-color,var(--brand,#2563eb));opacity:.86}.employee-daily-bar small{font-size:.68rem;color:#64748b;writing-mode:vertical-rl;transform:rotate(180deg);justify-self:center}.analytics-mini-detail{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.analytics-mini-detail div{background:#f8fafc}@media (max-width:960px){.employee-analytics-grid{grid-template-columns:1fr}.employee-daily-chart{min-height:170px}.employee-daily-bar{height:158px;min-width:24px}}.hris-pagination{display:grid;gap:10px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc}.pagination-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pagination-summary{color:#475569;font-size:.84rem}.pagination-size-field{display:flex;align-items:center;gap:8px;color:#475569;font-size:.8rem;font-weight:800}.pagination-size-field select{width:auto;min-width:76px;min-height:34px;padding:5px 28px 5px 9px;border-radius:11px}.pagination-mobile{display:none;align-items:center;justify-content:space-between;gap:8px}.pagination-desktop{display:flex;justify-content:flex-end}.pagination-actions{gap:6px;align-items:center}.pagination-actions .btn{min-width:36px;min-height:34px;padding:6px 9px}.pagination-actions .disabled{opacity:.52;cursor:not-allowed;box-shadow:none}.pagination-page-indicator{color:#475569;font-size:.8rem;font-weight:800;text-align:center}@media (max-width:720px){.pagination-desktop{display:none}.pagination-mobile{display:flex}.pagination-summary-row{align-items:stretch}.pagination-size-field{justify-content:space-between;width:100%}.pagination-mobile .btn{flex:0 0 auto}}.system-account-guidance .alert.info{margin:0 0 14px}.system-account-guidance .alert.info a{text-decoration:underline;text-underline-offset:2px}.employee-login-access-panel{overflow:hidden}.employee-login-access-panel>.split-header{padding-bottom:14px;border-bottom:1px solid var(--line)}.login-access-summary-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.login-access-summary-grid .wide{grid-column:span 2}.employee-login-access-form{display:grid;gap:12px}.employee-login-access-form .field-toggle{min-height:100%;align-items:flex-start}.employee-role-editor{padding:14px}.employee-role-editor .role-assignment-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.employee-login-actions{padding-top:2px}.employee-login-empty-state{display:grid;justify-items:center;gap:10px}.temporary-password-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.temporary-password-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.temporary-password-row code{display:block;max-width:100%;padding:8px 11px;border:1px solid #fcd34d;border-radius:10px;background:#fffbeb;color:#78350f;font-size:.92rem;font-weight:900;overflow-wrap:anywhere;user-select:all}.actions-cell{white-space:normal!important;min-width:250px}.actions-cell .btn{margin:2px 0 2px 4px}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.btn.subtle{background:var(--panel-soft);color:#334155}.index-form-drawer{opacity:0;visibility:hidden;display:flex!important;pointer-events:none;transition:opacity .18s ease , visibility .18s ease}.index-form-drawer.is-open{opacity:1;visibility:visible;pointer-events:auto}.index-form-drawer__panel{transform:translateX(28px);transition:transform .22s ease;overscroll-behavior:contain}.index-form-drawer.is-open .index-form-drawer__panel{transform:translateX(0)}.index-form-drawer__panel:focus{outline:none}.index-form-drawer__panel:focus-visible{box-shadow:0 0 0 4px var(--brand-soft) , 0 30px 90px rgba(15,23,42,.34)}.index-form-drawer [data-close-index-form]{flex:0 0 auto}.table-wrap,.index-form-drawer__panel{scrollbar-gutter:stable}.panel>.table-wrap{content-visibility:auto;contain-intrinsic-size:600px}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}@media (max-width:760px){.login-access-summary-grid .wide{grid-column:1/-1}.employee-login-actions .btn,.employee-login-actions a{flex:1 1 190px}.temporary-password-alert{align-items:stretch}.temporary-password-row{width:100%}.temporary-password-row code{flex:1 1 180px}.index-form-drawer{padding:0}.index-form-drawer__panel{width:100%;height:100%;border-radius:0!important;border:0;padding:14px}.index-form-drawer__header{margin:-14px -14px 14px;padding:12px 14px}.actions-cell{min-width:220px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.index-form-drawer__panel{transform:none!important}}.mobile-release-settings,.mobile-release-page{display:grid;gap:16px}.mobile-release-abi-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-soft)}.mobile-release-abi-grid p{margin:.35rem 0 0}.mobile-release-abi-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mobile-release-mandatory{align-self:stretch}.mobile-release-file-card{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(260px,1.45fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid #bbf7d0;border-radius:16px;background:#f0fdf4}.mobile-release-file-card>div{display:grid;gap:5px;min-width:0}.mobile-release-file-card strong{font-size:1.1rem}.mobile-release-file-card small{color:var(--muted)}.mobile-release-hash code,.mobile-release-checksum code{display:block;overflow-wrap:anywhere;font-size:.78rem}.mobile-release-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.5fr);gap:18px;align-items:center;background:linear-gradient(135deg,#fff 0%,var(--brand-soft) 150%)}.mobile-release-hero h1{margin:.15rem 0 .5rem}.mobile-release-hero p{max-width:760px}.mobile-release-version-card{display:grid;gap:5px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.mobile-release-version-card span,.mobile-release-version-card small{color:var(--muted)}.mobile-release-version-card strong{font-size:clamp(1.5rem,4vw,2.4rem)}.mobile-release-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mobile-release-summary-grid .metric-card{display:grid;gap:5px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.mobile-release-summary-grid .metric-card span,.mobile-release-summary-grid .metric-card small{color:var(--muted)}.mobile-release-summary-grid .metric-card strong{font-size:1.15rem}.mobile-compatibility-panel{display:grid;gap:14px}.mobile-compatibility-result{display:grid;grid-template-columns:48px minmax(0,1fr);gap:13px;align-items:center;padding:15px;border:1px solid #dbeafe;border-radius:16px;background:#eff6ff}.mobile-compatibility-result[data-status="compatible"]{border-color:#bbf7d0;background:#f0fdf4}.mobile-compatibility-result[data-status="blocked"]{border-color:#fecaca;background:#fef2f2}.mobile-compatibility-result[data-status="unknown"]{border-color:#fde68a;background:#fffbeb}.mobile-compatibility-result strong{display:block}.mobile-compatibility-result p{margin:.25rem 0 0;color:#475569}.mobile-compatibility-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:#fff;border:1px solid currentColor;font-size:1.4rem;font-weight:900}.mobile-device-details div{min-width:0}.mobile-manual-check{padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:var(--panel-soft)}.mobile-manual-check summary{cursor:pointer;font-weight:800}.mobile-manual-check .form-grid{margin-top:12px}.mobile-manual-action{align-self:end}.mobile-release-guidance{display:grid;gap:12px}.mobile-install-steps{margin:0;padding-left:1.25rem;display:grid;gap:9px}.mobile-release-checksum{padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.mobile-release-checksum span{display:block;font-weight:800;margin-bottom:5px}.mobile-release-notes p{line-height:1.65}.btn.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.auth-mobile-link{text-align:center;margin-top:12px;font-weight:800}.auth-mobile-link a{color:var(--brand)}@media (max-width:980px){.mobile-release-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-release-file-card{grid-template-columns:1fr}.mobile-release-file-card .btn{justify-self:start}.mobile-release-hero{grid-template-columns:1fr}.mobile-release-version-card{max-width:320px}}@media (max-width:680px){.mobile-release-abi-grid,.mobile-release-abi-options,.mobile-release-summary-grid{grid-template-columns:1fr}.mobile-release-hero .actions-row .btn{width:100%}.mobile-compatibility-result{grid-template-columns:40px minmax(0,1fr)}.mobile-compatibility-icon{width:38px;height:38px}.mobile-device-details{grid-template-columns:1fr!important}}.alert.warning{background:#fffbeb;color:#92400e;border-color:#fde68a}:root{--ui-radius-sm:10px;--ui-radius-md:14px;--ui-radius-lg:18px;--ui-gap-xs:6px;--ui-gap-sm:10px;--ui-gap-md:14px;--ui-gap-lg:18px;--ui-focus:0 0 0 3px rgba(37,99,235,.18)}html{scroll-behavior:smooth}body{line-height:1.45}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(37,99,235,.38);outline-offset:2px}.skip-link{position:fixed;z-index:9999;top:8px;left:8px;transform:translateY(-160%);padding:9px 13px;border-radius:10px;background:#0f172a;color:#fff;font-weight:800;box-shadow:0 12px 30px rgba(15,23,42,.25)}.skip-link:focus{transform:translateY(0)}.content-body{min-width:0;width:100%}.page-stack,.page-shell{display:grid;gap:var(--ui-gap-md);min-width:0}.page-header{box-shadow:0 8px 24px rgba(15,23,42,.045)}.page-header h1{line-height:1.15;overflow-wrap:anywhere}.page-header p{max-width:980px;line-height:1.5}.page-actions,.actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.page-header .page-actions,.page-header .actions-row{justify-content:flex-end}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-heading h2,.section-heading h3{margin:0 0 4px;line-height:1.2}.section-heading p{margin:0;color:var(--muted);max-width:900px}.card,.panel-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--ui-radius-lg);box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden}.card-header,.panel-card-header{padding:13px 16px;border-bottom:1px solid var(--line);background:#f8fafc}.card-header>strong,.panel-card-header>strong{font-size:.95rem;color:#0f172a}.card-body{padding:16px;min-width:0}.card-footer{padding:12px 16px;border-top:1px solid var(--line);background:#f8fafc;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.table-responsive{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--line);border-radius:14px;background:#fff}.table{width:100%;min-width:720px;border-collapse:collapse;background:#fff}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#334155;font-size:.76rem;text-transform:uppercase;letter-spacing:.035em}.table tbody tr:hover td,.data-table tbody tr:hover td{background:#fbfdff}.table>tbody>tr:last-child>td,.data-table>tbody>tr:last-child>td{border-bottom:0}.table .actions-cell,.data-table .actions-cell{white-space:normal;min-width:130px}.table-wrap,.table-responsive{scrollbar-gutter:stable}.data-table{min-width:760px;table-layout:auto}.data-table th,.data-table td{padding:9px 11px;overflow-wrap:anywhere}.data-table td{max-width:420px}.empty,.table .text-muted[colspan]{text-align:center;color:var(--muted);padding:28px 16px!important}.empty-state.compact{padding:14px!important}.form-control,.form-select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text);padding:9px 11px;outline:none}.form-control:focus,.form-select:focus{border-color:var(--brand);box-shadow:var(--ui-focus)}textarea.form-control{min-height:90px;resize:vertical}.form-grid,.compact-grid{align-items:start}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.field>span,label.field>span{line-height:1.3}.field small,.form-text,.help-text{color:var(--muted);line-height:1.35}.field-error,.text-danger,.error-text{color:var(--danger)!important;font-size:.78rem;font-weight:650}input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"],.has-error input,.has-error select,.has-error textarea{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.11)}input:disabled,select:disabled,textarea:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.btn-primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-outline-secondary,.btn.secondary{background:#fff;border-color:#cbd5e1;color:#334155}.btn-outline-primary{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-outline-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.btn-outline-warning{background:#fffbeb;border-color:#fde68a;color:#a16207}.btn-outline-danger,.btn-danger{background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.btn-sm{min-height:32px;padding:5px 9px;font-size:.78rem}.btn-lg{min-height:46px;padding:10px 16px}.btn[wire\\:loading], button[wire\\:loading] {cursor:progress}[wire\\:loading].ui-loading-inline {display:inline-flex}.badge{align-items:center;min-height:24px;border:1px solid #dbe3ef;color:#334155}.badge-success,.badge.success,.status-pill.success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.badge-warning,.badge.warning,.status-pill.warning{background:#fffbeb;border-color:#fde68a;color:#a16207}.badge-danger,.badge.danger,.status-pill.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.badge-info,.badge.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.badge-secondary,.badge.muted{background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.grid{display:grid}.row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.col-md-4{grid-column:span 4}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.w-100{width:100%}.h-100{height:100%}.text-muted{color:var(--muted)!important}.text-sm{font-size:.82rem}.text-xs{font-size:.74rem}.text-2xl{font-size:1.5rem}.font-semibold{font-weight:700}.font-bold{font-weight:800}.text-end{text-align:right}.text-center{text-align:center}.border{border:1px solid var(--line)}.rounded{border-radius:12px}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.stack{display:grid}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:col-span-2{grid-column:span 2}.md\\:col-span-3{grid-column:span 3}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\\:col-span-2{grid-column:span 2}.lg\\:col-span-3{grid-column:span 3}.lg\\:col-span-4{grid-column:span 4}.toolbar{gap:10px}.toolbar>.field{flex:1 1 180px}.toolbar>.field.wide{flex-basis:320px}.toolbar>.btn,.toolbar>.actions-row{align-self:end}.tabs,.hris-tabs{scrollbar-width:thin}.tabs a,.hris-tabs a{min-height:36px!important;padding:7px 11px!important}.pagination-wrap{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}[aria-disabled="true"],.is-disabled{opacity:.58;pointer-events:none}button:disabled,.btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}.alert[role="alert"],.alert.danger{scroll-margin-top:90px}[data-ui-invalid-target="true"]{scroll-margin-top:110px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:980px){.md\\:grid-cols-4,.md\\:grid-cols-5,.lg\\:grid-cols-4,.lg\\:grid-cols-5,.lg\\:grid-cols-6,.lg\\:grid-cols-7{grid-template-columns:repeat(2,minmax(0,1fr))}.row{grid-template-columns:repeat(2,minmax(0,1fr))}.col-md-4{grid-column:span 1}.page-header .page-actions,.page-header .actions-row{justify-content:flex-start}}@media (max-width:680px){.content-shell{padding:10px!important}.content-body{padding:0!important}.page-stack,.page-shell{gap:10px}.page-header,.panel,.card-body{padding:13px!important}.card-header,.card-footer{padding-left:13px;padding-right:13px}.page-header h1{font-size:1.35rem}.page-header .actions-row,.page-header .page-actions{width:100%}.page-header .actions-row .btn,.page-header .page-actions .btn{flex:1 1 auto}.md\\:grid-cols-2,.md\\:grid-cols-3,.md\\:grid-cols-4,.md\\:grid-cols-5,.lg\\:grid-cols-2,.lg\\:grid-cols-3,.lg\\:grid-cols-4,.lg\\:grid-cols-5,.lg\\:grid-cols-6,.lg\\:grid-cols-7,.row{grid-template-columns:1fr}.md\\:col-span-2,.md\\:col-span-3,.lg\\:col-span-2,.lg\\:col-span-3,.lg\\:col-span-4,.col-md-4{grid-column: 1 / -1}.form-grid{grid-template-columns:1fr!important}.form-grid .wide,.wide,.full{grid-column: 1 / -1 !important}.table,.data-table{min-width:680px}.btn{min-height:40px}}.required-mark{color:#dc2626;font-weight:900}.sidebar-toggle{display:none}@media (max-width:900px){.app-shell{display:block}.sidebar-toggle{display:inline-flex;flex:0 0 auto}.sidebar{position:fixed!important;inset:0 auto 0 0;z-index:120;width:min(310px,88vw);height:100vh!important;transform:translateX(-104%);transition:transform .18s ease;box-shadow:18px 0 50px rgba(15,23,42,.25)}body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open::after{content:"";position:fixed;inset:0;z-index:110;background:rgba(15,23,42,.44);backdrop-filter:blur(1px)}.app-navbar{position:sticky;top:0;z-index:90}.nav-stack,.nav-section-links{grid-template-columns:1fr!important}.content-shell{width:100%}}.theme-palette-grid,.palette-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.index-filter-grid{align-items:end}.form-actions{margin-top:1rem;justify-content:flex-end}@media (min-width:900px){.index-filter-grid{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(150px,1fr))}}@media (max-width:899px){.index-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.index-filter-grid{grid-template-columns:minmax(0,1fr)}.index-filter-grid .wide{grid-column: 1 / -1}}.statutory-export-create-grid{grid-template-columns:minmax(150px,.65fr) minmax(280px,1.15fr) minmax(300px,1.35fr)!important;align-items:end}@media (max-width:980px){.statutory-export-create-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.statutory-export-create-grid .field:last-child{grid-column:1/-1}}@media (max-width:560px){.statutory-export-create-grid{grid-template-columns:1fr!important}.statutory-export-create-grid .field:last-child{grid-column:auto}}.compact-index-page{align-content:start!important;grid-auto-rows:max-content!important}.compact-index-page>.panel,.index-page-panel{align-self:start!important;min-height:0!important;height:auto!important}.index-page-heading{align-items:flex-start!important;margin-bottom:12px!important}.index-page-heading h2{margin:0 0 4px!important;font-size:clamp(1.12rem,1.55vw,1.45rem)!important;line-height:1.2!important}.index-page-heading p{margin:0!important;max-width:860px;line-height:1.45}.index-controls-block{margin:12px 0!important}.index-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0 12px}.index-summary-grid>div{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft)}.index-summary-grid strong{display:block;margin-bottom:3px;color:#475569;font-size:.72rem;line-height:1.25}.index-summary-grid span{display:block;color:#0f172a;font-size:1rem;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.empty-state-action{display:grid;justify-items:center;gap:7px;padding:20px 14px;text-align:center;color:var(--muted)}.empty-state-action strong{color:#334155;font-size:.92rem}.empty-state-action span{max-width:680px;line-height:1.45}.regulator-adapter-filter-grid,.manpower-hiring-filter-grid{grid-template-columns:minmax(320px,2fr) repeat(4,minmax(135px,1fr))!important}.manpower-budget-filter-grid{grid-template-columns:minmax(300px,2fr) repeat(5,minmax(120px,1fr))!important}.regulator-adapter-filter-grid .wide,.manpower-hiring-filter-grid .wide,.manpower-budget-filter-grid .wide{grid-column:auto!important}.hris-pagination{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#475569;font-size:.78rem}.hris-pagination__summary,.hris-pagination__controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.hris-pagination__summary{min-width:0}.hris-pagination__per-page{display:flex;align-items:center;gap:7px;margin-left:6px;font-weight:800}.hris-pagination__per-page select{width:auto;min-width:68px;min-height:34px;padding:5px 26px 5px 8px;border-radius:10px}.hris-pagination__button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid #dbe3ef;border-radius:10px;background:#fff;color:#334155;font-weight:800}.hris-pagination__button:hover,.hris-pagination__button:focus-visible{border-color:var(--app-brand-color,var(--brand,#2563eb));color:var(--app-brand-color,var(--brand,#2563eb))}.hris-pagination__page-of{padding:0 4px;color:#334155;font-weight:900;white-space:nowrap}@media (max-width:1180px){.index-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.regulator-adapter-filter-grid,.manpower-hiring-filter-grid,.manpower-budget-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.regulator-adapter-filter-grid .wide,.manpower-hiring-filter-grid .wide,.manpower-budget-filter-grid .wide{grid-column:1/-1!important}}@media (max-width:680px){.index-page-heading{display:grid!important}.index-page-heading .actions-row{width:100%}.index-page-heading .actions-row .btn{flex:1 1 auto}.index-summary-grid,.regulator-adapter-filter-grid,.manpower-hiring-filter-grid,.manpower-budget-filter-grid{grid-template-columns:1fr!important}.regulator-adapter-filter-grid .wide,.manpower-hiring-filter-grid .wide,.manpower-budget-filter-grid .wide{grid-column:auto!important}.hris-pagination,.hris-pagination__controls{align-items:stretch}.hris-pagination{display:grid}.hris-pagination__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hris-pagination__page-of{grid-column:1/-1;text-align:center;order:-1}}.impersonation-banner{position:fixed!important;right:18px!important;bottom:18px!important;top:auto!important;z-index:1200!important;width:min(590px,calc(100vw - 36px));margin:0!important;padding:14px!important;display:grid!important;gap:12px!important;border:1px solid #d6a84b!important;border-radius:18px!important;background:#fffaf0!important;color:#4a3212!important;box-shadow:0 18px 55px rgba(51,36,13,.22)!important;backdrop-filter:blur(10px)}.impersonation-banner__head{display:flex!important;align-items:flex-start!important;gap:9px!important}.impersonation-banner__head>div{display:grid;gap:2px}.impersonation-banner__head strong{font-size:.96rem}.impersonation-banner__head small{font-size:.76rem;color:#77561e}.impersonation-banner__signal{color:#b7791f;font-size:.78rem;margin-top:3px}.impersonation-banner__details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.impersonation-banner__details>span{display:grid;gap:1px;padding:8px 9px;border:1px solid #ecd9ad;border-radius:12px;background:rgba(255,255,255,.74);min-width:0}.impersonation-banner__details small{font-size:.67rem!important;text-transform:uppercase;letter-spacing:.045em;color:#8a651f;font-weight:800}.impersonation-banner__details strong{font-size:.82rem;overflow-wrap:anywhere}.impersonation-banner__details em{font-style:normal;font-size:.72rem;color:#71582b;overflow-wrap:anywhere}.impersonation-banner__stop{display:flex;justify-content:flex-end}.impersonation-banner__stop .btn{font-weight:900;min-height:38px}body:has(.impersonation-banner) .content-body{padding-bottom:170px}@media (max-width:720px){.impersonation-banner{right:10px!important;bottom:10px!important;width:calc(100vw - 20px)!important;max-height:70vh;overflow:auto}.impersonation-banner__details{grid-template-columns:1fr}.impersonation-banner__stop .btn{width:100%}body:has(.impersonation-banner) .content-body{padding-bottom:270px}}.role-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.role-purpose-card{padding:12px;border:1px solid var(--app-border-color,#dbe3ef);border-radius:15px;background:var(--app-panel-soft-background,#f8fafc);display:grid;gap:5px}.role-purpose-card strong{font-size:.92rem}.role-purpose-card p{margin:0;color:#64748b;font-size:.78rem;line-height:1.45}.role-purpose-card .badge{justify-self:start}.role-chip-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.role-chip-meta .badge{font-size:.66rem}.role-readonly-note{margin:10px 0;padding:10px 12px;border-radius:12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:.8rem}.role-chip.preset-role{border-style:dashed}.role-chip .role-user-count{font-size:.7rem;color:#64748b}.permission-editor.is-readonly{opacity:.96}.permission-editor.is-readonly .permission-check{background:#f8fafc}.role-editor[aria-readonly="true"] input,.role-editor[aria-readonly="true"] select,.role-editor[aria-readonly="true"] textarea{background:#f8fafc;color:#475569}@media (max-width:900px){.role-purpose-grid{grid-template-columns:1fr}}.bulk-action-bar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:10px 0;padding:10px;border:1px solid #dbe3ef;border-radius:14px;background:#f8fafc}.bulk-action-bar .field{min-width:170px;margin:0}.bulk-selection-info{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:.78rem;color:#475569}.bulk-selection-banner{padding:9px 11px;border-radius:11px;background:#eef6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:.78rem}.row-select-cell{width:42px;text-align:center!important}.row-select-cell input{width:18px;min-height:18px}.theme-palette-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important}.palette-card{min-height:138px;text-align:left}.palette-card-swatches{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;height:34px!important}.palette-card-swatches i{display:block!important;min-width:0!important;height:100%!important;border:1px solid rgba(15,23,42,.09);border-radius:7px}.palette-card-title-row em{font-style:normal;font-size:.68rem;padding:3px 7px;border-radius:999px;background:#f1f5f9;color:#475569}.role-manager-page>.role-manager-hero{grid-column:1/-1}.role-workbench-layout>.role-list-panel,.role-workbench-layout>.permission-editor{grid-area:auto!important}@media (min-width:1181px){.role-workbench-layout>.role-list-panel{align-self:start}.role-workbench-layout>.permission-editor{align-self:start}}