*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:#e6edf3;color:#152433}#root{min-height:100vh}.ant-form-item .ant-form-item-label>label{font-weight:600;color:#152433}.ant-input,.ant-input-affix-wrapper,.ant-select .ant-select-selector,.ant-picker{background-color:#f7fafc!important;border-color:#b0bec9!important;box-shadow:inset 0 1px 2px #0f2a3c0a}.ant-input:hover,.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover,.ant-select:not(.ant-select-disabled):hover .ant-select-selector,.ant-picker:hover{border-color:#6eb0c8!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:#2596be!important;box-shadow:0 0 0 2px #2596be2e!important}.ant-segmented{background:#edf3f7;padding:3px}.ant-segmented-item-selected{font-weight:600}.ant-table-thead>tr>th{background:#eef5f8!important;color:#152433!important;font-weight:700!important;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px}.ant-table{border-radius:12px;overflow:hidden}.ant-table-tbody>tr>td{border-bottom-color:#eef2f6!important}.ant-table-tbody>tr:hover>td{background:#f2f9fb!important}.ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ems-col-resize-handle{position:absolute;inset-block:0;inset-inline-end:-5px;width:10px;cursor:col-resize;z-index:2;-webkit-user-select:none;user-select:none;touch-action:none}.ems-col-resize-handle:after{content:"";position:absolute;inset-block:22%;inset-inline-end:4px;width:2px;border-radius:1px;background:transparent;transition:background .15s ease}.ant-table-thead>tr>th:hover .ems-col-resize-handle:after,.ems-col-resize-handle:hover:after{background:#2596be8c}.ant-modal-close{top:14px;inset-inline-end:14px;outline:none}.ant-modal-close:hover .ant-modal-close-x span,.ant-modal-close:focus-visible .ant-modal-close-x span{background:#1524331f!important;color:#152433!important}.ant-modal-close:focus-visible{outline:none;box-shadow:0 0 0 3px #2596be59;border-radius:50%}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;background:#e6edf3}.login-page__card{width:min(420px,100%);padding:36px 32px 32px;border-radius:16px;border:1px solid #d4dee8;background:#fcfdfe;box-shadow:0 10px 28px #0f2a3c1a}.login-page__brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px}.login-page__tagline{display:block;text-align:center;color:#4a5d73!important;font-size:13px;letter-spacing:.2px}.login-page__header{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.login-page__options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.login-page__options .ant-typography,.login-page__forgot{font-size:13.5px;white-space:nowrap}.login-page__forgot{height:auto;padding:0}@media(max-width:767px){.login-page{align-items:flex-start;min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.login-page__card{width:100%;max-width:420px;margin:auto 0;padding:28px 20px 24px;border-radius:14px}.login-page__brand{margin-bottom:22px}.login-page__header{margin-bottom:20px}.login-page__header .ant-typography-secondary{font-size:13px;line-height:1.45}.login-page__options{flex-wrap:wrap;gap:8px 12px}.login-page__options .ant-typography,.login-page__forgot{white-space:normal;margin-left:auto}.login-page .ant-input-lg,.login-page .ant-btn-lg{min-height:44px}}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0f2a3c73;animation:app-sidebar-fade-in .2s ease}@keyframes app-sidebar-fade-in{0%{opacity:0}to{opacity:1}}.app-sidebar--drawer{position:fixed!important;top:0;left:0;bottom:0;width:min(280px,86vw)!important;min-height:100dvh!important;z-index:100;transform:translate(-100%);transition:transform .22s ease;box-shadow:8px 0 32px #0f2a3c38}.app-sidebar--drawer-open{transform:translate(0)}.topbar--mobile{height:auto!important;min-height:52px;padding:8px 12px!important;padding-top:max(8px,env(safe-area-inset-top))!important;gap:8px!important}.topbar--mobile .topbar__title{font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar--mobile .topbar__user-block{display:none!important}.topbar--mobile .topbar__logout-label,.topbar--mobile .topbar__page-action-label{display:none}.app-main--mobile{padding:12px 12px 20px!important;padding-bottom:max(20px,env(safe-area-inset-bottom))!important}.employee-page-card--mobile.ant-card .ant-card-body{padding:16px 14px}.directory-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.directory-filters__date-popover{display:flex;flex-direction:column;gap:10px;width:260px}.directory-filters__actions{display:contents}.employee-directory-mobile-list{display:flex;flex-direction:column;gap:10px}.employee-directory-mobile-card{display:block;width:100%;text-align:left;padding:12px 14px;border:1px solid #e2eaf0;border-radius:12px;background:#f7fafc;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.employee-directory-mobile-card:hover,.employee-directory-mobile-card:focus-visible{background:#eef5f9;box-shadow:inset 0 0 0 1px #2596be40;outline:none}.employee-directory-mobile-card--skeleton{display:flex;align-items:flex-start;gap:12px;cursor:default}.employee-directory-mobile-card--skeleton:hover{background:#f7fafc;box-shadow:none}.employee-directory-mobile-card__main{display:flex;align-items:flex-start;gap:12px}.employee-directory-mobile-card__body{flex:1;min-width:0}.employee-directory-mobile-card__name{font-weight:700;color:#152433;font-size:15px;line-height:1.3}.employee-directory-mobile-card__subtitle{display:block;font-size:12.5px!important;color:#7c8ea1!important;margin-top:2px}.employee-directory-mobile-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}.employee-directory-mobile-card__coe{font-family:Consolas,SFMono-Regular,monospace;font-size:11.5px;font-weight:700;color:#3d5166;background:#eef3f7;padding:2px 7px;border-radius:5px}.employee-directory-mobile-card__date{display:block;font-size:12px!important;color:#7c8ea1!important;margin-top:6px}.employee-directory-mobile-card__chevron{flex-shrink:0;margin-top:14px;color:#a8b8c8;font-size:12px}.employee-directory-mobile-pagination{display:flex;justify-content:center;padding-top:8px}.employee-detail-modal--mobile.ant-modal-wrap{overflow:hidden}.employee-detail-modal--mobile .ant-modal{max-width:100vw;margin:0!important;top:0;padding:0}.employee-detail-modal--mobile .ant-modal-content{border-radius:0!important;min-height:100dvh;display:flex;flex-direction:column}.employee-detail-modal--mobile .ant-modal-close{top:max(12px,env(safe-area-inset-top));inset-inline-end:12px}.employee-detail-modal__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.employee-form__submit-row{display:flex;justify-content:flex-end}@media(max-width:767px){.directory-filters--mobile .directory-filters__row{flex-direction:column;align-items:stretch}.directory-filters--mobile .directory-filters__control,.directory-filters--mobile .directory-filters__search,.directory-filters--mobile .directory-filters__sort{width:100%!important;max-width:none!important;flex:none!important;margin-left:0!important}.directory-filters--mobile .directory-filters__date-btn{width:100%}.directory-filters--mobile .directory-filters__actions{display:flex;gap:8px;width:100%}.directory-filters--mobile .directory-filters__actions .ant-btn{flex:1;min-height:44px}.directory-filters--mobile .directory-filters__date-popover{width:min(280px,calc(100vw - 48px))}.employee-directory-header--mobile .ant-btn{min-height:44px}.employee-detail-modal__actions{width:100%;display:flex;flex-direction:column;gap:8px}.employee-detail-modal__actions .ant-btn{min-height:44px}.employee-form__submit-row{justify-content:stretch}.employee-form__submit-row .ant-btn{width:100%;min-height:44px}}.dept-config-page-card--mobile.ant-card{height:auto!important}.dept-config-page-card--mobile.ant-card .ant-card-body{overflow:visible!important}.dept-config-panel__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-shrink:0;flex-wrap:wrap}.dept-config-panel__toolbar--mobile{flex-direction:column;align-items:stretch}.dept-config-panel__toolbar--mobile .dept-config-panel__action-btn{width:100%;min-height:44px}.dept-config-mobile-list{display:flex;flex-direction:column;gap:8px}.dept-config-mobile-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid #d4dee8;background:#fff;cursor:pointer;min-height:52px;transition:background .15s ease,box-shadow .15s ease}.dept-config-mobile-list__item--selected{background:#2596be59;box-shadow:inset 0 0 0 1px #4fc3e873;border-color:#4fc3e859}.dept-config-mobile-list__item-name{flex:1;min-width:0;font-weight:600;color:#152433;word-break:break-word}.dept-config-mobile-list__item-actions{display:inline-flex;gap:8px;flex-shrink:0}.dept-config-mobile-list__item-actions .ant-btn{min-width:40px;min-height:40px}@media(max-width:767px){.dept-config-modal--mobile.ant-modal{max-width:calc(100vw - 24px)!important;margin:12px auto!important;padding-bottom:max(12px,env(safe-area-inset-bottom))}.dept-config-modal--mobile .ant-modal-content{border-radius:14px}.dept-config-modal--mobile .ant-modal-body{padding:16px 18px 8px}.dept-config-modal--mobile .ant-modal-footer{display:flex;gap:10px;padding:12px 18px 16px}.dept-config-modal--mobile .ant-modal-footer .ant-btn{flex:1;min-height:44px;margin-inline-start:0!important}.dept-config-modal--mobile .ant-input{min-height:44px}}.certificate-editor .ProseMirror,.certificate-preview-body{font-family:sans-serif;font-size:15px;line-height:1.35;color:#152433}.certificate-page .certificate-editor-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative;cursor:text}.certificate-page .certificate-editor-body.is-empty:not(.is-focused){background:#2596be0d;border-radius:4px;box-shadow:inset 0 0 0 1px #2596be1f}.certificate-page .certificate-editor-body .certificate-editor{flex:1;display:flex;flex-direction:column;min-height:100%}.certificate-page .certificate-editor{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.certificate-editor .ProseMirror{outline:none;flex:1;min-height:100%;cursor:text}.certificate-editor .ProseMirror p:empty,.certificate-preview-body p:empty,.certificate-editor .ProseMirror p:has(>br:only-child),.certificate-preview-body p:has(>br:only-child){min-height:1.35em}.certificate-editor .ProseMirror p,.certificate-preview-body p{margin:0 0 8px}.certificate-editor .ProseMirror ul,.certificate-editor .ProseMirror ol,.certificate-preview-body ul,.certificate-preview-body ol{margin:0 0 8px;padding-inline-start:26px}.certificate-editor-body.is-empty.is-focused .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;pointer-events:none;color:#a7b4c2;font-style:italic}.certificate-editor-body.is-empty:not(.is-focused):before{content:"Click here to start typing the certificate body, or insert a field from the left…";position:absolute;top:0;left:0;right:0;padding-right:8px;color:#a7b4c2;font-family:sans-serif;font-size:15px;line-height:1.35;font-style:italic;pointer-events:none}[data-certificate-page] *:not(img){font-family:sans-serif!important}.certificate-editor-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:10px}.certificate-editor-header--mobile{flex-direction:column;align-items:stretch;width:100%;max-width:100%;min-width:0;overflow:hidden}.certificate-editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid #e2eaf0;background:#f7fafc;flex:1;min-width:200px;box-sizing:border-box}.certificate-editor-toolbar--mobile{flex:none;width:100%;max-width:100%;min-width:0;flex-direction:column;overflow:hidden;padding:6px;gap:6px}.certificate-editor-toolbar__row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;max-width:100%}.certificate-editor-toolbar__divider{margin:0 4px!important;border-color:#d4dee8!important}.certificate-editor-toolbar__button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:none;cursor:pointer;background:transparent;color:#4a5d73;font-size:14px;flex-shrink:0;transition:background .15s ease}.certificate-editor-toolbar__button:hover{background:#2596be14}.certificate-editor-toolbar__button[data-active]{background:#2596be2e;color:#1a7a9a}.certificate-editor-toolbar__button--mobile{width:36px;height:36px;font-size:15px}.certificate-editor-toolbar__font-size{height:30px;min-width:52px;padding:0 10px;border-radius:7px;border:none;cursor:pointer;background:transparent;color:#4a5d73;font-size:13px;font-weight:600;flex-shrink:0}.certificate-editor-toolbar__font-size[data-active]{background:#2596be2e;color:#1a7a9a}.certificate-editor-toolbar--mobile .certificate-editor-toolbar__font-size{height:36px;min-width:44px;font-size:12px;padding:0 8px}.certificate-editor-page-controls{display:flex;align-items:center;gap:8px;flex-shrink:0;box-sizing:border-box}.certificate-editor-page-controls--mobile{width:100%;max-width:100%;min-width:0;justify-content:center;flex-wrap:nowrap;gap:4px;padding:4px 0}.certificate-editor-page-controls--mobile .ant-btn{min-width:36px;padding-inline:8px}.certificate-editor-page-indicator{font-size:13px;color:#4a5d73;min-width:48px;text-align:center;flex-shrink:0}.certificate-editor-workspace{min-width:0;max-width:100%;overflow:hidden}.certificate-editor-canvas{background:#eef2f6;border-radius:8px;padding:20px 12px;display:flex;justify-content:center}.certificate-editor-canvas--mobile{padding:12px 8px}.employee-field-tags{display:flex;flex-wrap:wrap;gap:8px}.employee-field-tag{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px 7px;border-radius:10px;border:1px solid #e2eaf0;background:#f2f7fa;cursor:pointer;transition:background .15s ease,box-shadow .15s ease;text-align:left;max-width:220px}.employee-field-tag:hover:not(:disabled){background:#2596be24;box-shadow:inset 0 0 0 1px #2596be59}.employee-field-tag:disabled{background:#f2f5f7;cursor:not-allowed;opacity:.6}.employee-field-tag__label-row{display:flex;align-items:center;gap:5px}.employee-field-tag__label{font-size:11px!important;font-weight:700!important;color:#3d5166!important;text-transform:uppercase;letter-spacing:.3px}.employee-field-tag__value{font-size:13px!important;color:#152433!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}.employee-field-tags--mobile .employee-field-tag{flex:1 1 100%;max-width:none;min-height:52px;padding:10px 12px}.employee-field-tags--mobile .employee-field-tag__value{white-space:normal;word-break:break-word;max-width:none}.cert-gen-mobile-tabs .ant-tabs-nav{margin-bottom:12px}.cert-gen-mobile-tabs .ant-tabs-tab{flex:1;justify-content:center;margin:0!important;padding:10px 12px!important;font-weight:600}.cert-gen-mobile-tabs .ant-tabs-nav-list{width:100%}.cert-gen-mobile-setup{display:flex;flex-direction:column}.cert-gen-canvas-card--mobile.ant-card .ant-card-body{overflow-x:hidden}.cert-gen-canvas-actions{margin-top:16px;padding-top:4px}.cert-gen-generate-button{min-height:44px}@media(max-width:767px){.certificate-editor-body.is-empty:not(.is-focused):before{font-size:13px;line-height:1.4;content:"Tap here to type, or insert a field from the Setup tab…"}}.certificate-archive-filters{background:#eef5f8;border-radius:10px;padding:12px 14px;border:1px solid #d4dee8}.certificate-archive-filters__summary{font-size:12.5px;color:#4a5d73;display:block;margin-bottom:10px}.certificate-archive-filters__row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.certificate-archive-filters__field{display:flex;align-items:center;gap:8px}.certificate-archive-filters__label{font-size:13px;font-weight:600;color:#3d5166;white-space:nowrap}.certificate-archive-filters__actions{display:flex;gap:8px;margin-left:auto}.certificate-archive-filters--mobile .certificate-archive-filters__row{flex-direction:column;align-items:stretch}.certificate-archive-filters--mobile .certificate-archive-filters__field--mobile{flex-direction:column;align-items:stretch;width:100%}.certificate-archive-filters--mobile .certificate-archive-filters__field--mobile .ant-select,.certificate-archive-filters--mobile .certificate-archive-filters__field--mobile .ant-picker{width:100%!important}.certificate-archive-filters--mobile .certificate-archive-filters__actions{margin-left:0;width:100%}.certificate-archive-filters--mobile .certificate-archive-filters__actions .ant-btn{flex:1;min-height:44px}.certificate-archive-mobile-list__loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 0}.certificate-archive-mobile-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.certificate-archive-record-card{border:1px solid #d4dee8;border-radius:12px;background:#f7fafc;padding:12px 14px}.certificate-archive-record-card__header{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.certificate-archive-record-card__serial{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#2596be1f;color:#186a86;font-weight:700;font-size:12.5px;display:flex;align-items:center;justify-content:center}.certificate-archive-record-card__titles{min-width:0;flex:1}.certificate-archive-record-card__employee{display:block;color:#152433;font-size:14.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-archive-record-card__title{display:block;color:#4a5d73;font-size:12.5px;line-height:1.4;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-archive-record-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.certificate-archive-type-badge{display:inline-block;max-width:100%;padding:3px 10px;border-radius:999px;background:#2596be1f;color:#186a86;font-size:11.5px;font-weight:700;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-archive-record-card__date{color:#7c8ea1;font-size:11.5px;font-family:Consolas,SFMono-Regular,monospace;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.certificate-archive-record-card__action{min-height:44px;font-weight:600}.certificate-archive-mobile-list__pagination{display:flex;justify-content:center;margin-top:14px}.certificate-archive-view-modal__actions{display:flex;justify-content:flex-end;margin-bottom:16px}.certificate-archive-view-modal__actions--mobile{justify-content:stretch}.certificate-archive-view-modal--mobile.ant-modal-wrap{padding:0}.certificate-archive-view-modal--mobile .ant-modal{top:0;margin:0;max-width:100vw;padding:0;vertical-align:top}.certificate-archive-view-modal--mobile .ant-modal-content{border-radius:0;min-height:100dvh}.certificate-archive-view-modal--mobile .ant-modal-header{padding:max(12px,env(safe-area-inset-top)) 14px 10px}.certificate-archive-view-modal--mobile .ant-modal-title{font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.certificate-archive-view-modal--mobile .ant-modal-close{top:max(12px,env(safe-area-inset-top))}.certificate-archive-view-modal--mobile .certificate-archive-view-modal__actions .ant-btn{min-height:44px}.certificate-archive-view-preview{width:100%}.employee-search-field__row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.employee-search-field__input{flex:1 1 260px;max-width:420px}.employee-search-field--mobile .employee-search-field__input{flex:1 1 100%;max-width:none}.employee-search-field--mobile .employee-search-field__button{flex:1 1 100%;min-height:44px}.employee-search-result{width:100%;text-align:left;padding:10px 12px;border-radius:8px;border:1px solid #e2eaf0;background:#f2f7fa;cursor:pointer;transition:background .15s ease}.employee-search-result:hover{background:#2596be14}.employee-search-result--mobile{min-height:52px;padding:12px 14px}.employee-search-result__content{display:flex;justify-content:space-between;gap:12px;align-items:center}.employee-search-result__status{font-size:12px;color:#7c8ea1;flex-shrink:0}.separation-form__actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:767px){.separation-form__actions{flex-direction:column;align-items:stretch}.separation-form__actions .ant-btn{width:100%;min-height:44px;margin:0}.separation-preview-modal--mobile .ant-modal-footer{display:flex;flex-direction:column;gap:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.separation-preview-modal--mobile .ant-modal-footer .ant-btn{width:100%;margin:0!important;min-height:44px}.separation-preview-scaler{width:100%}.separation-issued-modal__actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.separation-issued-modal__actions .ant-btn{min-height:44px}.separation-issued-modal--mobile .ant-modal-body,.generate-cert-options-modal--mobile .ant-modal-body{padding-bottom:max(16px,env(safe-area-inset-bottom))}.generate-cert-options-modal--mobile button[type=button]{min-height:56px}}.separation-issued-modal__actions{display:flex;justify-content:center;gap:10px;margin-top:8px;flex-wrap:wrap}