@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,Segoe UI,system-ui,sans-serif;background:#f0f7ff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:3px solid #00C2CB;outline-offset:3px;border-radius:6px}a{text-decoration:none}button{font-family:inherit}.pm-page{padding:1.25rem 1.5rem;background:#f0f4f8;min-height:100vh;display:flex;flex-direction:column;gap:1.25rem;font-family:Inter,system-ui,-apple-system,sans-serif}.tc-header,.pm-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tc-header h1,.pm-header h1{font-size:1.35rem;font-weight:800;color:#0d1b2a;margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:-.3px}.tc-header h1 i,.pm-header h1 i{color:#0b3d6b}.tc-header p,.pm-header p{font-size:.76rem;color:#718096;margin:.2rem 0 0}.tc-title-block{display:flex;align-items:center;gap:.9rem}.tc-title-block .tc-icon-badge{width:44px;height:44px;border-radius:12px;background:#0b3d6b;color:#00c2cb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 4px 14px #0b3d6b33;flex-shrink:0}.tc-title-block .tc-icon-badge.green{background:#ecfdf5;color:#059669}.tc-title-block .tc-icon-badge.orange{background:#fffbeb;color:#d97706}.tc-title-block .tc-icon-badge.red{background:#fef2f2;color:#dc2626}.tc-title-block .tc-icon-badge.purple{background:#ede9fe;color:#7c3aed}.tc-title-block .tc-icon-badge.cyan{background:#e0f7fa;color:#00838f}.tc-title-block .tc-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.72rem;color:#718096;margin-bottom:.2rem}.tc-title-block .tc-breadcrumb i{font-size:.55rem;color:#a0aec0}.tc-title-block .tc-breadcrumb .active{color:#0b3d6b;font-weight:700}.tc-title-block .tc-title{font-size:1.35rem;font-weight:800;color:#0d1b2a;margin:0;letter-spacing:-.3px}.tc-title-block .tc-subtitle{font-size:.76rem;color:#718096;margin:.15rem 0 0}.tc-header-actions,.header-actions{display:flex;align-items:center;gap:.6rem}.pm-nav-tabs{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding-bottom:.25rem}.pm-nav-tabs .pm-tab-btn{display:flex;align-items:center;gap:.45rem;padding:.48rem .95rem;border-radius:8px;border:1px solid transparent;background:#fff;color:#4a5568;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}.pm-nav-tabs .pm-tab-btn:hover{background:#f8fafc;color:#0d1b2a}.pm-nav-tabs .pm-tab-btn.active{background:#0b3d6b;color:#fff;box-shadow:0 2px 8px #0b3d6b40}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem;margin-bottom:.5rem}.stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:1rem 1.15rem;display:flex;align-items:center;gap:.85rem;box-shadow:0 2px 8px #00000005;transition:all .2s cubic-bezier(.16,1,.3,1)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0b3d6b14;border-color:#bfdbfe}.stat-card .sc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.stat-card .sc-value{font-size:1.25rem;font-weight:900;color:#0d1b2a;display:block;line-height:1.15}.stat-card .sc-label{font-size:.72rem;color:#718096;font-weight:600;display:block;margin-top:.15rem}.chip-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.chip-row .chip{padding:.4rem .85rem;border-radius:20px;border:1px solid #E2E8F0;background:#fff;color:#4a5568;font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #00000005}.chip-row .chip:hover{background:#f8fafc;border-color:#cbd5e0;transform:translateY(-1px)}.chip-row .chip.active{background:#0b3d6b;color:#fff;border-color:#0b3d6b;box-shadow:0 2px 8px #0b3d6b40}.ci-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.ci-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:1.15rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 8px #00000005;display:flex;flex-direction:column;gap:.65rem}.ci-card:hover{border-color:#00c2cb;transform:translateY(-2px);box-shadow:0 6px 18px #00c2cb1f}.ci-card .ci-top{display:flex;align-items:center;gap:.55rem}.ci-card .ci-type{font-size:.64rem;font-weight:800;padding:.18rem .5rem;border-radius:6px;background:#eff6ff;color:#2563eb}.ci-card .ci-date{font-size:.7rem;color:#718096;margin-left:auto}.ci-card .ci-section{background:#fafbfc;border:1px solid #F1F5F9;border-radius:8px;padding:.6rem .75rem}.ci-card .ci-section label{font-size:.68rem;font-weight:800;color:#4a5568;display:block;margin-bottom:.2rem}.ci-card .ci-section p{font-size:.76rem;color:#0d1b2a;margin:0;line-height:1.45}.ci-card .mood-bar{display:flex;gap:.35rem;align-items:center;padding-top:.3rem;border-top:1px solid #F1F5F9}.ci-card .mood-bar .mood-dot{width:10px;height:10px;border-radius:50%;background:#e2e8f0;transition:transform .15s}.ci-card .mood-bar .mood-dot.active{transform:scale(1.2)}.avatar{width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.avatar.sm{width:28px;height:28px;font-size:.72rem}.star-row{display:flex;align-items:center;gap:.25rem}.star-row .star-btn{font-size:1rem;cursor:pointer;color:#cbd5e0;transition:color .1s}.star-row .star-btn.on{color:#f59e0b}.threshold-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:6px;font-size:.72rem;font-weight:800}.threshold-badge.outstanding{background:#ecfdf5;color:#059669}.threshold-badge.very-good{background:#eff6ff;color:#2563eb}.threshold-badge.competent{background:#ede9fe;color:#7c3aed}.threshold-badge.basic{background:#fffbeb;color:#d97706}.threshold-badge.needs-imp{background:#fef2f2;color:#dc2626}.signoff-card{background:#fafbfc;border:1px solid #E2E8F0;border-radius:10px;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between}.signoff-card .soc-left{display:flex;align-items:center;gap:.65rem}.signoff-card .soc-left .soc-icon{width:32px;height:32px;border-radius:50%;background:#0b3d6b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem}.signoff-card .soc-left strong{display:block;font-size:.78rem;color:#0d1b2a}.signoff-card .soc-left span{font-size:.68rem;color:#718096}:root{--fio-navy: #0B3D6B;--fio-navy-dark: #072644;--fio-navy-light: #1A6B9A;--fio-cyan: #00C2CB;--fio-cyan-light: #E0F7FA;--fio-blue: #2563EB;--fio-blue-hover: #1D4ED8;--fio-blue-subtle: #EBF4FF;--fio-green: #059669;--fio-green-subtle: #ECFDF5;--fio-orange: #D97706;--fio-orange-subtle: #FFFBEB;--fio-red: #DC2626;--fio-red-subtle: #FEF2F2;--fio-purple: #7C3AED;--fio-purple-subtle: #EDE9FE;--fio-indigo: #4338CA;--fio-indigo-subtle: #EEF2FF;--fio-bg: #F0F4F8;--fio-bg-subtle: #FAFBFC;--fio-card: #FFFFFF;--fio-border: #E2E8F0;--fio-border-light: #EDF2F7;--fio-text: #0D1B2A;--fio-text-muted: #718096;--fio-text-light: #A0AEC0;--fio-shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--fio-shadow-md: 0 4px 16px rgba(0,0,0,.08);--fio-shadow-lg: 0 12px 32px rgba(11,61,107,.12);--fio-shadow-xl: 0 24px 64px rgba(10,20,40,.22);--fio-radius: 12px;--fio-radius-lg: 16px;--fio-radius-sm: 8px}.fio-modal-backdrop{position:fixed;inset:0;background:#0a142899;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.25rem;animation:fioFadeIn .2s cubic-bezier(.16,1,.3,1)}.fio-modal-box{background:#fff;border-radius:16px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #0000003d;border:1px solid #E2E8F0;overflow:hidden;animation:fioSlideUp .25s cubic-bezier(.16,1,.3,1)}.fio-modal-box.fio-modal-sm{width:440px}.fio-modal-box.fio-modal-md{width:620px}.fio-modal-box.fio-modal-lg{width:840px}.fio-modal-box.fio-modal-xl{width:1040px}.fio-modal-box.fio-modal-full{width:95vw;height:92vh}.fio-modal-header{display:flex;align-items:center;gap:.9rem;padding:1.1rem 1.4rem;border-bottom:1px solid #E2E8F0;background:#fafbfc;border-radius:16px 16px 0 0;flex-shrink:0}.fio-modal-header .fm-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}.fio-modal-header .fm-icon.navy{background:#0b3d6b;color:#fff}.fio-modal-header .fm-icon.blue{background:#ebf4ff;color:#2563eb}.fio-modal-header .fm-icon.green{background:#ecfdf5;color:#059669}.fio-modal-header .fm-icon.orange{background:#fffbeb;color:#d97706}.fio-modal-header .fm-icon.red{background:#fef2f2;color:#dc2626}.fio-modal-header .fm-icon.cyan{background:#e0f7fa;color:#00838f}.fio-modal-header .fm-icon.purple{background:#ede9fe;color:#7c3aed}.fio-modal-header .fm-title-group{flex:1;min-width:0}.fio-modal-header .fm-title-group h3{font-size:1.05rem;font-weight:800;color:#0d1b2a;margin:0;line-height:1.25}.fio-modal-header .fm-title-group p{font-size:.76rem;color:#718096;margin:.2rem 0 0}.fio-modal-header .fm-close{width:32px;height:32px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#718096;display:flex;align-items:center;justify-content:center;font-size:.85rem;cursor:pointer;transition:all .15s ease;margin-left:auto}.fio-modal-header .fm-close:hover{background:#fff5f5;color:#dc2626;border-color:#feb2b2}.fio-modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:1.1rem;background:#fff}.fio-modal-body::-webkit-scrollbar{width:6px}.fio-modal-body::-webkit-scrollbar-track{background:transparent}.fio-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.fio-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.9rem 1.4rem;border-top:1px solid #E2E8F0;background:#fafbfc;border-radius:0 0 16px 16px;flex-shrink:0}.fio-drawer-backdrop{position:fixed;inset:0;background:#0a142880;backdrop-filter:blur(3px);z-index:9998;display:flex;justify-content:flex-end;animation:fioFadeIn .2s ease}.fio-drawer-box{background:#fff;width:480px;max-width:100vw;height:100vh;display:flex;flex-direction:column;box-shadow:-10px 0 40px #0000002e;border-left:1px solid #E2E8F0;animation:fioSlideInRight .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.fio-drawer-box.fio-drawer-wide{width:640px}.fio-drawer-box.fio-drawer-xl{width:840px}.fio-drawer-header{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.3rem;background:#fafbfc;border-bottom:1px solid #E2E8F0;flex-shrink:0}.fio-drawer-header .fd-title{font-size:1.05rem;font-weight:800;color:#0d1b2a}.fio-drawer-header .fd-sub{font-size:.76rem;color:#718096;margin-top:.15rem}.fio-drawer-header .fd-close{margin-left:auto;width:30px;height:30px;border-radius:7px;border:1px solid #E2E8F0;background:#fff;color:#718096;display:flex;align-items:center;justify-content:center;cursor:pointer}.fio-drawer-header .fd-close:hover{background:#fff5f5;color:#dc2626}.fio-drawer-tabs{display:flex;border-bottom:1px solid #E2E8F0;background:#fff;padding:0 1rem;gap:.25rem;flex-shrink:0}.fio-drawer-tabs .fd-tab{padding:.7rem .9rem;font-size:.78rem;font-weight:600;color:#718096;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.fio-drawer-tabs .fd-tab:hover{color:#0d1b2a}.fio-drawer-tabs .fd-tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:700}.fio-drawer-body{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;background:#f8fafc}.fio-drawer-footer{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;border-top:1px solid #E2E8F0;background:#fafbfc;flex-shrink:0}.fio-split-layout{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;position:relative;transition:all .25s cubic-bezier(.16,1,.3,1);--fio-drawer-column: 380px}.fio-split-layout.has-drawer{grid-template-columns:minmax(0,1fr) var(--fio-drawer-column)}@media (max-width: 1200px){.fio-split-layout.has-drawer{--fio-drawer-column: 340px}}@media (max-width: 992px){.fio-split-layout.has-drawer{grid-template-columns:1fr}}.fio-split-layout.has-drawer app-fio-drawer{display:block;min-width:0}.fio-split-layout.has-drawer app-fio-drawer .fio-sticky-drawer{max-width:100%}.fio-main-pane{min-width:0;display:flex;flex-direction:column;gap:1.25rem}.fio-sticky-drawer{position:sticky;top:1.25rem;max-height:calc(100vh - 2.5rem);background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 10px 30px #0b3d6b14;display:flex;flex-direction:column;overflow:hidden;animation:fioSlideInRight .25s cubic-bezier(.16,1,.3,1);z-index:10}.fio-sticky-drawer .fsd-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;background:#fff;border-bottom:1px solid #F1F5F9}.fio-sticky-drawer .fsd-header .fsd-title-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.fio-sticky-drawer .fsd-header .fsd-title-block .fsd-code{font-size:1.05rem;font-weight:800;color:#0d1b2a;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.fio-sticky-drawer .fsd-header .fsd-title-block .fsd-sub{font-size:.72rem;color:#718096;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fio-sticky-drawer .fsd-header .fsd-close{width:28px;height:28px;border-radius:8px;border:1px solid #E2E8F0;background:#f8fafc;color:#718096;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;transition:all .15s}.fio-sticky-drawer .fsd-header .fsd-close:hover{background:#fff5f5;border-color:#feb2b2;color:#dc2626}.fio-sticky-drawer .fsd-tabs{display:flex;gap:.25rem;padding:0 .85rem;background:#fff;border-bottom:1px solid #E2E8F0}.fio-sticky-drawer .fsd-tabs .fsd-tab{padding:.65rem .85rem;border:none;background:transparent;font-size:.76rem;font-weight:700;color:#718096;border-bottom:2.5px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .12s}.fio-sticky-drawer .fsd-tabs .fsd-tab:hover{color:#0d1b2a}.fio-sticky-drawer .fsd-tabs .fsd-tab.active{color:#2563eb;border-bottom-color:#2563eb}.fio-sticky-drawer .fsd-body{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;padding:1.15rem;display:flex;flex-direction:column;gap:1rem;background:#f8fafc}.fio-sticky-drawer .fsd-footer{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;padding:.85rem 1.15rem;border-top:1px solid #E2E8F0;background:#fff}.fio-drawer-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1rem 1.15rem;box-shadow:0 2px 6px #00000005}.fio-drawer-card .fdc-title{font-size:.82rem;font-weight:800;color:#0d1b2a;margin-bottom:.75rem;display:flex;align-items:center;justify-content:space-between}.fio-drawer-card .fdc-row{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:.75rem;align-items:center;font-size:.76rem;padding:.4rem 0;border-bottom:1px solid #F1F5F9}.fio-drawer-card .fdc-row:last-child{border-bottom:none}.fio-drawer-card .fdc-row .fdc-label{color:#718096;white-space:nowrap}.fio-drawer-card .fdc-row .fdc-val{font-weight:700;color:#0d1b2a;text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:all;user-select:all}.fio-drawer-card .fdc-row .fdc-val-group{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;min-width:0}.fio-drawer-card .fdc-row .fdc-copy{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;color:#64748b;font-size:.62rem;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.fio-drawer-card .fdc-row:hover .fdc-copy{opacity:1}.fio-drawer-card .fdc-row .fdc-copy:focus-visible{opacity:1;outline:2px solid rgba(15,118,110,.35);outline-offset:1px}.fio-drawer-card .fdc-row .fdc-copy:hover{color:#0f766e;border-color:#99f6e4}.fio-timeline-stepper{display:flex;flex-direction:column;gap:.85rem;position:relative;margin-top:.35rem}.fio-timeline-stepper:before{content:"";position:absolute;top:10px;bottom:10px;left:9px;width:2px;background:#e2e8f0;z-index:1}.fio-timeline-stepper .fts-step{display:flex;align-items:flex-start;gap:.75rem;position:relative;z-index:2}.fio-timeline-stepper .fts-step .fts-dot{width:20px;height:20px;border-radius:50%;background:#fff;border:2.5px solid #CBD5E1;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.fio-timeline-stepper .fts-step .fts-dot.completed{background:#059669;border-color:#059669;color:#fff;font-size:.6rem}.fio-timeline-stepper .fts-step .fts-dot.active{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33}.fio-timeline-stepper .fts-step .fts-dot.pending{border-color:#cbd5e1}.fio-timeline-stepper .fts-step .fts-content{flex:1}.fio-timeline-stepper .fts-step .fts-content strong{display:block;font-size:.78rem;font-weight:700;color:#0d1b2a}.fio-timeline-stepper .fts-step .fts-content span{font-size:.7rem;color:#718096}.fio-table tbody tr.clickable-row{cursor:pointer;transition:all .12s ease}.fio-table tbody tr.clickable-row:hover td{background:#f8fbff!important}.fio-table tbody tr.clickable-row.selected-row td{background:#eff6ff!important;border-top:1px solid #BFDBFE;border-bottom:1px solid #BFDBFE}.fio-form-section{background:#fafbfc;border:1px solid #E2E8F0;border-radius:12px;padding:1.1rem 1.2rem}.fio-form-section .fs-title{font-size:.82rem;font-weight:800;color:#0b3d6b;margin-bottom:.9rem;display:flex;align-items:center;gap:.5rem}.fio-form-section .fs-title i{font-size:.85rem;color:#00c2cb}.fio-form-section .fs-title .fs-note{font-size:.7rem;font-weight:500;color:#718096;margin-left:.35rem}.form-grid-1{display:grid;grid-template-columns:1fr;gap:.75rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem .9rem}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem .9rem}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem .85rem}@media (max-width: 768px){.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.field-wrap{display:flex;flex-direction:column;gap:.3rem}.field-wrap.full{grid-column:1/-1}.f-label{font-size:.73rem;font-weight:700;color:#1a202c;display:flex;align-items:center;gap:.25rem}.f-label.required:after{content:" *";color:#dc2626;font-weight:900}.f-input,.f-select{padding:.48rem .75rem;border:1.5px solid #E2E8F0;border-radius:8px;font-size:.82rem;color:#0d1b2a;background:#fff;outline:none;font-family:inherit;width:100%;transition:all .15s ease}.f-input::placeholder,.f-select::placeholder{color:#a0aec0}.f-input:focus,.f-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.f-input.invalid,.f-select.invalid{border-color:#dc2626;background:#fff5f5}.f-input.ta{resize:vertical;min-height:75px;line-height:1.45}.f-input.f-readonly,.f-select.f-readonly{background:#f8fafc;border-color:#e2e8f0;border-style:solid;color:#0b3d6b;font-weight:700;cursor:default;opacity:1;-webkit-text-fill-color:#0B3D6B}.f-input.f-readonly:focus,.f-select.f-readonly:focus{border-color:#e2e8f0;box-shadow:none}.f-error{font-size:.7rem;color:#dc2626;font-weight:600;display:flex;align-items:center;gap:.25rem}.f-check-label{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:600;color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none}.f-check-label input[type=checkbox],.f-check-label input[type=radio]{accent-color:#2563EB;width:15px;height:15px;cursor:pointer}.fio-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.fio-stat-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:1rem 1.15rem;display:flex;align-items:center;gap:.9rem;cursor:pointer;box-shadow:0 2px 8px #00000005;transition:all .18s cubic-bezier(.16,1,.3,1)}.fio-stat-card:hover{box-shadow:0 8px 24px #0b3d6b14;transform:translateY(-2px);border-color:#cbd5e0}.fio-stat-card .fio-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}.fio-stat-card .fio-stat-icon.blue{background:#ebf4ff;color:#2563eb}.fio-stat-card .fio-stat-icon.green{background:#ecfdf5;color:#059669}.fio-stat-card .fio-stat-icon.orange{background:#fffbeb;color:#d97706}.fio-stat-card .fio-stat-icon.red{background:#fef2f2;color:#dc2626}.fio-stat-card .fio-stat-icon.purple{background:#ede9fe;color:#7c3aed}.fio-stat-card .fio-stat-icon.cyan{background:#e0f7fa;color:#00838f}.fio-stat-card .fio-stat-icon.navy{background:#0b3d6b;color:#fff}.fio-stat-card .fio-stat-body{flex:1;min-width:0}.fio-stat-card .fio-stat-body .fio-stat-num{font-size:1.6rem;font-weight:800;color:#0d1b2a;line-height:1}.fio-stat-card .fio-stat-body .fio-stat-label{font-size:.74rem;color:#718096;font-weight:600;margin-top:.3rem}.fio-stat-card .fio-stat-body .fio-stat-sub{font-size:.68rem;color:#718096;margin-top:.2rem;display:flex;align-items:center;gap:.25rem}.fio-stat-card .fio-stat-body .fio-stat-sub.up{color:#059669;font-weight:600}.fio-stat-card .fio-stat-body .fio-stat-sub.down{color:#dc2626;font-weight:600}.fio-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1.15rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;border:1.5px solid transparent;transition:all .15s ease;white-space:nowrap}.fio-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.fio-btn.btn-primary{background:#2563eb;color:#fff}.fio-btn.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.fio-btn.btn-navy{background:#0b3d6b;color:#fff}.fio-btn.btn-navy:hover:not(:disabled){background:#072644;transform:translateY(-1px)}.fio-btn.btn-secondary{background:#fff;border-color:#e2e8f0;color:#2d3748}.fio-btn.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.fio-btn.btn-danger{background:#dc2626;color:#fff}.fio-btn.btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.fio-btn.btn-success{background:#059669;color:#fff}.fio-btn.btn-success:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.fio-btn.btn-outline-danger{background:#fff;border-color:#feb2b2;color:#dc2626}.fio-btn.btn-outline-danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.fio-btn.btn-sm{padding:.35rem .75rem;font-size:.75rem;border-radius:6px}.fio-btn.btn-lg{padding:.65rem 1.4rem;font-size:.9rem;border-radius:10px}.fio-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap}.fio-badge .badge-dot{width:6px;height:6px;border-radius:50%}.fio-badge.badge-active,.fio-badge.badge-approved,.fio-badge.badge-success{background:#ecfdf5;color:#059669}.fio-badge.badge-active .badge-dot,.fio-badge.badge-approved .badge-dot,.fio-badge.badge-success .badge-dot{background:#059669}.fio-badge.badge-probation,.fio-badge.badge-pending,.fio-badge.badge-warning{background:#fffbeb;color:#d97706}.fio-badge.badge-probation .badge-dot,.fio-badge.badge-pending .badge-dot,.fio-badge.badge-warning .badge-dot{background:#d97706}.fio-badge.badge-inactive,.fio-badge.badge-rejected,.fio-badge.badge-danger{background:#fef2f2;color:#dc2626}.fio-badge.badge-inactive .badge-dot,.fio-badge.badge-rejected .badge-dot,.fio-badge.badge-danger .badge-dot{background:#dc2626}.fio-badge.badge-info,.fio-badge.badge-submitted{background:#eef2ff;color:#4338ca}.fio-badge.badge-info .badge-dot,.fio-badge.badge-submitted .badge-dot{background:#4338ca}.fio-badge.badge-draft,.fio-badge.badge-neutral{background:#f1f5f9;color:#64748b}.fio-badge.badge-draft .badge-dot,.fio-badge.badge-neutral .badge-dot{background:#64748b}.fio-badge.badge-cyan{background:#e0f7fa;color:#00838f}.fio-badge.badge-cyan .badge-dot{background:#00838f}.fio-stepper-wrap{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.75rem 1rem;border-radius:12px;border:1px solid #E2E8F0;overflow-x:auto}.fio-step-item{display:flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border-radius:8px;font-size:.78rem;font-weight:600;color:#718096;background:#fafbfc;cursor:pointer;white-space:nowrap;border:1px solid transparent;transition:all .15s}.fio-step-item .step-num{width:22px;height:22px;border-radius:50%;background:#e2e8f0;color:#4a5568;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.fio-step-item:hover{background:#f1f5f9;color:#1a202c}.fio-step-item.active{background:#ebf4ff;color:#1d4ed8;border-color:#bfdbfe;font-weight:700}.fio-step-item.active .step-num{background:#2563eb;color:#fff}.fio-step-item.completed{color:#059669}.fio-step-item.completed .step-num{background:#10b981;color:#fff}.fio-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1.1rem;border-radius:10px;font-size:.8rem;line-height:1.45;border:1px solid transparent}.fio-alert i{font-size:1rem;margin-top:.1rem;flex-shrink:0}.fio-alert.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.fio-alert.alert-warning i{color:#d97706}.fio-alert.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.fio-alert.alert-danger i{color:#dc2626}.fio-alert.alert-success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.fio-alert.alert-success i{color:#059669}.fio-alert.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.fio-alert.alert-info i{color:#2563eb}.fio-alert .alert-content{flex:1;min-width:0}.fio-alert .alert-title{font-weight:700;margin-bottom:.15rem}.fio-alert .alert-close{background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:.85rem;padding:.1rem}.fio-alert .alert-close:hover{opacity:1}.fio-table-container{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0b3d6b08;transition:all .2s ease}.fio-table-container:hover{box-shadow:0 4px 18px #0b3d6b0f}.fio-table-toolbar{padding:.9rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;border-bottom:1px solid #E2E8F0;background:#fafbfc}.search-input-wrap{display:flex;align-items:center;gap:.65rem;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;padding:.45rem .85rem;flex:1;min-width:240px;transition:all .2s cubic-bezier(.16,1,.3,1)}.search-input-wrap i{color:#a0aec0;font-size:.85rem;transition:color .15s}.search-input-wrap input{border:none;outline:none;font-size:.82rem;color:#0d1b2a;width:100%;background:transparent;font-family:inherit;font-weight:500}.search-input-wrap input::placeholder{color:#a0aec0;font-weight:400}.search-input-wrap:focus-within{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1f}.search-input-wrap:focus-within i{color:#2563eb}.fio-table{width:100%;border-collapse:collapse;text-align:left}.fio-table th{padding:.8rem 1.1rem;font-size:.72rem;font-weight:800;color:#4a5568;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc;border-bottom:1.5px solid #E2E8F0;white-space:nowrap}.fio-table td{padding:.85rem 1.1rem;font-size:.8rem;color:#1a202c;border-bottom:1px solid #EDF2F7;vertical-align:middle;transition:background .12s}.fio-table tr:hover td{background:#f8fbff}.fio-table tr:last-child td{border-bottom:none}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem}.tab-act-btn{width:32px;height:32px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#4a5568;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;cursor:pointer;outline:none;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px #00000008}.tab-act-btn i{transition:transform .15s ease}.tab-act-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.tab-act-btn:hover i{transform:scale(1.12)}.tab-act-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}.tab-act-btn.act-view,.tab-act-btn[title*=View i],.tab-act-btn[title*=Preview i]{background:#eff6ff;color:#2563eb;border-color:#dbeafe}.tab-act-btn.act-view:hover,.tab-act-btn[title*=View i]:hover,.tab-act-btn[title*=Preview i]:hover{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d}.tab-act-btn.act-download,.tab-act-btn[title*=Download i],.tab-act-btn[title*=PDF i],.tab-act-btn[title*=Export i]{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.tab-act-btn.act-download:hover,.tab-act-btn[title*=Download i]:hover,.tab-act-btn[title*=PDF i]:hover,.tab-act-btn[title*=Export i]:hover{background:#059669;color:#fff;border-color:#059669;box-shadow:0 4px 12px #0596694d}.tab-act-btn.act-email,.tab-act-btn[title*=Email i],.tab-act-btn[title*=Mail i],.tab-act-btn[title*=Send i]{background:#ede9fe;color:#7c3aed;border-color:#ddd6fe}.tab-act-btn.act-email:hover,.tab-act-btn[title*=Email i]:hover,.tab-act-btn[title*=Mail i]:hover,.tab-act-btn[title*=Send i]:hover{background:#7c3aed;color:#fff;border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed4d}.tab-act-btn.act-edit,.tab-act-btn[title*=Edit i],.tab-act-btn[title*=Modify i]{background:#fffbeb;color:#d97706;border-color:#fde68a}.tab-act-btn.act-edit:hover,.tab-act-btn[title*=Edit i]:hover,.tab-act-btn[title*=Modify i]:hover{background:#d97706;color:#fff;border-color:#d97706;box-shadow:0 4px 12px #d977064d}.tab-act-btn.act-delete,.tab-act-btn[title*=Delete i],.tab-act-btn[title*=Remove i]{background:#fef2f2;color:#dc2626;border-color:#fecaca}.tab-act-btn.act-delete:hover,.tab-act-btn[title*=Delete i]:hover,.tab-act-btn[title*=Remove i]:hover{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:0 4px 12px #dc26264d}.emp-avatar-badge{width:34px;height:34px;border-radius:50%;background:#0b3d6b;color:#00c2cb;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;flex-shrink:0;box-shadow:0 2px 6px #0b3d6b26;transition:transform .15s ease}.emp-avatar-badge:hover{transform:scale(1.08)}.showcase-card{background:#fff;border:1px solid #E2E8F0;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #00000005}.showcase-card .sc-header{display:flex;align-items:center;gap:.85rem;padding:1rem 1.3rem;border-bottom:1px solid #E2E8F0;background:#fafbfc}.showcase-card .sc-header .sc-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}.showcase-card .sc-header .sc-icon.navy{background:#0b3d6b;color:#fff}.showcase-card .sc-header .sc-icon.blue{background:#ebf4ff;color:#2563eb}.showcase-card .sc-header .sc-icon.green{background:#ecfdf5;color:#059669}.showcase-card .sc-header .sc-icon.purple{background:#ede9fe;color:#7c3aed}.showcase-card .sc-header .sc-icon.orange{background:#fffbeb;color:#d97706}.showcase-card .sc-header .sc-icon.red{background:#fef2f2;color:#dc2626}.showcase-card .sc-header .sc-icon.cyan{background:#e0f7fa;color:#00838f}.showcase-card .sc-header h3{font-size:.98rem;font-weight:800;color:#0d1b2a;margin:0}.showcase-card .sc-header p{font-size:.74rem;color:#718096;margin:.15rem 0 0}.showcase-card .sc-body{padding:1.25rem 1.3rem;display:flex;flex-direction:column;gap:1rem}.save-settings-bar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 4px 16px #0000000a;gap:1rem;flex-wrap:wrap}.save-settings-bar strong{font-size:.95rem;color:#0d1b2a}.save-settings-bar p{font-size:.75rem;color:#718096;margin:.15rem 0 0}@keyframes fioFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fioSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fioSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.fsv-identity{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.fsv-identity b{display:block;color:#0d1b2a;font-size:.9rem}.fsv-identity small{color:#718096;font-size:.74rem}.fsv-fields{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.fsv-fields>div{background:#f8fafc;border:1.5px solid #E8EEF6;border-radius:10px;padding:.6rem .7rem}.fsv-fields .full{grid-column:1/-1}.fsv-fields span{display:block;color:#718096;font-size:.68rem;margin-bottom:.18rem}.fsv-fields b{color:#0d1b2a;font-size:.8rem}.fsv-block{margin-top:1rem;padding-top:1rem;border-top:1.5px solid #EEF2F7}.fsv-block-title{font-size:.74rem;font-weight:800;color:#718096;text-transform:uppercase;letter-spacing:.04em}.fsv-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.6rem}.fsv-counts>div{text-align:center;background:#f8fafc;border:1.5px solid #E8EEF6;border-radius:10px;padding:.55rem 0}.fsv-counts b{display:block;color:#0d1b2a;font-size:1.05rem;font-weight:800}.fsv-counts span{color:#718096;font-size:.68rem}.fsv-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.fsv-pinned-bar{display:flex;flex-wrap:wrap;gap:.5rem}.fsv-pinned-bar .fio-btn{flex:1 1 auto;justify-content:center}.fsv-empty{text-align:center;color:#94a3b8;padding:2rem 1rem}.fsv-empty i{font-size:1.6rem;display:block;margin-bottom:.6rem;color:#cbd5e1}.fsv-empty p{margin:0;font-size:.78rem}.fsv-row{cursor:pointer}.fsv-row:focus-visible{outline:2px solid #00C2CB;outline-offset:-2px;background:#f7fafc}.fsv-row:hover{background:#f7fafc}.fsv-row.selected,.fsv-row.selected:hover{background:#ecfeff}.fsv-main .fio-table-container,.fsv-main.fio-table-container{overflow-x:auto}.fsv-main .fio-table th{white-space:normal;padding:.7rem .75rem;line-height:1.25}.fsv-main .fio-table td{padding:.75rem}.fsv-main .fio-table th:last-child,.fsv-main .fio-table td:last-child{position:sticky;right:0;z-index:1;background:#fff;box-shadow:-6px 0 8px -6px #0b3d6b2e}.fsv-main .fio-table thead th:last-child{background:#f7fafc;z-index:2}.fsv-main .fio-table tr:hover td:last-child{background:#f7fafc}.fsv-main .fio-table tr.fsv-row.selected td:last-child{background:#ecfeff}.fsv-main .fio-table tr:hover td.col-action{background:#f8fbff}.fsv-main .fio-table tr.fsv-row.selected td.col-action{background:#ecfeff}