:root{--hrms-bg:var(--canvas,#f4f7fa);--hrms-surface:var(--surface,#ffffff);--hrms-surface-soft:#f3f7f8;--hrms-border:var(--border,#dce4eb);--hrms-border-strong:#c5d2dc;--hrms-text:var(--navy-900,#062b4c);--hrms-text-muted:var(--slate-600,#59697b);--hrms-primary:var(--teal-700,#007c83);--hrms-primary-hover:var(--teal-600,#008d91);--hrms-success:var(--success-600,#168a47);--hrms-warning:var(--warning-600,#d96b00);--hrms-danger:var(--danger-600,#d81f2b);--hrms-info:var(--teal-700,#007c83);--hrms-shadow-sm:0 1px 2px rgba(6,43,76,0.06);--hrms-shadow-md:0 8px 24px rgba(6,43,76,0.08);--hrms-radius-sm:6px;--hrms-radius-md:10px;--hrms-radius-lg:14px;--hrms-control-height:42px;--hrms-page-pad:28px;--hrms-sidebar-width:252px}body,html{width:100%;color:var(--hrms-text);font-family:var(--font-geist-sans),Inter,"Noto Sans",Arial,sans-serif;font-size:14.5px;line-height:1.5}.app-shell,body,html{max-width:100%;background:var(--hrms-bg)}.app-shell{min-height:100vh;min-width:0}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--hrms-sidebar-width);height:100vh;padding:18px 10px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.55) rgba(2,24,43,.45)}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:rgba(2,24,43,.55)}.sidebar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.55);border-radius:999px}.workspace{padding-left:0;margin-left:var(--hrms-sidebar-width);width:calc(100% - var(--hrms-sidebar-width));max-width:calc(100% - var(--hrms-sidebar-width));min-width:0}.brand{flex:0 0 auto;gap:12px;padding:4px 8px 18px;font-size:21px;font-weight:700}.brand-logo-mark{width:42px;height:42px;padding:4px}.brand-logo-mark img{display:block;width:100%;height:100%;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;min-height:0;overflow:visible;padding-right:0}.sidebar-context{flex:0 0 auto;margin-top:auto}.nav-group{display:grid;gap:2px;margin-bottom:8px}.nav-group-label{padding:10px 14px 4px;color:rgba(186,205,220,.72);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-item{width:100%;height:42px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:600}.nav-item svg{width:18px;height:18px;flex:0 0 auto}.nav-item:hover{background:rgba(255,255,255,.08)}.nav-item.active{background:var(--hrms-primary);color:#fff;box-shadow:none}.nav-item:focus-visible{outline:2px solid #7ee3e6;outline-offset:2px}.topbar{height:60px;max-width:100%;min-width:0;padding:0 var(--hrms-page-pad);gap:10px;justify-content:flex-start;flex-wrap:nowrap}.topbar-context{margin-right:auto;min-width:150px;max-width:280px;display:flex;flex-direction:column;justify-content:center;flex:0 1 190px;overflow:hidden}.topbar-context strong{display:block;font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--hrms-text);min-width:0}.topbar-context span,.topbar-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-context span{color:var(--hrms-text-muted);font-size:12px}.search-box{width:auto;max-width:280px;min-width:150px;flex:0 1 230px}.topbar .ghost-button,.topbar .mode-badge,.topbar .network-badge,.topbar .notification-button,.topbar .role-badge{flex:0 0 auto}.topbar .user-menu{flex:0 1 auto;min-width:0;max-width:220px}.topbar .user-menu>span:not(.avatar){min-width:0;max-width:148px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost-button,.text-button{min-height:36px;padding:0 10px;border:0;border-radius:var(--hrms-radius-sm);background:transparent;color:var(--hrms-primary);font-size:13px;font-weight:650;flex:0 0 auto}.ghost-button:hover,.text-button:hover{background:var(--teal-100)}.main-content{width:100%;max-width:1680px;margin:0 auto;min-width:0;padding:var(--hrms-page-pad) clamp(16px,2.4vw,32px) 48px}.main-content.main-content-wide{max-width:none;width:100%;min-width:0}.attendance-filters,.filter-bar,.kpi-grid,.overview-grid,.panel,.payroll-scope-banner,.report-filter-grid,.section-card{min-width:0;max-width:100%}.page-header{align-items:flex-start;margin-bottom:20px;gap:16px}.page-header-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header h1{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.2}.page-header p{font-size:14px;line-height:1.5;color:var(--hrms-text-muted)}.page-header-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em}.form-section-heading h2,.panel-header h2,.section-card h2{font-size:18px;font-weight:600;letter-spacing:-.02em}.form-section-heading p,.panel-header p{font-size:13px;color:var(--hrms-text-muted)}.danger-button,.ghost-button,.primary-button,.secondary-button{min-height:var(--hrms-control-height);padding:0 16px;border-radius:var(--hrms-radius-sm);font-size:13.5px;font-weight:650}.primary-button{box-shadow:none}.primary-button:hover{background:var(--hrms-primary-hover)}.danger-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed}.danger-button{border:1px solid #efb8b8;color:var(--hrms-danger);background:var(--danger-100);font-weight:700}.danger-button:hover{background:#f8d4d7}.danger-link{min-height:var(--hrms-control-height);padding:0 12px;border-radius:var(--hrms-radius-sm);color:var(--hrms-danger);font-size:13.5px}.danger-link:hover{background:var(--danger-100)}.approval-card,.kpi-card,.leave-request-card,.panel,.report-card,.section-card{border-radius:var(--hrms-radius-md);box-shadow:var(--hrms-shadow-sm)}.kpi-card{min-height:118px;padding:16px}.kpi-copy strong{font-size:28px;font-weight:700}.kpi-copy>span{font-size:13px}.kpi-copy small{font-size:12px}.kpi-card.kpi-static{cursor:default}.kpi-card.kpi-static:hover{transform:none}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.kpi-navy .kpi-icon{background:#e7eef4}.kpi-navy .kpi-copy strong,.kpi-navy .kpi-icon{color:var(--navy-900)}.kpi-slate .kpi-icon{color:var(--slate-600);background:#eef2f5}.kpi-slate .kpi-copy strong{color:var(--navy-700)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);gap:18px;min-width:0}.table-row.site-drilldown{cursor:default}.site-drilldown-open{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;width:100%;min-width:0;border-radius:8px}.site-drilldown-open:focus-visible,.site-drilldown-open:hover{background:#f3f8f8}.site-drilldown-open:focus-visible{outline:2px solid var(--hrms-teal,#008d91);outline-offset:2px}.site-drilldown-status{display:inline-flex;align-items:center;gap:8px}.overview-metric-button{appearance:none;border:0;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:inherit}.overview-metric-button:focus-visible{outline:2px solid var(--hrms-teal,#008d91);outline-offset:2px}.payroll-file-picker{display:grid;gap:8px}.payroll-file-picker-label{font-size:11px;font-weight:700}.payroll-file-picker-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.payroll-file-dropzone,.payroll-file-selected,.vault-file-picker .payroll-file-dropzone,.vault-file-picker .payroll-file-selected{display:grid;gap:8px;justify-items:center;padding:18px 16px;border:1px dashed var(--hrms-border,#dce4eb);border-radius:var(--hrms-radius-md,10px);background:var(--hrms-surface,#fff);text-align:center}.payroll-file-dropzone.is-dragover{border-color:var(--teal-600);background:var(--teal-100)}.payroll-file-dropzone p,.payroll-file-selected p{margin:0;display:grid;gap:4px}.payroll-file-selected{justify-items:stretch;text-align:left}@media (max-width:850px){.payroll-file-dropzone,.payroll-file-selected{padding:14px 12px}}.overview-report-context{margin:0 0 14px}.employee-table.table-scroll,.report-table-shell,.site-table.table-scroll,.table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table,table.employee-table,table.hrms-table{font-size:13.5px}.employee-head,.report-table th,.table-head,table.employee-table th{background:var(--hrms-surface-soft);color:var(--hrms-text-muted);font-size:12px;font-weight:700}.report-table td,.report-table th{padding:11px 12px}.report-table .col-numeric,.report-table td.col-numeric{text-align:right;font-variant-numeric:tabular-nums}.employee-row{min-height:64px;min-width:0;font-size:13.5px;grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,.75fr) minmax(0,1.2fr) minmax(0,1.05fr) minmax(0,.6fr)}.employee-head{font-size:12px}.employee-actions{display:flex!important;flex-wrap:wrap;gap:6px;align-items:center}.employee-actions button{min-height:32px;padding:0 10px;border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-sm);background:#fff;color:var(--hrms-primary);font-size:12.5px;font-weight:650}.employee-actions button:hover{background:var(--teal-100)}.employee-actions .danger-button,.employee-actions button.danger-button{color:var(--hrms-danger);border-color:#efb8b8;background:var(--danger-100)}.truncate{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.muted{color:var(--hrms-muted,#5b6b73);font-size:13px}.attendance-dashboard-filters,.attendance-filters,.filter-bar,.report-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px 14px;align-items:end;padding:16px 18px;margin-bottom:16px;background:var(--hrms-surface);border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);box-shadow:var(--hrms-shadow-sm)}.attendance-dashboard-filters label,.attendance-filters label,.filter-bar label{display:grid;gap:6px;min-width:0;color:var(--hrms-text);font-size:13px;font-weight:650}.attendance-filters input,.attendance-filters select,.filter-bar input,.filter-bar select,.form-grid input,.form-grid select,.form-grid textarea,.leave-adjustment-form input,.leave-adjustment-form select,.leave-application-form input,.leave-application-form select,.leave-application-form textarea,.report-filter-field input,.report-filter-field select{min-height:var(--hrms-control-height);border-radius:var(--hrms-radius-sm);font-size:14px}.form-grid label>span,.leave-adjustment-form label>span,.leave-application-form label>span{font-size:13px;font-weight:650;color:var(--hrms-text)}.form-section{margin:8px 0 4px}.form-section-heading{padding:10px 0 8px;border-bottom:1px solid var(--hrms-border);margin-bottom:8px}.form-section-title{font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--hrms-text)}.attendance-exempt-note{margin:0 0 4px;padding:10px 12px;border:1px solid var(--hrms-border,#d7dee6);border-radius:8px;background:var(--hrms-surface-soft,#f6f8fa)}.attendance-exempt-note strong{display:block;margin-bottom:4px;font-size:13px}.attendance-exempt-note p{margin:0;color:var(--hrms-text-muted,#5b6b75);font-size:13px;line-height:1.45}.salary-total{display:inline-block;min-width:160px;padding:8px 12px;border-radius:var(--hrms-radius-sm);background:var(--hrms-surface-soft);color:var(--hrms-primary);font-size:18px;font-weight:700}.required-mark{color:var(--hrms-danger);margin-left:3px}.status-pill{min-height:24px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.status-tone-success{background:var(--success-100);color:var(--hrms-success)}.status-tone-danger{background:var(--danger-100);color:var(--hrms-danger)}.status-tone-warning{background:var(--warning-100);color:var(--hrms-warning)}.status-tone-info{background:var(--teal-100);color:var(--hrms-primary)}.status-tone-neutral{background:#eef2f5;color:var(--navy-700)}.status-draft,.status-inactive{background:#eef2f5;color:var(--slate-600)}.status-pending,.status-pending-final,.status-pending-line-manager,.status-pending-pm,.status-unpaid{background:var(--warning-100);color:var(--hrms-warning)}.empty-copy,.empty-state,.hrms-empty,.map-empty{text-align:center;padding:36px 20px;color:var(--hrms-text-muted)}.empty-state h3,.hrms-empty h3,.map-empty strong{margin:8px 0 4px;color:var(--hrms-text);font-size:16px;font-weight:650}.empty-copy,.empty-state p,.hrms-empty p,.map-empty p{margin:0;font-size:13.5px;color:var(--hrms-text-muted)}.hrms-empty-icon{width:48px;height:48px;margin:0 auto 8px;display:grid;place-items:center;border-radius:12px;background:var(--teal-100);color:var(--hrms-primary)}.hrms-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:72px;color:var(--hrms-text-muted);font-size:14px}.hrms-spinner,.spinner{width:18px;height:18px;border:2px solid var(--hrms-border-strong);border-top-color:var(--hrms-primary);border-radius:50%;animation:hrms-spin .7s linear infinite;display:inline-block}@keyframes hrms-spin{to{transform:rotate(1turn)}}.form-error,.form-feedback,.hrms-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:12px 14px;border-radius:var(--hrms-radius-sm);background:var(--danger-100);color:var(--hrms-danger);font-size:13.5px}.form-feedback,.hrms-error p{margin:0}.form-feedback{display:block}.hrms-error strong{display:block;margin-bottom:2px}.workflow-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 18px;padding:0;min-width:0}.workflow-step{display:flex;align-items:flex-start;gap:8px;min-height:64px;padding:10px;border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);background:var(--hrms-surface);font-size:12px;font-weight:650;color:var(--hrms-text-muted)}.workflow-index{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#eef2f5;font-size:11px}.appraisal-process-guide{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 12px;padding:0;min-width:0}.appraisal-process-guide .workflow-step{min-height:0;padding:8px 10px}.appraisal-process-guide .workflow-step span{min-width:0;overflow-wrap:anywhere}.appraisal-process-owner{display:block;margin-top:2px;font-size:11px;font-weight:500;color:var(--hrms-text-muted);line-height:1.3}.appraisal-next-action{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px;padding:10px 12px;border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);background:var(--hrms-surface);min-width:0}.appraisal-next-action p{margin:4px 0 0;font-size:13px;color:var(--hrms-text-muted);max-width:72ch}.appraisal-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:0;list-style:none;font-size:12px;color:var(--hrms-text-muted);min-width:0}.appraisal-legend strong{color:var(--hrms-text);font-weight:650;margin-right:4px}.appraisal-status-help{display:block;margin-top:4px;color:var(--hrms-text-muted);font-size:11px;font-weight:500;white-space:normal}.appraisal-review-flow{display:flex;flex-wrap:wrap;gap:6px 4px;margin:0 0 8px;padding:0;list-style:none;font-size:12px;font-weight:650;min-width:0}.appraisal-review-flow li{display:inline-flex;align-items:center;gap:4px}.appraisal-review-flow-arrow{margin-right:4px;color:var(--hrms-text-muted);font-weight:500}.workflow-step-current{border-color:#b6dfe0;background:var(--teal-100);color:var(--hrms-text)}.workflow-step-current .workflow-index,.workflow-step-done .workflow-index{background:var(--hrms-primary);color:#fff}.workflow-step-done{color:var(--hrms-text)}.choice-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:0 18px 18px}.choice-card{display:grid;gap:10px;padding:16px;border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);background:var(--hrms-surface-soft)}.choice-card h3{margin:0;font-size:15px;font-weight:650}.choice-card p{margin:0;color:var(--hrms-text-muted);font-size:13px}.payroll-scope-banner{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:16px;padding:12px 16px;border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);background:var(--hrms-surface)}.payroll-scope-banner strong{font-size:14px}.payroll-scope-banner span{color:var(--hrms-text-muted);font-size:13px}.irreversible-note{margin:0 18px 16px;padding:10px 12px;border-left:3px solid var(--hrms-warning);background:var(--warning-100);color:var(--hrms-text);font-size:13px}.message-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:16px}.message-item{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:14px 16px;border-bottom:1px solid var(--hrms-border)}.message-item strong{font-size:14px}.message-item small{display:block;margin-top:4px;color:var(--hrms-text-muted);font-size:13px;line-height:1.45;white-space:pre-wrap}.message-meta{color:var(--hrms-text-muted);font-size:12px;text-align:right}.settings-sections{display:grid;gap:16px}.attendance-list article{min-height:64px;min-width:0;grid-template-columns:40px minmax(0,1.6fr) auto minmax(0,.8fr) 36px;font-size:13.5px;padding:10px 16px}.hours-status{font-weight:700;font-variant-numeric:tabular-nums}.hours-ok{color:var(--hrms-success)}.hours-low{color:var(--hrms-danger)}.hours-none{color:var(--hrms-text-muted)}.phone-app .checkin-button,.phone-app .device-registration,.phone-app .mobile-actions button{min-height:48px}.mobile-bottom-nav button{min-height:48px;font-size:11px}.ess-empty-state{display:grid;justify-items:center;gap:8px;padding:28px 12px;text-align:center;color:var(--hrms-text-muted)}.ess-empty-state strong{color:var(--hrms-text)}.line-manager-banner{margin-bottom:16px;padding:12px 16px;border:1px solid #d7c8ea;border-radius:var(--hrms-radius-md);background:var(--purple-100);color:var(--purple-700);font-size:13.5px}.modal{border-radius:var(--hrms-radius-lg);max-width:calc(100vw - 24px)}.confirm-modal{width:min(480px,calc(100% - 24px))}.modal-header h2{font-size:20px;font-weight:650}.modal-header p{font-size:13px;line-height:1.45}.report-card strong{font-size:15px;font-weight:650}.report-card p{font-size:13px;min-height:0;line-height:1.45}.report-card small{font-size:12.5px}.audit-list strong,.health-score span,.retention-box strong,.security-card dd,.security-card dt,.settings-panel label strong,.settings-panel label>span,.toggle-row strong{font-size:13.5px}.settings-panel select{min-height:var(--hrms-control-height);font-size:14px}.audit-list small,.audit-list time,.retention-box p,.toggle-row small{font-size:12.5px}.mode-badge,.network-badge{font-size:12px}.holiday-form input,.holiday-form select,.year-picker input,.year-picker select{min-height:var(--hrms-control-height);font-size:14px}.ranking-note{margin-top:16px;padding:12px 14px;border:1px solid #b6dfe0;border-radius:var(--hrms-radius-md);background:var(--teal-100);color:var(--hrms-text);font-size:13px}.attendance-dashboard-cards,.ranking-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.attendance-dashboard-card{background:var(--hrms-surface);border:1px solid var(--hrms-border);border-radius:var(--hrms-radius-md);box-shadow:var(--hrms-shadow-sm);padding:16px}.attendance-dashboard-card>div:first-child{color:var(--hrms-text-muted);font-size:12px;font-weight:700}.attendance-dashboard-card>div:last-child{font-size:26px;font-weight:700}.ranking-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:13.5px}.attendance-dashboard-table th,.ranking-table th{background:var(--hrms-surface-soft);color:var(--hrms-text-muted);font-size:12px;font-weight:700;padding:10px 12px;text-align:left;border-bottom:1px solid var(--hrms-border)}.attendance-dashboard-table td,.ranking-table td{padding:10px 12px;border-bottom:1px solid var(--hrms-border);vertical-align:middle}.attendance-dashboard-table tr:hover td,.ranking-table tbody tr:hover td{background:var(--hrms-surface-soft)}.policy-chip{font-size:13px}.modal-scroll-body{max-height:70vh;overflow-y:auto;padding:4px 2px 12px}.attendance-dashboard-table .col-numeric,.ranking-table .col-numeric{text-align:right;font-variant-numeric:tabular-nums}.login-shell .login-page{width:100%;max-width:440px}.login-container{background:#fff;border-radius:16px;padding:36px 32px}.login-shell .login-container .login-field-label,.login-shell .login-container .login-form label,.login-shell .login-container label>span{color:#0b1f33!important;-webkit-text-fill-color:#0b1f33;font-size:13px;font-weight:700}.login-shell .login-container .form-error{color:var(--hrms-danger)!important;-webkit-text-fill-color:var(--hrms-danger);background:var(--danger-100)}.login-shell .login-container .login-back,.login-shell .login-container .modal-actions .secondary-button{color:var(--hrms-text-muted)!important}.login-shell .login-container .primary-button{color:#fff!important;-webkit-text-fill-color:#fff}.login-field{display:grid;gap:6px}:focus-visible{outline:2px solid #43c5ca;outline-offset:2px}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.6;cursor:not-allowed}@media (max-width:1440px){.topbar-context span{display:none}.topbar-context strong{display:block}.search-box{flex:0 1 180px;min-width:160px;max-width:200px;width:auto}}@media (max-width:1280px){.overview-grid{grid-template-columns:minmax(0,1fr)}.workflow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.appraisal-process-guide{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding-block:8px}.topbar-context{flex:0 1 190px;min-width:150px}}@media (max-width:1120px){.choice-grid,.message-layout{grid-template-columns:minmax(0,1fr)}.appraisal-process-guide,.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){:root{--hrms-page-pad:20px}.search-box{flex:0 1 160px;min-width:150px;max-width:180px}.topbar .user-menu{max-width:170px}.topbar .user-menu>span:not(.avatar){max-width:110px}}@media (max-width:850px){.workspace{margin-left:0;width:100%;max-width:100%;padding-left:0}.topbar-context{display:none}}@media (max-width:650px){:root{--hrms-page-pad:14px}.main-content{padding:16px 14px 36px}.page-header h1{font-size:24px}.kpi-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.appraisal-process-guide,.choice-grid,.workflow-steps{grid-template-columns:minmax(0,1fr)}.attendance-dashboard-filters,.attendance-filters,.filter-bar{grid-template-columns:minmax(0,1fr);padding:14px}.danger-button,.primary-button,.secondary-button{width:auto}.page-header-actions,.page-header-actions .primary-button,.page-header-actions .secondary-button{width:100%}}@media (prefers-reduced-motion:reduce){.hrms-spinner,.spinner{animation:none;border-top-color:var(--hrms-primary)}}.vault-storage-status{display:inline-flex;align-items:center;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:var(--hrms-surface-soft,#f4f7f9);font-size:12px;font-weight:700}.vault-summary-grid{margin-bottom:16px}.vault-filter-grid{align-items:end}.vault-table{width:100%;min-width:980px;border-collapse:collapse}.vault-table td,.vault-table th{padding:10px 12px;text-align:left;vertical-align:top;white-space:nowrap}.vault-table td small{display:block;color:var(--hrms-text-muted,#5b6b75);font-size:11px}.vault-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:280px}.vault-actions button{font-size:12px}.toolbar-check{display:flex;align-items:center;gap:8px;font-size:13px}@media (max-width:1024px){.vault-table{min-width:860px}}@media (max-width:430px){.vault-summary-grid{grid-template-columns:1fr 1fr}}.analytics-global-filters{margin:0 0 16px;align-items:end}.analytics-widget-filters{margin:8px 0 0;padding:12px;border:1px solid var(--hrms-border,#d7e0e6);border-radius:10px;background:var(--hrms-surface-soft,#f4f7f9)}.analytics-widget-filters h3{margin:0 0 4px;font-size:.95rem}.analytics-metric-note,.analytics-period-note,.analytics-widget-filters p{margin:0 0 10px;color:var(--hrms-muted,#5b6b75);font-size:.85rem}.analytics-metric-note{grid-column:1/-1}.analytics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;gap:12px;min-width:0;overflow-x:hidden}.analytics-widget{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--hrms-surface,#fff);border:1px solid var(--hrms-border,#d7e0e6);border-radius:12px}.analytics-widget-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;cursor:grab;border-bottom:1px solid var(--hrms-border,#e6eef2);background:var(--hrms-surface-soft,#f4f7f9)}.analytics-widget-head strong{font-size:13px;color:var(--hrms-text,#062b4c)}.analytics-widget-actions{display:flex;flex-wrap:wrap;gap:4px}.analytics-widget-actions .secondary-button{font-size:11px;padding:3px 7px}.analytics-widget-body{flex:1;min-height:0;overflow:auto;padding:10px 12px 12px;display:flex;flex-direction:column;justify-content:flex-start}.analytics-widget-compact .analytics-widget-body{flex:0 1 auto}.analytics-widget-recovery{display:grid;gap:10px;padding:4px 0}.analytics-kpi{display:flex;flex-direction:column;justify-content:center;min-height:88px;gap:4px}.analytics-kpi strong{font-size:28px;line-height:1.1;color:var(--hrms-primary,#007c83)}.analytics-bar-chart,.analytics-ranking{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.analytics-bar-chart-compact{gap:10px}.analytics-bar-chart-compact .analytics-bar-track{height:14px}.analytics-bar-row,.analytics-ranking button{display:grid;grid-template-columns:minmax(72px,28%) 1fr auto;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.analytics-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--hrms-text,#062b4c)}.analytics-bar-track{display:block;height:10px;border-radius:999px;background:#e8eef2;overflow:hidden}.analytics-bar-track span{display:block;height:100%;border-radius:inherit}.analytics-bar-value,.analytics-ranking em{font-size:12px;font-style:normal;font-weight:700;color:var(--hrms-text,#062b4c)}.analytics-ranking li{list-style:none}.analytics-ranking{margin:0;padding:0}.analytics-ranking span{width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--teal-100,#d7f0f1);color:var(--hrms-primary,#007c83);font-size:11px;font-weight:700}.analytics-line-chart,.analytics-pie-chart{width:100%;max-height:180px}.analytics-pie-wrap{display:flex;align-items:center;gap:12px;min-width:0}.analytics-legend{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px}.analytics-legend span{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px}.analytics-table-scroll{max-height:260px;overflow:auto}.analytics-preview{margin-top:12px;padding:12px;border:1px solid var(--hrms-border,#d7e0e6);border-radius:10px}@media (max-width:1023px){.analytics-grid{display:flex;flex-direction:column}.analytics-widget{grid-column:1/-1!important;grid-row:auto!important;width:100%;min-height:240px}.analytics-widget-compact{min-height:0}}@media (max-width:430px){.analytics-widget-head{flex-wrap:wrap}.analytics-pie-wrap{flex-direction:column;align-items:flex-start}}