.sidebar{background-color:var(--navy);will-change:width;contain:layout style paint;flex-direction:column;flex-shrink:0;transition:width .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.open{width:235px}.sidebar.closed{width:70px}.sidebar-logo{border-bottom:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;transition:padding .3s;display:flex}.sidebar.closed .sidebar-logo{padding:20px 8px}.logo-box{object-fit:contain;border-radius:8px;flex-shrink:0;width:85px;height:75px;transition:width .3s,height .3s}.sidebar.closed .logo-box{width:50px;height:40px}.logo-text{text-align:left;opacity:1;will-change:opacity;width:100%;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.sidebar.closed .logo-text{opacity:0;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.logo-title{color:#fff;font-size:15px;font-weight:600}.logo-sub{color:#fff6;margin-top:1px;font-size:13px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow-y:auto}.nav-item{text-align:left;color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;transition:background .15s;display:flex}.sidebar.closed .nav-item{justify-content:center;padding:10px}.nav-label{white-space:nowrap;text-overflow:ellipsis;opacity:1;will-change:opacity;transition:opacity .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.closed .nav-label{opacity:0;pointer-events:none;display:none}.nav-item:hover{background-color:#ffffff14}.nav-item.active{background-color:var(--red);color:#fff;font-weight:600}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;padding:14px 16px;transition:padding .3s;display:flex}.sidebar.closed .sidebar-footer{justify-content:center;padding:14px 8px}.avatar{background-color:var(--red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:600;display:flex}.sidebar-footer span{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar-footer{border-top:1px solid #ffffff1a;justify-content:center;padding:14px 8px;transition:padding .3s;display:flex}.sidebar-file-btn{color:#fff;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:1px solid #ffffff4d;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:700;transition:all .2s}.sidebar-file-btn.upload{color:#000;background:#fff}.sidebar-file-btn.upload:hover{color:#f0f8ff;background:#4f4f4f33;border-color:#fff9}.sidebar-file-btn.delete{background:#af0000;border-color:#4545456e}.sidebar-file-btn.delete:hover{border-color:var(--red);background:#b82929}.sidebar-file-btn.icon-only{background:0 0;border:none;width:auto;padding:8px;font-size:18px}.sidebar-file-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar.closed .sidebar-footer{padding:14px 8px}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:80px;padding:12px 24px;display:flex;position:relative}.topbar:before{content:"";filter:grayscale();z-index:-1;background-image:url(/assets/top-bar-Bir3LWXb.png);background-position:50%;background-size:cover;position:absolute;inset:0}.topbar-left{z-index:1;flex:0;align-items:center;gap:16px;display:flex}.topbar-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.topbar-toggle:hover{background-color:#fff3}.topbar-toggle svg{width:24px;height:24px}.topbar-logo{object-fit:contain;width:70px;height:50px}.topbar-title{color:#fff;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;margin:0;font-size:45px;font-weight:700}.topbar-right{border-radius:4px;align-items:center;margin-left:auto;padding:8px 20px;display:flex}.topbar-page{color:#fff;text-transform:capitalize;margin:0;font-size:22px;font-weight:600}.topbar-badge{background-color:var(--navy-light);color:var(--navy);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.topbar-date{color:var(--text-muted);font-size:12px}.topbar-right{z-index:1;align-items:center;gap:20px;margin-left:auto;display:flex}.user-info{flex-direction:column;align-items:flex-end;line-height:1.3;display:flex}.user-name{color:#fff;text-transform:capitalize;font-size:14px;font-weight:600}.user-role{color:#ffffffbf;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.logout-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .2s,border-color .2s;display:flex}.logout-btn:hover{background:#fff3;border-color:#ffffff80}.logout-btn svg{flex-shrink:0}.login-root{width:100vw;height:100vh;font-family:Segoe UI,sans-serif;display:flex;overflow:hidden}.login-left{background:#060771;flex-shrink:0;justify-content:center;align-items:center;width:440px;padding:48px 44px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";border:1px solid #ffffff0f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-140px}.login-left:after{content:"";border:1px solid #ffffff0a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-80px;left:-80px}.login-left-inner{z-index:1;flex-direction:column;gap:40px;width:100%;display:flex;position:relative}.login-brand{align-items:center;gap:12px;display:flex}.login-logo{flex-shrink:0}.login-brand-name{color:#fff;font-size:15px;font-weight:600;line-height:1.2}.login-brand-sub{color:#ffffff80;margin-top:1px;font-size:11px}.login-left-copy{flex-direction:column;gap:12px;display:flex}.login-headline{color:#fff;letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.2}.login-desc{color:#ffffff8c;font-size:13px;line-height:1.7}.login-features{flex-direction:column;gap:10px;display:flex}.login-feature-item{color:#ffffffb3;align-items:center;gap:10px;font-size:12px;display:flex}.login-feature-dot{background:#bf1a1a;border-radius:50%;flex-shrink:0;width:6px;height:6px}.login-right{background:#f4f4f6;flex:1;justify-content:center;align-items:center;padding:40px 32px;display:flex}.login-form-wrap{background:#fff;border:.5px solid #00000014;border-radius:16px;flex-direction:column;gap:28px;width:100%;max-width:420px;padding:40px 44px;display:flex}.login-form-header{flex-direction:column;gap:6px;display:flex}.login-form-title{color:#111;font-size:20px;font-weight:600}.login-form-sub{color:#888;font-size:13px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#444;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;align-items:center;display:flex;position:absolute;left:12px}.login-input{color:#111;background:#f8f8fa;border:.5px solid #0000001f;border-radius:9px;outline:none;width:100%;height:44px;padding:0 42px;font-family:Segoe UI,sans-serif;font-size:13px;transition:border-color .15s,background .15s}.login-input::placeholder{color:#bbb}.login-input:focus{background:#fff;border-color:#060771}.login-eye{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:opacity .15s;display:flex;position:absolute;right:12px}.login-eye:hover{opacity:1}.login-error{color:#bf1a1a;background:#f9e8e8;border:.5px solid #bf1a1a33;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;animation:.3s login-shake;display:flex}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-btn{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:46px;margin-top:4px;font-family:Segoe UI,sans-serif;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:flex}.login-btn:hover:not(:disabled){background:#0a0fa3}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn--loading{background:#060771}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{color:#aaa;text-align:center;font-size:11px;line-height:1.7}@media (width<=900px){.login-left{display:none}}@media (width<=480px){.login-right{background:#fff;padding:24px 16px}.login-form-wrap{box-shadow:none;border:none;border-radius:0;padding:32px 20px}}.sa-layout{background:#f4f4f6;width:100vw;height:100vh;display:flex;overflow:hidden}.sa-sidebar{color:#fff;background:#060771;flex-direction:column;flex-shrink:0;width:250px;display:flex}.sa-sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.sa-sidebar-header h2{margin-bottom:4px;font-size:18px;font-weight:600}.sa-user-name{opacity:.75;font-size:13px}.sa-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sa-nav-item{color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sa-nav-item:hover{color:#fff;background:#ffffff1a}.sa-nav-item.active{color:#fff;background:#bf1a1a}.sa-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sa-nav-label{white-space:nowrap}.sa-sidebar-footer{border-top:1px solid #ffffff1a;padding:20px 12px}.sa-logout-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.sa-logout-btn:hover{background:#ffffff1a;border-color:#fff6}.sa-main{flex-direction:column;flex:1;display:flex;overflow:auto}.sa-topbar{background:#fff;border-bottom:.5px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.sa-topbar-title{color:#060771;margin:0;font-size:22px;font-weight:700}.sa-topbar-right{align-items:center;gap:20px;display:flex}.sa-user-badge{flex-direction:column;align-items:flex-end;line-height:1.3;display:flex}.sa-user-badge span:first-child{color:#060771;font-size:14px;font-weight:600}.sa-user-role{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sa-content{flex:1;padding:24px 28px;overflow-y:auto}.sa-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:20px 24px}.sa-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.sa-card-title{color:#060771;margin-bottom:4px;font-size:18px;font-weight:700}.sa-card-desc{color:#666;margin-bottom:16px;font-size:12px}.sa-btn-primary{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.sa-btn-primary:hover{background:#bf1a1a}.sa-stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.sa-stat-item{color:#060771;background:#f4f4f6;border-radius:8px;padding:16px;font-size:14px;font-weight:500}.sa-table-wrapper{margin-top:8px;overflow-x:auto}.sa-table{border-collapse:collapse;width:100%;font-size:13px}.sa-table th{text-align:left;color:#060771;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #ddd;padding:12px;font-weight:600}.sa-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:12px}.sa-table tbody tr:hover{background:#fafafa}.sa-role-badge{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.sa-role-super_admin{color:#e0e0ff;background:#1a1a2e}.sa-role-hrd{color:#1a5e9c;background:#e8f0fe}.sa-role-admin{color:#b85c00;background:#fff3e0}.sa-role-bod{color:#bf1a1a;background:#f9e8e8}.sa-action-btn{cursor:pointer;background:0 0;border:.5px solid #00000026;border-radius:5px;margin-right:6px;padding:4px 10px;font-size:11px;transition:all .15s}.sa-action-btn:hover{background:#f0f0f0}.sa-action-delete{color:#bf1a1a;border-color:#bf1a1a4d}.sa-action-delete:hover{background:#f9e8e8}.sa-upload-area{gap:12px;margin-top:16px;display:flex}.sa-upload-area input{border:.5px solid #0000001a;border-radius:6px;flex:1;padding:8px 12px;font-size:13px}.sa-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sa-modal{background:#fff;border-radius:12px;width:90%;max-width:450px;box-shadow:0 20px 40px #0003}.sa-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sa-modal-header h3{color:#060771;margin:0;font-size:18px;font-weight:600}.sa-modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.sa-modal-close:hover{background:#f0f0f0}.sa-modal form{padding:20px 24px}.sa-form-group{margin-bottom:18px}.sa-form-group label{color:#444;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.sa-form-group input,.sa-form-group select{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.sa-form-group input:focus,.sa-form-group select:focus{border-color:#060771;outline:none}.sa-modal-footer{border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.sa-btn-secondary{cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:8px 18px;font-size:13px;transition:all .2s}.sa-btn-secondary:hover{background:#f5f5f5}.sa-stat-label{color:#666;margin-bottom:4px;font-size:12px}.sa-stat-value{color:#060771;font-size:28px;font-weight:700}.sa-error{color:#bf1a1a;background:#f9e8e8;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px}@media (width<=768px){.sa-sidebar{width:70px}.sa-nav-label,.sa-sidebar-header p,.sa-sidebar-header h2{display:none}.sa-nav-item{justify-content:center}}.hm-wrap{flex-direction:column;gap:16px;display:flex}.hm-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.hm-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;animation:1.4s infinite hm-shimmer}@keyframes hm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hm-kpi5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.hm-mcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px;transition:box-shadow .15s;position:relative}.hm-mcard:hover{box-shadow:0 2px 12px #0000000f}.hm-mcard--alert{border-width:1px;border-color:#bf1a1a}.hm-mcard-top{justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex}.hm-mcard-ico{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.hm-alert-dot{background:#bf1a1a;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite hm-pulse;position:absolute;top:12px;right:12px}@keyframes hm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.hm-mcard-val{margin-bottom:4px;font-size:22px;font-weight:600;line-height:1.1}.hm-mcard-lbl{color:#666;margin-bottom:3px;font-size:11px}.hm-mcard-sub{color:#999;font-size:10px}.hm-row3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.hm-row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.hm-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 18px}.hm-card--half{flex:1}.hm-sec-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:14px;display:flex}.hm-sec-title{color:#060771;margin-bottom:2px;font-size:13px;font-weight:600}.hm-sec-sub{color:#888;font-size:11px}.hm-sec-link{color:#060771;cursor:pointer;background:0 0;border:.5px solid #0000001a;border-radius:6px;flex-shrink:0;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.hm-sec-link:hover{color:#fff;background:#060771}.hm-empty{color:#aaa;text-align:center;padding:20px 0;font-size:12px}.hm-kpi-meter{margin-bottom:14px}.hm-kpi-meter-track{background:#f0f0f2;border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.hm-kpi-meter-fill{border-radius:5px;height:100%;transition:width .6s}.hm-kpi-meter-labels{color:#666;justify-content:space-between;font-size:11px;display:flex}.hm-kpi-list{flex-direction:column;gap:8px;display:flex}.hm-kpi-item{background:#fafafa;border-radius:7px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.hm-kpi-item-body{flex:1;min-width:0}.hm-kpi-item-name{color:#111;font-size:12px;font-weight:500;line-height:1.3}.hm-kpi-item-target{color:#999;margin-top:1px;font-size:10px}.hm-kpi-item-pct{flex-shrink:0;font-size:12px;font-weight:600}.hm-rc-stats{border:.5px solid #00000014;border-radius:8px;gap:0;margin-bottom:16px;display:flex;overflow:hidden}.hm-rc-stat{text-align:center;flex:1;padding:10px 12px}.hm-rc-stat:not(:last-child){border-right:.5px solid #00000014}.hm-rc-stat-val{margin-bottom:3px;font-size:20px;font-weight:600;line-height:1}.hm-rc-stat-lbl{color:#888;font-size:10px}.hm-funnel{flex-direction:column;gap:8px;display:flex}.hm-funnel-row{align-items:center;gap:8px;display:flex}.hm-funnel-lbl{color:#555;flex-shrink:0;width:120px;font-size:11px}.hm-funnel-track{background:#f0f0f2;border-radius:5px;flex:1;height:10px;overflow:hidden}.hm-funnel-bar{border-radius:5px;height:100%;transition:width .5s}.hm-funnel-val{text-align:right;flex-shrink:0;width:28px;font-size:11px;font-weight:600}.hm-intern-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.hm-intern-item{background:#fafafa;border:1px solid #0000;border-radius:8px;padding:10px 12px;transition:border-color .15s}.hm-intern-item--alert{animation:.8s ease-in-out infinite alternate hm-blink-border}@keyframes hm-blink-border{0%{border-color:#0000}to{border-color:currentColor}}.hm-intern-val{margin-bottom:2px;font-size:22px;font-weight:600;line-height:1.1}.hm-intern-lbl{color:#888;font-size:10px}.hm-ot-list{flex-direction:column;gap:6px;display:flex}.hm-ot-item{border-bottom:.5px solid #0000000d;align-items:center;gap:8px;padding:6px 0;display:flex}.hm-ot-item:last-child{border-bottom:none}.hm-ot-rank{color:#555;background:#f0f0f2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex}.hm-ot-name{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.hm-ot-pct{flex-shrink:0;font-size:12px;font-weight:600}.hm-mp-bars{flex-direction:column;gap:10px;display:flex}.hm-mp-row{flex-direction:column;gap:4px;display:flex}.hm-mp-row--sm{margin-top:2px}.hm-mp-meta{justify-content:space-between;align-items:center;display:flex}.hm-mp-lbl{color:#333;font-size:12px;font-weight:500}.hm-mp-lbl--sm{color:#666;font-size:11px;font-weight:400}.hm-mp-count{color:#333;font-size:12px}.hm-mp-count--sm{color:#888;font-size:11px}.hm-mp-track{background:#f0f0f2;border-radius:4px;height:8px;overflow:hidden}.hm-mp-track--sm{height:5px}.hm-mp-fill{border-radius:4px;height:100%;transition:width .5s}.hm-bpjs-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.hm-bpjs-item{background:#fafafa;border-radius:8px;padding:10px 12px}.hm-bpjs-lbl{color:#888;margin-bottom:4px;font-size:10px}.hm-bpjs-val{font-size:14px;font-weight:600}.hm-bpjs-footer{border-top:.5px solid #00000012;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.hm-bpjs-footer-lbl{color:#888;font-size:12px}.hm-bpjs-footer-val{color:#060771;font-size:14px;font-weight:600}.hm-timestamp{color:#bbb;text-align:right;padding-top:4px;font-size:11px}@media (width<=1400px){.hm-kpi5{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.hm-row3{grid-template-columns:1fr 1fr}}@media (width<=1024px){.hm-kpi5{grid-template-columns:repeat(2,1fr)}.hm-row3,.hm-row2{grid-template-columns:1fr}.hm-skeleton-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.hm-kpi5{grid-template-columns:1fr}}.rc-wrapper{flex-direction:column;gap:16px;display:flex}.rc-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.rc-spinner{border:3px solid var(--border);border-top-color:var(--navy);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite rc-spin}@keyframes rc-spin{to{transform:rotate(360deg)}}.rc-error{height:200px;color:var(--red);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.rc-error button{border:.5px solid var(--red);color:var(--red);cursor:pointer;background:0 0;border-radius:7px;padding:6px 16px;font-size:12px}.rc-error button:hover{background:var(--red-light,#f9e8e8)}.rc-filter-bar{background:var(--white);border:.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.rc-filter-inner{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.rc-filter-group{flex-direction:column;gap:2px;display:flex}.rc-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.rc-filter-select{border:.5px solid var(--border);background:var(--gray-bg,#f4f4f6);color:var(--text);cursor:pointer;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,background .15s}.rc-filter-select:focus{border-color:var(--navy);background:var(--white)}.rc-filter-divider{background:var(--border);flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.rc-filter-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.rc-btn-reset{border:.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.rc-btn-reset:hover{border-color:var(--navy);color:var(--navy)}.rc-btn-apply{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.rc-btn-apply:hover{background:var(--red)}.rc-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.rc-kpi-card{background:var(--white);border:.5px solid var(--border);border-radius:10px;padding:14px 16px}.rc-kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.rc-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rc-kpi-pct{font-size:12px;font-weight:600}.rc-kpi-value{color:var(--navy);margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.rc-kpi-label{color:#212121;margin-bottom:10px;font-size:13px}.rc-kpi-bar{border-radius:2px;width:100%;height:3px}.rc-card{background:var(--white);border:.5px solid var(--border);border-radius:10px;padding:16px 20px 20px}.rc-card-title{color:var(--navy);margin-bottom:2px;font-size:20px;font-weight:700}.rc-card-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px}.rc-no-data{color:var(--text-muted);text-align:center;padding:60px 20px;font-size:13px}.rc-row-2{gap:16px;display:grid}.rc-pie-legend{border-top:.5px solid var(--border);flex-direction:column;gap:7px;padding-top:10px;display:flex}.rc-legend-item{justify-content:space-between;align-items:center;display:flex}.rc-legend-left{align-items:center;gap:8px;display:flex}.rc-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.rc-legend-name{color:var(--text);font-size:12px}.rc-legend-val{color:var(--navy);font-size:12px;font-weight:600}.rc-trend-legend{border-top:1px solid #f0f0f0;justify-content:center;gap:24px;margin-top:16px;padding-top:8px;display:flex}.rc-trend-legend-item{color:#333;align-items:center;gap:8px;font-size:12px;display:flex}.rc-trend-legend-dot{border-radius:50%;width:12px;height:12px;display:inline-block}@media (width<=768px){.recharts-xAxis .recharts-cartesian-axis-tick-value{font-size:10px!important}.rc-trend-legend{flex-direction:column;align-items:flex-start;gap:8px}}@media (width<=1200px){.rc-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.rc-row-2{grid-template-columns:1fr!important}}@media (width<=768px){.rc-filter-bar{flex-direction:column;align-items:flex-start}.rc-filter-actions{justify-content:flex-end;width:100%}.rc-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.rc-kpi-grid{grid-template-columns:1fr}.rc-filter-inner{flex-direction:column;align-items:stretch}.rc-filter-divider{display:none}}.rc-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.rc-top-toggle{flex-shrink:0;gap:4px;margin-bottom:12px;display:flex}.rc-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s}.rc-top-btn:hover{color:#060771;border-color:#060771}.rc-top-btn--active{color:#fff;background:#060771;border-color:#060771}.mp-wrap{flex-direction:column;gap:16px;display:flex}.mp-loading,.mp-err{height:280px;color:var(--text-muted,#666);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.mp-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite mpspin}@keyframes mpspin{to{transform:rotate(360deg)}}.mp-err{color:#bf1a1a}.mp-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.mp-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.mp-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.mp-fg{flex-direction:column;gap:2px;display:flex}.mp-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.mp-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.mp-fs:focus{background:#fff;border-color:#060771}.mp-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.mp-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.mp-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.mp-br:hover{color:#060771;border-color:#060771}.mp-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.mp-ba:hover{background:#bf1a1a}.mp-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.mp-kico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mp-klbl{color:#202020;margin-bottom:10px;font-size:15px}.mp-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.mp-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.mp-cdesc{color:#666;margin-bottom:16px;font-size:12px}.mp-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.mp-row3{grid-template-columns:.75fr 1.1fr 1.15fr;gap:16px;display:grid}.mp-leg{border-top:.5px solid #00000014;flex-direction:column;gap:7px;padding-top:10px;display:flex}.mp-litem{justify-content:space-between;align-items:center;display:flex}.mp-lleft{align-items:center;gap:8px;display:flex}.mp-ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mp-lname{color:#111;font-size:12px}.mp-lval{color:#060771;font-size:12px;font-weight:600}@media (width<=1200px){.mp-kpi4{grid-template-columns:repeat(2,1fr)}.mp-row3{grid-template-columns:1fr 1fr}}@media (width<=1024px){.mp-row3{grid-template-columns:1fr}}@media (width<=768px){.mp-filter{flex-direction:column;align-items:flex-start}.mp-fa{justify-content:flex-end;width:100%}.mp-kpi4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mp-kpi4{grid-template-columns:1fr}.mp-fi{flex-direction:column;align-items:stretch}.mp-fd{display:none}}.ifilter-bar{background:var(--white);border:.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ifilter-inner{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.ifilter-group{flex-direction:column;gap:2px;display:flex;position:relative}.ifilter-group--date{position:relative}.ifilter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.ifilter-select{border:.5px solid var(--border);background:var(--gray-bg,#f4f4f6);color:var(--text);cursor:pointer;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.ifilter-select:focus{border-color:var(--navy);background:var(--white)}.ifilter-divider{background:var(--border);flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 8px 2px}.ifilter-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.ifilter-reset{border:.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.ifilter-reset:hover{border-color:var(--navy);color:var(--navy)}.ifilter-apply{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.ifilter-apply:hover{background:var(--red)}.react-calendar__tile--active,.react-calendar__tile--range,.react-calendar__tile--rangeStart,.react-calendar__tile--rangeEnd{background-color:var(--navy);color:#fff}.ikpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.ikpi-card{background:var(--white);border:.5px solid var(--border);text-align:left;cursor:pointer;border-radius:10px;width:100%;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.ikpi-card:hover{border-color:#06077140;box-shadow:0 2px 8px #06077114}.ikpi-card--active{border-color:var(--navy);background:var(--navy-light,#e8e9f9)}.ikpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ikpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ikpi-pct{font-size:12px;font-weight:600}.ikpi-value{color:var(--navy);margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.ikpi-label{color:#3b3b3b;margin-bottom:10px;font-size:13px}.ikpi-bar{border-radius:2px;width:100%;height:3px}.table-wrapper{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.detail-table{border-collapse:collapse;width:100%;min-width:900px;font-size:13px}.detail-table th{text-align:left;color:var(--navy);border-bottom:1px solid var(--border);white-space:nowrap;background:#f8f9fc;padding:12px;font-weight:600}.status-badge{text-transform:capitalize;color:#333;background:#e0e0e0;border-radius:20px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.status-badge.status-onboard{color:#16a34a;background:#dcfce7}.status-badge.status-butuh-surat-balasan{color:#b45309;background:#fef3c7}.status-badge.status-ajukan-ulang{color:#ea580c;background:#fff3e0}.status-badge.status-selesai{color:#bf1a1a;background:#f9e8e8}.status-badge.status-akan-berakhir{color:#f59e0b;background:#fff8e1}.modal-footer{border-top:1px solid var(--border);color:#666;justify-content:space-between;align-items:center;padding:16px 24px;font-size:13px;display:flex}.modal-footer button{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 18px;font-weight:500;transition:background .2s}.chart-card--row1,.chart-card--row3{width:100%}@media (width<=1200px){.ikpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.internship-row-2,.institusi-layout{grid-template-columns:1fr}.institusi-list{border-left:none;border-top:1px solid var(--border);max-height:180px;padding-top:10px;padding-left:0}}@media (width<=768px){.ifilter-bar{flex-direction:column;align-items:flex-start}.ifilter-actions{justify-content:flex-end;width:100%}.ikpi-grid{grid-template-columns:repeat(2,1fr)}.internship-row-2{grid-template-columns:1fr}}@media (width<=480px){.ikpi-grid{grid-template-columns:1fr}.ifilter-inner{flex-direction:column;align-items:stretch}.ifilter-divider{display:none}}.placeholder-page{flex-direction:column;justify-content:center;align-items:center;gap:12px;height:400px;display:flex}.placeholder-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:24px;display:flex}.placeholder-title{color:var(--navy);font-size:18px;font-weight:700}.placeholder-sub{color:var(--text-muted);font-size:13px}.card{background:#fff;border-radius:12px;min-width:150px;padding:16px;box-shadow:0 2px 8px #0000001a}.internship-wrapper{flex-direction:column;gap:16px;display:flex}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600}.internship-filter{border:1px solid var(--border);background-color:#f8f9fc;border-radius:12px;padding:8px 10px}.filter-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.filter-title{color:var(--navy);letter-spacing:.03em;text-transform:uppercase;font-size:11px;font-weight:700}.filter-reset-btn{border:1px solid var(--border);color:var(--navy);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:5px;justify-content:center;align-items:center;height:30px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .2s;display:inline-flex}.filter-reset-btn:hover{background-color:#f2f5fb;border-color:#cfd7e8}.filter-controls{flex-wrap:nowrap;align-items:flex-end;gap:6px;margin-bottom:0;padding-bottom:2px;display:flex;overflow-x:auto}.filter-group{flex-direction:column;min-width:150px;display:flex}.filter-group--action{flex-direction:row;align-items:flex-end;gap:6px;min-width:230px;display:flex}.filter-group--date{min-width:190px}.filter-group label{color:var(--text);margin-bottom:3px;font-size:10px;font-weight:600}.filter-input{border:1px solid var(--border);background-color:var(--white);color:var(--text);border-radius:5px;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .2s}.filter-input:focus{border-color:var(--navy);background-color:var(--white);outline:none}.filter-group--date{position:relative}.date-picker-wrapper{background-color:var(--white);border:1px solid var(--border);z-index:1000;border-radius:8px;padding:12px;position:absolute;top:58px;left:0;box-shadow:0 4px 12px #00000026}.react-calendar{background-color:#fff;border:none;width:100%;font-family:inherit}.react-calendar button{font-family:inherit}.react-calendar__tile{padding:8px;font-size:13px}.react-calendar__tile--active,.react-calendar__tile--range,.react-calendar__tile--rangeStart,.react-calendar__tile--rangeEnd{background-color:var(--navy);color:#fff}.react-calendar__tile--range:not(.react-calendar__tile--rangeStart):not(.react-calendar__tile--rangeEnd){color:var(--navy);background-color:#e8eaff}.react-calendar__tile:hover{background-color:#f0f0f0}.react-calendar__tile--active:hover{background-color:var(--navy)}.filter-apply-btn{background-color:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;width:auto;height:30px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.filter-apply-btn:hover{background-color:var(--red-dark);border-color:var(--red-dark);box-shadow:none}.quick-filters{background:linear-gradient(#eef4ff 0%,#dce8ff 100%);border:1px solid #b7ccf7;border-radius:12px;padding:10px 12px 12px;box-shadow:0 10px 24px #1e46aa29}.quick-filter-label{color:#314a87;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:600;display:inline-flex}.quick-filter-label:before{content:"";background:#2047bf;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 6px #2f52be2e}.internship-kpi-grid-5{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.internship-kpi-card{background-color:var(--white);cursor:pointer;text-align:left;border:1px solid #d2ddf3;border-left:4px solid;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;display:flex;box-shadow:0 6px 12px #0d1f521a}.internship-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 22px #0d1f5233}.internship-kpi-card--active{outline-offset:1px;background:#dbe8ff;border-color:#6f90e2;outline:2px solid #6787e059;transform:translateY(-4px)scale(1.015);box-shadow:0 16px 30px #14399147}.internship-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;font-size:11px;font-weight:600}.internship-kpi-value{color:var(--navy);margin:0 0 4px;font-size:24px;font-weight:700;line-height:1}.internship-kpi-subtitle{color:var(--text-muted);margin:0;font-size:11px}.chart-card--row1{width:100%}.internship-row-2{grid-template-columns:1.45fr .85fr;gap:16px;display:grid}.internship-row-2 .chart-card{width:100%}.institusi-layout{grid-template-columns:minmax(0,1.6fr) minmax(180px,1fr);align-items:stretch;gap:12px;display:grid}.institusi-chart{min-width:0}.institusi-list{border-left:1px solid var(--border);max-height:240px;padding-left:12px;overflow:auto}.institusi-list-title{color:var(--navy);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:11px;font-weight:700}.institusi-item{border-bottom:1px dashed #e6ecf7;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 0;display:flex}.institusi-name{color:var(--text);font-size:11px}.institusi-count{color:var(--navy);font-size:12px;font-weight:700}.chart-card--ket .chart-desc{margin-bottom:10px}.ket-chart{width:100%;min-height:230px}.ket-legend{border-top:1px solid #e6ebf5;gap:6px;margin-top:6px;padding-top:8px;display:grid}.ket-legend-item{justify-content:space-between;align-items:center;gap:8px;display:flex}.ket-legend-left{align-items:center;gap:8px;min-width:0;display:inline-flex}.ket-legend-dot{border-radius:999px;flex:0 0 10px;width:10px;height:10px}.ket-legend-label{color:var(--text);font-size:11px}.ket-legend-value{color:var(--navy);font-size:11px;font-weight:700}.chart-card--row3{width:100%}.internship-wrapper .chart-card{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px 20px 20px}.chart-title{color:var(--navy);margin-bottom:4px;font-size:20px;font-weight:700}.chart-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px}.no-data{color:var(--text-muted);text-align:center;padding:60px 20px;font-size:13px}.kpi-cards-row{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px;display:grid}.kpi-card{background-color:var(--white);border:1px solid var(--border);border-radius:10px;padding:16px}.kpi-label{color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:600}.kpi-value{color:var(--navy);margin-bottom:12px;font-size:28px;font-weight:700}.kpi-bar{border-radius:2px;height:4px}.kpi-bar--navy{background-color:var(--navy)}.kpi-bar--red{background-color:var(--red)}.kpi-bar--green{background-color:#16a34a}.kpi-bar--orange{background-color:#ff9800}.kpi-bar--blue{background-color:#2196f3}.kpi-bar--purple{background-color:#9c27b0}.chart-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-row-1{grid-template-columns:1fr;display:grid}.summary-card{grid-column:1/-1}.summary-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:12px;display:grid}.summary-item{flex-direction:column;align-items:flex-start;display:flex}.summary-label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:600}.summary-number{color:var(--navy);font-size:24px;font-weight:700}@media (width<=1200px){.internship-kpi-grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.internship-row-2,.institusi-layout{grid-template-columns:1fr}.institusi-list{border-left:none;border-top:1px solid var(--border);max-height:180px;padding-top:10px;padding-left:0}}@media (width<=768px){.filter-header{flex-direction:column;align-items:flex-start;gap:12px}.filter-controls{gap:8px}.date-picker-wrapper{width:90vw;max-width:400px;top:auto;left:auto;right:0}.filter-group--action{gap:8px}.filter-apply-btn{width:auto}.internship-kpi-grid-5,.kpi-cards-row{grid-template-columns:repeat(2,1fr)}.internship-row-2{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.filter-controls{gap:8px}.date-picker-wrapper{width:100vw;max-width:none;left:-14px;right:auto}.internship-kpi-grid-5{grid-template-columns:1fr}.internship-kpi-card{padding:12px}.kpi-cards-row{grid-template-columns:1fr}.internship-filter{padding:8px}}.int-row3{grid-template-columns:.8fr .8fr 1.4fr;gap:16px;display:grid}.int-penem-card{min-width:0}.int-card-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:0;display:flex}.int-top-toggle{flex-shrink:0;gap:4px;display:flex}.int-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.int-top-btn:hover{color:#060771;border-color:#060771}.int-top-btn--active{color:#fff;background:#060771;border-color:#060771}@media (width<=1200px){.int-row3{grid-template-columns:1fr 1fr}}@media (width<=768px){.int-row3{grid-template-columns:1fr}}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.ot-wrap{flex-direction:column;gap:16px;display:flex}.ot-loading,.ot-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.ot-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite otspin}@keyframes otspin{to{transform:rotate(360deg)}}.ot-err{color:#bf1a1a}.ot-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.ot-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ot-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.ot-fg{flex-direction:column;gap:2px;display:flex}.ot-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.ot-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.ot-fs:focus{background:#fff;border-color:#060771}.ot-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.ot-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.ot-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.ot-br:hover{color:#060771;border-color:#060771}.ot-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.ot-ba:hover{background:#bf1a1a}.ot-kpi4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ot-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.ot-ktop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ot-kico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ot-kpct{font-size:12px;font-weight:600}.ot-kval{color:#060771;margin-bottom:4px;font-size:24px;font-weight:600;line-height:1.2}.ot-klbl{color:#292929;margin-bottom:10px;font-size:13px}.ot-kbar{border-radius:2px;width:100%;height:3px}.ot-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.ot-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.ot-cdesc{color:#666;margin-bottom:16px;font-size:12px}.ot-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.ot-row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ot-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.ot-top-toggle{flex-shrink:0;gap:4px;display:flex}.ot-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.ot-top-btn:hover{color:#060771;border-color:#060771}.ot-top-btn--active{color:#fff;background:#060771;border-color:#060771}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1000px;max-height:85vh;display:flex;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h3{color:#060771;margin:0;font-size:18px;font-weight:600}.modal-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.modal-close:hover{color:#060771;background:#f0f0f0}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-footer{border-top:1px solid #eee;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-footer button{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:6px;padding:8px 18px;font-weight:500;transition:background .2s}.modal-footer button:hover{background:#bf1a1a}.detail-table{border-collapse:collapse;width:100%;font-size:13px}.detail-table th{text-align:left;color:#060771;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #ddd;padding:10px 12px;font-weight:600}.detail-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:8px 12px}.detail-table tbody tr:hover{background:#fafafa}@media (width<=1200px){.ot-kpi4{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.ot-row2{grid-template-columns:1fr}}@media (width<=768px){.ot-filter{flex-direction:column;align-items:flex-start}.ot-fa{justify-content:flex-end;width:100%}.ot-kpi4{grid-template-columns:1fr}}@media (width<=480px){.ot-fi{flex-direction:column;align-items:stretch}.ot-fd{display:none}}.bp-wrap{flex-direction:column;gap:16px;display:flex}.bp-loading,.bp-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.bp-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite bpspin}@keyframes bpspin{to{transform:rotate(360deg)}}.bp-err{color:#bf1a1a}.bp-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.bp-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.bp-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.bp-fg{flex-direction:column;gap:2px;display:flex}.bp-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.bp-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px}.bp-fs:focus{background:#fff;border-color:#060771}.bp-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 8px 2px}.bp-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.bp-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px}.bp-br:hover{color:#060771;border-color:#060771}.bp-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600}.bp-ba:hover{background:#bf1a1a}.bp-kpi-layout{grid-template-columns:1fr 1fr .7fr .7fr;gap:12px;display:grid}.bp-kcard--big{padding:18px 20px}.bp-kico-sm{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;display:flex}.bp-kval-big{color:#060771;margin-bottom:12px;font-size:20px;font-weight:600;line-height:1.2}.bp-kval-med{color:#060771;margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.2}.bp-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.bp-ctitle{color:#060771;margin-bottom:4px;font-size:20px;font-weight:700}.bp-cdesc{color:#666;margin-bottom:16px;font-size:12px}.bp-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.bp-row2{gap:16px;display:grid}.bp-leg{border-top:.5px solid #00000014;flex-direction:column;gap:7px;padding-top:10px;display:flex}.bp-litem{justify-content:space-between;align-items:center;display:flex}.bp-lleft{align-items:center;gap:8px;display:flex}.bp-ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.bp-lname{color:#111;font-size:12px}.bp-lval{color:#060771;font-size:12px;font-weight:600}.mp-kpi4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.mp-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;flex-direction:column;padding:14px 16px;display:flex}.mp-ktop{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.mp-kico{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mp-kpct{font-size:13px;font-weight:600}.mp-kval{color:#060771;margin-bottom:4px;font-size:22px;font-weight:600;line-height:1.2}.mp-klbl{color:#666;margin-bottom:10px;font-size:11px;font-weight:500}.mp-kbar{border-radius:2px;width:100%;height:3px}@media (width<=1200px){.mp-kpi4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mp-kpi4{grid-template-columns:1fr}}.bp-row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.bp-tooltip{background:#fff;border:.5px solid #0000001a;border-radius:8px;padding:8px 12px;font-size:12px;box-shadow:0 2px 6px #0000000d}.bp-tooltip-label{color:#060771;margin-bottom:4px;font-weight:600}@media (width<=1024px){.bp-row2{grid-template-columns:1fr}}@media (width<=1200px){.bp-kpi-layout{grid-template-columns:1fr 1fr}}@media (width<=1024px){.bp-row2{grid-template-columns:1fr!important}}@media (width<=768px){.bp-filter{flex-direction:column;align-items:flex-start}.bp-fa{justify-content:flex-end;width:100%}.bp-kpi-layout{grid-template-columns:1fr 1fr}}@media (width<=480px){.bp-kpi-layout{grid-template-columns:1fr}.bp-fi{flex-direction:column;align-items:stretch}.bp-fd{display:none}}.bp-kpi4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.bp-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.bp-kico{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.bp-klbl{color:#666;margin-bottom:4px;font-size:11px;font-weight:500}.bp-kval{color:#060771;margin-bottom:10px;font-size:22px;font-weight:600;line-height:1.2}.bp-kbar{border-radius:2px;width:100%;height:3px}.bp-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bp-top-toggle{flex-shrink:0;gap:4px;margin-bottom:12px;display:flex}.bp-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.bp-top-btn:hover{color:#060771;border-color:#060771}.bp-top-btn--active{color:#fff;background:#060771;border-color:#060771}@media (width<=1200px){.bp-kpi4{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.bp-kpi4{grid-template-columns:1fr}}.mc-wrap{flex-direction:column;gap:16px;display:flex}.mc-loading,.mc-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.mc-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite mcspin}@keyframes mcspin{to{transform:rotate(360deg)}}.mc-err{color:#bf1a1a}.mc-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.mc-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.mc-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.mc-fg{flex-direction:column;gap:2px;display:flex}.mc-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.mc-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px}.mc-fs:focus{background:#fff;border-color:#060771}.mc-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.mc-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.mc-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px}.mc-br:hover{color:#060771;border-color:#060771}.mc-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600}.mc-ba:hover{background:#bf1a1a}.mc-kpi5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.mc-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.mc-ktop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mc-kico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mc-kpct{font-size:12px;font-weight:600}.mc-kval{color:#060771;word-break:break-all;margin-bottom:4px;font-size:22px;font-weight:600;line-height:1.2}.mc-klbl{color:#1e1e1e;margin-bottom:10px;font-size:13px}.mc-kbar{border-radius:2px;width:100%;height:3px}.mc-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.mc-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.mc-cdesc{color:#666;margin-bottom:16px;font-size:12px}.mc-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.mc-row2{gap:16px;display:grid}.mc-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mc-top-toggle{flex-shrink:0;gap:4px;margin-bottom:12px;display:flex}.mc-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.mc-top-btn:hover{color:#060771;border-color:#060771}.mc-top-btn--active{color:#fff;background:#060771;border-color:#060771}.mc-leg{border-top:.5px solid #00000014;flex-direction:column;gap:7px;padding-top:10px;display:flex}.mc-litem{justify-content:space-between;align-items:center;display:flex}.mc-lleft{align-items:center;gap:8px;display:flex}.mc-ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.mc-lname{color:#111;font-size:12px}.mc-lval{color:#060771;font-size:12px;font-weight:600}@media (width<=1200px){.mc-kpi5{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.mc-row2{grid-template-columns:1fr!important}.mc-kpi5{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.mc-filter{flex-direction:column;align-items:flex-start}.mc-fa{justify-content:flex-end;width:100%}.mc-kpi5{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.mc-kpi5{grid-template-columns:1fr}.mc-fi{flex-direction:column;align-items:stretch}.mc-fd{display:none}}.sl-wrap{flex-direction:column;gap:16px;display:flex}.sl-loading,.sl-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.sl-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite slspin}@keyframes slspin{to{transform:rotate(360deg)}}.sl-err{color:#bf1a1a}.sl-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.sl-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sl-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.sl-fg{flex-direction:column;gap:2px;display:flex}.sl-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.sl-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.sl-fs:focus{background:#fff;border-color:#060771}.sl-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.sl-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.sl-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.sl-br:hover{color:#060771;border-color:#060771}.sl-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.sl-ba:hover{background:#bf1a1a}.sl-kpi3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sl-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.sl-ktop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sl-kico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sl-kval{color:#060771;margin-bottom:4px;font-size:24px;font-weight:600;line-height:1.2}.sl-klbl{color:#2b2b2b;margin-bottom:10px;font-size:13px}.sl-kbar{border-radius:2px;width:100%;height:3px}.sl-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.sl-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.sl-cdesc{color:#666;margin-bottom:16px;font-size:12px}.sl-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.sl-row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sl-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.sl-top-toggle{flex-shrink:0;gap:4px;display:flex}.sl-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.sl-top-btn:hover{color:#060771;border-color:#060771}.sl-top-btn--active{color:#fff;background:#060771;border-color:#060771}@media (width<=1200px){.sl-kpi3{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.sl-row2{grid-template-columns:1fr}}@media (width<=768px){.sl-filter{flex-direction:column;align-items:flex-start}.sl-fa{justify-content:flex-end;width:100%}.sl-kpi3{grid-template-columns:1fr}}@media (width<=480px){.sl-fi{flex-direction:column;align-items:stretch}.sl-fd{display:none}}.kpi-wrap{flex-direction:column;gap:16px;display:flex}.kpi-loading,.kpi-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.kpi-spin{border:3px solid #00000014;border-top-color:#060771;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite kpispin}@keyframes kpispin{to{transform:rotate(360deg)}}.kpi-err{color:#bf1a1a}.kpi-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.kpi-err button:hover{background:#f9e8e8}.kpi-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.kpi-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.kpi-fg{flex-direction:column;gap:2px;display:flex}.kpi-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.kpi-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;min-width:140px;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.kpi-fs:focus{background:#fff;border-color:#060771}.kpi-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 8px 2px}.kpi-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.kpi-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.kpi-br:hover{color:#060771;border-color:#060771}.kpi-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.kpi-ba:hover{background:#bf1a1a}.kpi-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.kpi-scard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.kpi-scard-top{justify-content:flex-start;align-items:center;margin-bottom:10px;display:flex}.kpi-sico{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-sval{margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.kpi-slbl{color:#141414;margin-bottom:4px;font-size:13px}.kpi-ssub{color:#434343;margin-bottom:8px;font-size:11px}.kpi-sbar{border-radius:2px;width:100%;height:3px;margin-top:8px}.kpi-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.kpi-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.kpi-cdesc{color:#666;margin-bottom:16px;font-size:12px}.kpi-nodata{color:#888;text-align:center;padding:40px;font-size:13px}.kpi-table-wrap{overflow-x:auto}.kpi-table{border-collapse:collapse;width:100%;font-size:12px}.kpi-table thead tr{background:#f7f8fc}.kpi-table th{text-align:left;color:#060771;border-bottom:.5px solid #00000014;padding:9px 12px;font-size:11px;font-weight:600}.kpi-table tbody tr{border-bottom:.5px solid #0000000d;transition:background .12s}.kpi-table tbody tr:last-child{border-bottom:none}.kpi-trow{cursor:pointer}.kpi-trow:hover{background:#f4f5ff}.kpi-trow--active{background:#e8e9f9}.kpi-trow--active .kpi-tname{color:#060771;font-weight:600}.kpi-table td{color:#333;vertical-align:middle;padding:9px 12px}.kpi-tname{color:#111;font-size:12px;font-weight:500;line-height:1.4;display:block}.kpi-tunit{color:#999;margin-top:1px;font-size:10px;display:block}.kpi-ttarget{color:#666;max-width:200px;font-size:11px}.kpi-tcell-muted{color:#888}.kpi-badge{letter-spacing:.02em;border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.kpi-badge--green{color:#15803d;background:#dcfce7}.kpi-badge--red{color:#9b1c1c;background:#f9e8e8}.kpi-badge--gray{color:#888;background:#f4f4f6}.kpi-pill{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}.kpi-pill--navy{color:#060771;background:#e8e9f9}.kpi-pill--blue{color:#0369a1;background:#e0f2fe}.kpi-detail-card{border:.5px solid #06077126}.kpi-detail-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.kpi-detail-badges{flex-shrink:0;gap:6px;padding-top:2px;display:flex}.kpi-section-label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:600}.kpi-mini-table-wrap{overflow-x:auto}.kpi-mini-table{border-collapse:collapse;width:100%;font-size:12px}.kpi-mini-table thead tr{background:#f7f8fc}.kpi-mini-table th{text-align:left;color:#060771;border-bottom:.5px solid #00000014;padding:7px 12px;font-size:11px;font-weight:600}.kpi-mini-table tbody tr{border-bottom:.5px solid #0000000d}.kpi-mini-table tbody tr:last-child{border-bottom:none}.kpi-mini-table td{color:#333;padding:7px 12px}@media (width<=1200px){.kpi-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.kpi-filter{flex-direction:column;align-items:flex-start}.kpi-fa{justify-content:flex-end;width:100%}.kpi-summary-grid{grid-template-columns:repeat(2,1fr)}.kpi-fi{flex-direction:column;align-items:stretch}.kpi-fd{display:none}.kpi-fs{width:100%;min-width:0}.kpi-detail-header{flex-direction:column}}@media (width<=480px){.kpi-summary-grid{grid-template-columns:1fr}}.tr-wrap{flex-direction:column;gap:16px;display:flex}.tr-loading,.tr-err{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:280px;font-size:13px;display:flex}.tr-spin{border:3px solid #00000014;border-top-color:#bf1a1a;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite trspin}@keyframes trspin{to{transform:rotate(360deg)}}.tr-err{color:#bf1a1a}.tr-err button{color:#bf1a1a;cursor:pointer;background:0 0;border:.5px solid #bf1a1a;border-radius:7px;padding:6px 16px;font-size:12px}.tr-filter{background:#fff;border:.5px solid #00000014;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.tr-fi{flex-wrap:wrap;flex:1;align-items:center;gap:4px;display:flex}.tr-fg{flex-direction:column;gap:2px;display:flex}.tr-fl{color:#666;text-transform:uppercase;letter-spacing:.04em;padding-left:2px;font-size:10px;font-weight:600}.tr-fs{color:#111;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:7px;outline:none;height:30px;padding:5px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.tr-fs:focus{background:#fff;border-color:#060771}.tr-fd{background:#00000014;flex-shrink:0;align-self:flex-end;width:1px;height:28px;margin:0 6px 2px}.tr-fa{flex-shrink:0;align-items:center;gap:6px;display:flex}.tr-br{color:#666;cursor:pointer;background:0 0;border:.5px solid #00000014;border-radius:7px;height:30px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s}.tr-br:hover{color:#060771;border-color:#060771}.tr-ba{color:#fff;cursor:pointer;background:#060771;border:none;border-radius:7px;height:30px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.tr-ba:hover{background:#bf1a1a}.tr-kpi3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tr-kcard{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.tr-ktop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.tr-kico{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tr-kpct{font-size:12px;font-weight:600}.tr-kval{color:#060771;margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.tr-klbl{color:#282828;margin-bottom:10px;font-size:13px}.tr-kbar{border-radius:2px;width:100%;height:3px}.tr-kpi6{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}@media (width<=1024px){.tr-kpi6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.tr-kpi6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.tr-kpi6{grid-template-columns:1fr}}.tr-card{background:#fff;border:.5px solid #00000014;border-radius:10px;padding:16px 20px 20px}.tr-ctitle{color:#060771;margin-bottom:2px;font-size:20px;font-weight:700}.tr-cdesc{color:#666;margin-bottom:16px;font-size:12px}.tr-nodata{color:#666;text-align:center;padding:60px 20px;font-size:13px}.tr-row2{gap:16px;display:grid}.tr-leg{border-top:.5px solid #00000014;flex-direction:column;gap:7px;padding-top:10px;display:flex}.tr-litem{justify-content:space-between;align-items:center;display:flex}.tr-lleft{align-items:center;gap:8px;display:flex}.tr-ldot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.tr-lname{color:#111;font-size:12px}.tr-lval{color:#060771;font-size:12px;font-weight:600}@media (width<=1024px){.tr-row2{grid-template-columns:1fr!important}.tr-kpi3{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.tr-filter{flex-direction:column;align-items:flex-start}.tr-fa{justify-content:flex-end;width:100%}.tr-kpi3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tr-kpi3{grid-template-columns:1fr}.tr-fi{flex-direction:column;align-items:stretch}.tr-fd{display:none}}.tr-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tr-top-toggle{flex-shrink:0;gap:4px;margin-bottom:12px;display:flex}.tr-top-btn{color:#666;cursor:pointer;background:#f4f4f6;border:.5px solid #00000014;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:500;transition:all .15s}.tr-top-btn:hover{color:#060771;border-color:#060771}.tr-top-btn--active{color:#fff;background:#060771;border-color:#060771}:root{--red:#bf1a1a;--red-dark:#8a1212;--red-light:#f9e8e8;--navy:#060771;--navy-light:#e8e9f9;--white:#fff;--gray-bg:#f4f4f6;--border:#00000014;--text:#111;--text-muted:#666}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gray-bg);font-family:Segoe UI,sans-serif}.app-layout{contain:layout;height:100vh;display:flex}.main-area{will-change:auto;flex-direction:column;flex:1;display:flex;overflow:hidden}.page-content{flex:1;padding:24px;overflow-y:auto}.loading-screen{color:#060771;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-spinner{border:3px solid #06077133;border-top-color:#060771;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}