:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary-950:#07243b;--color-primary-800:#16406d;--color-primary-700:#1d5b95;--color-primary-600:#2f78c8;--color-primary-500:#4b95de;--color-accent:#37d3c3;--color-accent-soft:#8fe4db;--color-surface:#f7fbff;--color-surface-2:#fff;--color-border:#dfe8f3;--color-text:#10233c;--color-muted:#64748b;--color-heading:#0f172a;--shadow-lg:0 24px 64px #07243b24;--shadow-md:0 16px 36px #07243b1a;--shadow-sm:0 6px 16px #07243b0f;--color-success:#12b76a;--color-success-soft:#e5f9ef;--color-danger:#f04438;--color-danger-soft:#fdedeb;--color-warning:#f79009;--color-warning-soft:#fef3e2;--gradient-sidebar:linear-gradient(190deg, var(--color-primary-950) 0%, var(--color-primary-700) 100%);--gradient-primary:linear-gradient(135deg, #2f78c8, #1d5b95 55%, #2f78c8)}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--color-surface);min-height:100vh;color:var(--color-text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.sidebar{color:#fff;background:var(--gradient-sidebar);flex-direction:column;flex-shrink:0;width:272px;height:100vh;transition:width .24s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:6px 0 28px #040f1e24}.sidebar:after{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(circle at 88% 10%,#ffffff0d,#0000 32%),radial-gradient(circle at 6% 92%,#ffffff0a,#0000 28%);position:absolute;inset:0}.sidebar-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sidebar-glow{filter:blur(34px);mix-blend-mode:screen;border-radius:50%;position:absolute}.glow-a{background:radial-gradient(circle at 35% 35%,#5aa0ff52,#5aa0ff00 70%);width:220px;height:220px;animation:13s ease-in-out infinite sidebar-drift-a;top:-50px;left:-70px}.glow-b{background:radial-gradient(circle at 55% 55%,#37d3c32e,#37d3c300 70%);width:200px;height:200px;animation:16s ease-in-out infinite sidebar-drift-b;bottom:-60px;right:-80px}.sidebar-strokes{width:300px;height:320px;position:absolute;bottom:-10px;right:-18px}.sidebar-strokes path{fill:none;stroke:#ffffff12;stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:6 10;animation:9s linear infinite sidebar-dash}.sidebar-strokes circle{fill:none;stroke:#ffffff0d;stroke-width:1.2px}@keyframes sidebar-drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(10px,14px)scale(1.06)}}@keyframes sidebar-drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-12px,-10px)scale(1.05)}}@keyframes sidebar-dash{to{stroke-dashoffset:-160px}}.sidebar-mesh{z-index:0;opacity:.1;pointer-events:none;width:180px;height:180px;position:absolute;top:0;right:0}.sidebar-mobile-trigger{z-index:1001;border:1px solid var(--color-border);width:42px;height:42px;color:var(--color-primary-700);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:flex;position:fixed;top:18px;left:18px}.sidebar-overlay{z-index:990;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040d1a73;animation:.18s sidebar-fade;position:fixed;inset:0}@keyframes sidebar-fade{0%{opacity:0}to{opacity:1}}.sidebar-brand{z-index:1;align-items:center;gap:12px;padding:26px 24px 18px;transition:padding .2s;display:flex;position:relative}.sidebar-mark{background:var(--color-primary-600);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 8px 18px #2f78c859}.sidebar-brand-text b{letter-spacing:-.3px;white-space:nowrap;font-size:16px;display:block}.sidebar-brand-text span{letter-spacing:.14em;text-transform:uppercase;opacity:.6;white-space:nowrap;margin-top:2px;font-size:10px;display:block}.sidebar-scroll{z-index:1;-ms-overflow-style:none;scrollbar-width:none;flex:1;min-height:0;padding-bottom:16px;position:relative;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{display:none}.sidebar-nav{flex-direction:column;gap:4px;margin-top:6px;padding:10px 14px;display:flex}.sidebar-link{color:#e2e8f0bf;width:100%;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,color .16s,border-color .16s,padding .2s;display:flex}.sidebar-link svg{flex-shrink:0}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.is-active{color:#fff;border-left-color:var(--color-primary-500);background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 14px #2f78c838}.sidebar-link-chevron{flex-shrink:0;margin-left:auto;transition:transform .18s}.sidebar-link-chevron.is-open{transform:rotate(90deg)}.sidebar-submenu-wrap{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.sidebar-submenu-wrap.is-expanded{grid-template-rows:1fr}.sidebar-submenu-inner{overflow:hidden}.sidebar-submenu{flex-direction:column;gap:2px;padding:2px 14px 6px 40px;display:flex}.sidebar-sublink{color:#e2e8f0a6;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:9px;padding:8px 12px;font-size:12.5px;font-weight:600;text-decoration:none}.sidebar-sublink:hover{color:#fff;background:#ffffff0f}.sidebar-sublink.is-active{color:#fff;background:#ffffff1a}.sidebar-footer{z-index:1;background:#040f1e1f;border-top:1px solid #ffffff14;flex-shrink:0;padding:16px 18px;transition:padding .2s;position:relative}.sidebar-promo{background:#ffffff14;border:1px solid #ffffff14;border-radius:16px;margin:10px 14px 0;padding:16px;position:relative;overflow:hidden}.promo-cap{color:#fff;background:#ffffff24;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;display:flex}.sidebar-promo h4{margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.25}.promo-body{color:#e2e8f0b3;margin:0 0 14px;font-size:11px;line-height:1.5}.promo-cta{z-index:1;width:100%;color:var(--color-primary-700);background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 0;font-size:11px;font-weight:700;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.promo-cta:hover{transform:translateY(-1px);box-shadow:0 8px 18px #2f78c866}.sidebar-user{align-items:center;gap:10px;margin-top:20px;padding:0 4px;transition:flex-direction .2s;display:flex}.sidebar-avatar{color:#fff;background:#ffffff1f;border:2px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:700;display:flex;position:relative}.sidebar-avatar-dot{background:var(--color-success);border:2px solid var(--color-primary-950);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.sidebar-user-text{flex:1;min-width:0}.sidebar-user-text p{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:700;overflow:hidden}.sidebar-user-text span{color:#e2e8f08c;font-size:10px}.sidebar-icon-btn{color:#e2e8f0b3;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-icon-btn:hover{color:#fff;background:#ffffff14}.sidebar.collapsed{width:84px}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:26px 0 18px}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .sidebar-promo,.sidebar.collapsed .sidebar-user-text{display:none}.sidebar.collapsed .sidebar-link{border-left-width:3px;justify-content:center;padding:12px 0}.sidebar.collapsed .sidebar-footer{padding:18px 10px}.sidebar.collapsed .sidebar-user{flex-direction:column;gap:10px;margin-top:8px}@media (width<=1100px){.sidebar{z-index:1000;width:272px;transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-collapse-btn{display:none}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-collapse-btn svg,.sidebar-overlay,.sidebar-glow,.sidebar-strokes path,.sidebar-submenu-wrap,.sidebar-link-chevron{transition:none!important;animation:none!important}}@media screen and (width<=1100px){.topbar-menu-btn{display:none!important}}.subscription-banner{background:var(--color-danger-soft);color:var(--color-danger);border-bottom:1px solid var(--color-danger);align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:flex}.subscription-banner-text{flex:1;line-height:1.5}.subscription-banner-text strong{font-weight:700}.subscription-banner-action{border:1px solid var(--color-danger);background:var(--color-surface);color:var(--color-danger);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:700}.subscription-banner-action:hover{background:var(--color-danger);color:#fff}@media (width<=640px){.subscription-banner{flex-wrap:wrap}}.dash-shell{background:var(--color-surface);height:100vh;display:flex}.dash-main{flex:1;min-width:0;overflow-y:auto}.panel{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:18px}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding:22px 22px 0;display:flex}.panel-head.with-border{border-bottom:1px solid #f1f5f9;padding:18px 22px}.panel-head h3{color:var(--color-heading);margin:0;font-size:15px}.panel-head p{color:var(--color-muted);margin:3px 0 0;font-size:12px}.panel-head select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.link-btn{color:var(--color-primary-600);background:0 0;border:none;font-size:12px;font-weight:700}.link-btn:hover{text-decoration:underline}.dash-primary-btn{color:#fff;background:var(--gradient-primary);border:none;border-radius:12px;align-items:center;gap:6px;padding:16px;font-size:12px;font-weight:700;display:flex;box-shadow:0 10px 20px #2f78c838}.dash-primary-btn:hover{transform:translateY(-1px)}.dash-icon-btn{color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.dash-icon-btn:hover{color:var(--color-primary-600);background:#f1f5f9}.cl-search{border:1px solid var(--color-border);color:#94a3b8;background:#fff;border-radius:12px;align-items:center;gap:8px;width:320px;height:46px;padding:0 16px;display:flex}.cl-search input{min-width:0;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.cl-search input::placeholder{color:#94a3b8}.cl-btn{border:1px solid var(--color-border);height:46px;color:var(--color-muted);white-space:nowrap;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:flex}.cl-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.cl-add-btn{border-radius:12px;height:48px;padding:0 20px;font-size:13px}.cl-body{flex-direction:column;gap:20px;padding:24px;display:flex}.cl-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.cl-header h1{letter-spacing:-.6px;color:var(--color-heading);margin:0;font-size:28px;font-weight:800}.cl-breadcrumb{color:var(--color-muted);align-items:center;gap:6px;margin:6px 0 0;font-size:13px;display:flex}.cl-breadcrumb svg{color:#b6c0cc}.cl-breadcrumb .is-current{color:var(--color-muted)}.cl-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cl-panel{overflow:hidden}.cl-row-actions{align-items:center;gap:4px;display:flex}.cl-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.cl-footer p{color:var(--color-muted);margin:0;font-size:13px}@media (width<=1100px){.cl-header{padding-top:8px}}@media (width<=900px){.cl-actions,.cl-search{width:100%}}.seg-group{flex-wrap:wrap;gap:8px;display:flex}.seg-chip{border:1px solid var(--color-border);color:var(--color-muted);background:#fff;border-radius:10px;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .15s}.seg-chip:hover{border-color:var(--color-primary-500)}.seg-chip.is-active{color:#fff;background:var(--color-primary-600);border-color:#0000}.seg-chip.is-active.tone-success{background:var(--color-success)}.seg-chip.is-active.tone-warning{background:var(--color-warning)}.seg-chip.is-active.tone-danger{background:var(--color-danger)}.wizard-page-body{animation:.24s wizard-fade-in}@keyframes wizard-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard-sticky-header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#f7fbffeb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin:-24px -24px 0;padding:20px 24px;display:flex;position:sticky;top:0}.wizard-header-text{flex-direction:column;display:flex}.wizard-back-btn{align-self:flex-start;height:32px;margin-bottom:10px;padding:0 12px;font-size:12px}.wizard-header-text h1{letter-spacing:-.6px;color:var(--color-heading);margin:0;font-size:26px;font-weight:800}.wizard-panel{padding:26px;overflow:hidden}.wizard-panel-inner{animation:.2s wizard-panel-in}@keyframes wizard-panel-in{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}.wizard-skeleton{flex-direction:column;gap:20px;display:flex}.wizard-skeleton-steps{border:1px solid var(--color-border);background:#fff;border-radius:18px;gap:20px;padding:20px 24px;display:flex}.wizard-skeleton-circle{background:linear-gradient(90deg,#eef2f7 25%,#f7fafd 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:50%;width:36px;height:36px;animation:1.4s infinite wizard-shimmer}.wizard-skeleton-panel{flex-direction:column;gap:16px;padding:26px;display:flex}.wizard-skeleton-block{background:linear-gradient(90deg,#eef2f7 25%,#f7fafd 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:10px;height:44px;animation:1.4s infinite wizard-shimmer}.wizard-skeleton-block.w-30{width:30%;height:18px}.wizard-skeleton-block.w-60{width:60%}.wizard-skeleton-block.w-100{width:100%}@keyframes wizard-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=900px){.wizard-sticky-header{flex-direction:column}}@media (width<=640px){.wizard-panel{padding:18px}}.form-section-divider{border-top:1px solid #f1f5f9;margin:28px 0 18px;padding-top:22px}.form-section-title{color:var(--color-heading);font-size:13px;font-weight:800}.wizard-step-footer{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.wizard-step-footer-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=900px){.wizard-step-footer{flex-direction:column;align-items:stretch}.wizard-step-footer-left,.wizard-step-footer>button{justify-content:center;width:100%}.wizard-step-footer-left button{flex:1;justify-content:center}}.form-password-input{border:1px solid var(--color-border);background:#fff;border-radius:10px;align-items:center;height:44px;padding:0 6px 0 14px;display:flex}.form-field .form-password-input input{height:100%;color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.form-password-input button{color:#94a3b8;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.form-password-input button:hover{color:var(--color-primary-600);background:#f1f5f9}.form-password-strength{align-items:center;gap:10px;margin-top:8px;display:flex}.form-password-strength .progress{flex:1}.form-password-strength .progress-track{flex:1;width:auto}.form-strength-label{font-size:11px;font-weight:700}.form-strength-label.tone-danger{color:var(--color-danger)}.form-strength-label.tone-warning{color:var(--color-warning)}.form-strength-label.tone-success{color:var(--color-success)}.form-doc-table-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.form-doc-table-head p{color:var(--color-muted);margin:0;font-size:12px}.form-doc-add-btn{height:40px;padding:0 14px;font-size:12.5px}.form-doc-empty{gap:10px}.form-doc-table{min-width:920px}.form-doc-select,.form-doc-input{border:1px solid var(--color-border);min-width:140px;height:38px;color:var(--color-text);background:#fff;border-radius:8px;padding:0 10px;font-size:12.5px}.form-doc-input.has-error{border-color:var(--color-danger)}.form-doc-error{color:var(--color-danger);margin-top:4px;font-size:10.5px;font-weight:600;display:block}.form-verify-verified{color:var(--color-success);font-weight:700}.form-verify-rejected{color:var(--color-danger);font-weight:700}.form-verify-pending{color:var(--color-warning);font-weight:700}.form-fields-stack{flex-direction:column;gap:2px;display:flex}.is-hidden{display:none}.ef-same-address{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:12px;align-items:center;gap:10px;margin:4px 0 6px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.ef-same-address input{width:18px;height:18px;accent-color:var(--color-primary-600)}.form-logo-row{margin-bottom:14px}.form-card-list{flex-direction:column;gap:14px;margin-bottom:14px;display:flex}.form-card{border:1px solid var(--color-border);background:#fff;border-radius:14px;padding:16px;transition:all .15s}.form-card:hover{box-shadow:var(--shadow-sm)}.form-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.form-card-index{color:var(--color-primary-600);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.form-card-delete-btn{height:32px;color:var(--color-danger);padding:0 10px;font-size:11.5px}.form-hint-box{background:var(--color-surface);color:var(--color-muted);border-radius:12px;margin:0;padding:14px 16px;font-size:13px}.form-alert-box{border:1px solid var(--color-danger-soft);background:var(--color-danger-soft);color:var(--color-danger);border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:12.5px;font-weight:700;display:flex}.detail-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.detail-grid span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.detail-grid p{color:var(--color-heading);margin:0;font-size:14px;font-weight:600}@media (width<=900px){.detail-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.detail-grid{grid-template-columns:1fr}}.emp-cell{align-items:center;gap:12px;display:flex}.emp-avatar{background:var(--color-primary-600);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.emp-name{color:var(--color-heading);margin:0;font-size:13.5px;font-weight:700}.emp-code{color:var(--color-muted);margin:2px 0 0;font-size:11px}