.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{-webkit-backdrop-filter:blur(10px);background:#fff9;border:.5px solid #ffffff4d;border-radius:50px;flex-shrink:0;justify-content:space-between;align-items:center;min-height:60px;margin:16px 16px 10px;padding:12px 20px;display:flex;box-shadow:0 2px 12px #0000000a}.topbar-left{align-items:center;gap:16px;display:flex}.topbar-toggle{color:#444;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.topbar-toggle:hover{background-color:#0000000d}.topbar-toggle svg{width:22px;height:22px}.topbar-breadcrumb{align-items:center;gap:6px;font-size:14px;display:flex}.breadcrumb-item{color:#666;align-items:center;gap:6px;font-weight:500;display:flex}.breadcrumb-item.active{color:#060771;font-weight:600}.breadcrumb-separator{color:#aaa;align-items:center;display:flex}.topbar-right{align-items:center;gap:20px;display:flex}.user-info{flex-direction:column;align-items:flex-end;line-height:1.3;display:flex}.user-name{color:#060771;text-transform:capitalize;font-size:14px;font-weight:600}.user-role{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.logout-btn{color:#fff;cursor:pointer;background:#bf1a1a;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #bf1a1a33}.logout-btn:hover{background:#a01515;box-shadow:0 4px 10px #bf1a1a4d}.logout-btn svg{flex-shrink:0}@media (width<=768px){.topbar{margin:8px 12px;padding:10px 16px}.user-name{font-size:13px}.user-role{font-size:10px}.logout-btn span{display:none}.logout-btn{padding:8px 12px}}@media (width<=480px){.topbar-breadcrumb{font-size:12px}}.lg-root{background:#ebebeb;width:100vw;height:100vh;font-family:Segoe UI,system-ui,sans-serif;display:flex;overflow:hidden}.lg-left{flex-shrink:0;width:62%;position:relative;overflow:hidden}.lg-photo{opacity:1;background-position:50%;background-size:cover;transition:opacity .45s;position:absolute;inset:0}.lg-photo--fade{opacity:0}.lg-overlay{z-index:1;background:linear-gradient(#0a0a1e8c 0%,#0a0a1e26 40%,#0a0a1eb3 75%,#0a0a1eeb 100%);position:absolute;inset:0}.lg-logo-wrap{z-index:2;position:absolute;top:28px;left:28px}.lg-logo{object-fit:contain;width:auto;height:35px}.lg-slide-copy{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:40px;left:36px;right:36px}.lg-tagline{color:#efefef;letter-spacing:-.02em;text-align:center;font-size:30px;font-weight:600;line-height:1.25;transition:opacity .45s}.lg-tagline--fade{opacity:0}.lg-slide-sub{color:#eeeeeea1;text-align:center;font-size:13px;line-height:1.6;transition:opacity .45s}.lg-dots{justify-content:center;gap:7px;margin-top:6px;display:flex}.lg-dot{cursor:pointer;background:#ffffff47;border:none;border-radius:2px;width:22px;height:4px;padding:0;transition:background .3s,width .3s}.lg-dot--active{background:#fff;width:36px}.lg-right{background:#fff;flex:1;justify-content:center;align-items:center;padding:40px 36px;display:flex}.lg-form-box{flex-direction:column;gap:32px;width:100%;max-width:380px;display:flex}.lg-heading{flex-direction:column;gap:6px;display:flex}.lg-title{color:#141414;letter-spacing:-.02em;text-align:center;font-size:28px;font-weight:700;line-height:1.15}.lg-subtitle{color:#29292a80;text-align:center;font-size:13px;line-height:1.5}.lg-form{flex-direction:column;gap:16px;display:flex}.lg-field{flex-direction:column;gap:7px;display:flex}.lg-label{color:#2020208c;text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.lg-input-wrap{align-items:center;display:flex;position:relative}.lg-iico{color:#1c1c1c73;pointer-events:none;align-items:center;display:flex;position:absolute;left:14px}.lg-input{color:#2b2b2b;background:#ffffff0f;border:1px solid #10101045;border-radius:10px;outline:none;width:100%;height:46px;padding:0 44px;font-family:inherit;font-size:13px;transition:border-color .2s,background .2s}.lg-input::placeholder{color:#b4b4dc4d}.lg-input:focus{background:#ffffff17;border-color:#7864ff99}.lg-eye{cursor:pointer;color:#1b1b1b73;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:12px}.lg-eye:hover{color:#1a1a1acc}.lg-error{color:#960101;background:#f871711a;border:1px solid #f8717138;border-radius:8px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;animation:.3s lg-shake;display:flex}@keyframes lg-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lg-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#0f0891;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:48px;margin-top:6px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:flex}.lg-btn:hover:not(:disabled){background:#4338ca}.lg-btn:active:not(:disabled){transform:scale(.99)}.lg-btn:disabled{opacity:.6;cursor:not-allowed}.lg-btn--load{background:#4f46e5}.lg-spin{border:2px solid #ffffff40;border-top-color:#191919;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite lg-spin}@keyframes lg-spin{to{transform:rotate(360deg)}}.lg-footer{color:#2121214d;text-align:center;font-size:11px;line-height:1.8}@media (width<=860px){.lg-left{display:none}.lg-right{background:#13131f}}@media (width<=480px){.lg-right{padding:32px 20px}.lg-title{font-size:24px}}.sa-wrap{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-sidebar-header p{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 h1{color:#060771;margin:0;font-size:22px;font-weight:700}.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:16px 20px 20px}.sa-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sa-card-title{color:#060771;margin-bottom:2px;font-size:20px;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-btn-secondary{cursor:pointer;background:0 0;border:.5px solid #00000026;border-radius:7px;padding:8px 16px;font-size:13px;transition:all .15s}.sa-btn-secondary:hover{background:#f5f5f5}.sa-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}.sa-stat-item{background:#f4f4f6;border-radius:8px;padding:16px}.sa-stat-label{color:#666;margin-bottom:4px;font-size:12px}.sa-stat-value{color:#060771;font-size:28px;font-weight:700}.sa-table-wrapper{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-hr{color:#1a5e9c;background:#e8f0fe}.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-error{color:#bf1a1a;background:#f9e8e8;border-radius:6px;margin-bottom:16px;padding:10px 14px;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-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.sa-kpi-card{cursor:default;background:#fff;border:.5px solid #00000014;border-radius:10px;padding:14px 16px}.sa-kpi-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sa-kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sa-kpi-pct{font-size:12px;font-weight:600}.sa-kpi-val{color:#060771;margin-bottom:4px;font-size:26px;font-weight:600;line-height:1}.sa-kpi-lbl{color:#3b3b3b;margin-bottom:10px;font-size:13px}.sa-kpi-bar{border-radius:2px;width:100%;height:3px}.sa-upload-area{flex-direction:column;gap:12px;margin-top:16px;display:flex}.sa-file-status{border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500}.sa-file-status.success{color:#16a34a;background:#dcfce7;border:.5px solid #16a34a4d}.sa-file-status.error{color:#bf1a1a;background:#f9e8e8;border:.5px solid #bf1a1a4d}.swal-small-popup{width:320px!important;padding:20px 16px!important;font-size:14px!important}.swal-small-popup .swal2-title{font-size:18px!important}.swal-small-popup .swal2-html-container{font-size:13px!important}.swal-small-popup .swal2-confirm,.swal-small-popup .swal2-cancel{padding:8px 16px!important;font-size:13px!important}@media (width<=1024px){.sa-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.sa-kpi-grid{grid-template-columns:1fr}}@media (width<=1024px){.sa-stats-grid{grid-template-columns:repeat(2,1fr)}}@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}.sa-stats-grid{grid-template-columns:1fr}}.hm-wrap{flex-direction:column;gap:18px;padding:4px 0;display:flex}.hm-skeleton-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.hm-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;animation:1.5s infinite hm-shimmer}@keyframes hm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hm-kpi5{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.hm-mcard{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:16px 15px;transition:all .15s;box-shadow:0 2px 6px #00000005}.hm-mcard--clickable{cursor:pointer}.hm-mcard--clickable:hover{border-color:#0607711f;transform:translateY(-2px);box-shadow:0 6px 14px #0607710f}.hm-mcard--alert{border-left:3px solid #bf1a1a}.hm-mcard-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hm-mcard-ico{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hm-alert-dot{background:#bf1a1a;border-radius:50%;width:8px;height:8px;animation:2s infinite hm-pulse}@keyframes hm-pulse{0%,to{opacity:1}50%{opacity:.4}}.hm-mcard-val{word-break:break-word;margin-bottom:4px;font-size:22px;font-weight:700;line-height:1.2}.hm-mcard-lbl{color:#555;margin-bottom:4px;font-size:13px;font-weight:500}.hm-mcard-sub{color:#888;font-size:11px;line-height:1.4}.hm-row3{grid-template-columns:1.1fr 1.1fr .9fr;gap:16px;display:grid}.hm-row2{grid-template-columns:1.2fr .9fr;gap:16px;display:grid}.hm-card{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:18px 20px;box-shadow:0 2px 6px #00000005}.hm-card--half{padding:16px 18px}.hm-sec-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.hm-sec-title{color:#060771;margin-bottom:2px;font-size:16px;font-weight:700}.hm-sec-sub{color:#888;font-size:12px}.hm-sec-link{color:#060771;cursor:pointer;background:0 0;border:1px solid #06077133;border-radius:16px;padding:5px 12px;font-size:11px;font-weight:500;transition:all .15s}.hm-sec-link:hover{color:#fff;background:#060771;border-color:#060771}.hm-kpi-meter{margin-bottom:20px}.hm-kpi-meter-track{background:#f0f0f0;border-radius:16px;height:10px;margin-bottom:8px;overflow:hidden}.hm-kpi-meter-fill{border-radius:16px;height:100%;transition:width .3s}.hm-kpi-meter-labels{color:#555;justify-content:space-between;font-size:13px;font-weight:500;display:flex}.hm-kpi-list{flex-direction:column;gap:12px;display:flex}.hm-kpi-item{align-items:flex-start;gap:10px;display:flex}.hm-kpi-item-body{flex:1}.hm-kpi-item-name{color:#222;margin-bottom:2px;font-size:13px;font-weight:600}.hm-kpi-item-target{color:#888;font-size:11px}.hm-kpi-item-pct{font-size:14px;font-weight:700}.hm-empty{text-align:center;color:#888;padding:24px;font-size:13px}.hm-rc-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.hm-rc-stat{text-align:center;background:#f8f9fc;border-radius:10px;padding:10px}.hm-rc-stat-val{margin-bottom:2px;font-size:22px;font-weight:700}.hm-rc-stat-lbl{color:#666;font-size:11px}.hm-funnel{flex-direction:column;gap:12px;display:flex}.hm-funnel-row{align-items:center;gap:10px;display:flex}.hm-funnel-lbl{color:#444;width:90px;font-size:12px;font-weight:500}.hm-funnel-track{background:#f0f0f0;border-radius:12px;flex:1;height:24px;overflow:hidden}.hm-funnel-bar{border-radius:12px;height:100%;transition:width .3s}.hm-funnel-val{text-align:right;width:45px;font-size:14px;font-weight:700}.hm-intern-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.hm-intern-item{text-align:center;background:#f8f9fc;border:1px solid #0000;border-radius:10px;padding:14px 10px;transition:all .15s}.hm-intern-item--alert{background:#fff}.hm-intern-val{margin-bottom:2px;font-size:24px;font-weight:700}.hm-intern-lbl{color:#555;font-size:12px;font-weight:500}.hm-ot-list{flex-direction:column;gap:8px;display:flex}.hm-ot-item{align-items:center;gap:10px;padding:6px 0;display:flex}.hm-ot-rank{color:#060771;background:#f0f0f0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.hm-ot-name{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.hm-ot-pct{font-size:14px;font-weight:700}.hm-mp-bars{flex-direction:column;gap:14px;display:flex}.hm-mp-row{flex-direction:column;gap:5px;display:flex}.hm-mp-meta{justify-content:space-between;align-items:center;display:flex}.hm-mp-lbl{color:#333;font-size:13px;font-weight:600}.hm-mp-lbl--sm{color:#666;font-size:12px;font-weight:500}.hm-mp-count{color:#555;font-size:13px;font-weight:500}.hm-mp-count--sm{font-size:12px}.hm-mp-track{background:#f0f0f0;border-radius:8px;height:8px;overflow:hidden}.hm-mp-track--sm{height:5px}.hm-mp-fill{border-radius:8px;height:100%;transition:width .3s}.hm-bpjs-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.hm-bpjs-item{background:#f8f9fc;border-radius:10px;padding:14px}.hm-bpjs-lbl{color:#666;margin-bottom:4px;font-size:12px;font-weight:500}.hm-bpjs-val{word-break:break-word;font-size:18px;font-weight:700}.hm-bpjs-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.hm-bpjs-footer-lbl{color:#555;font-size:13px}.hm-bpjs-footer-val{color:#060771;font-size:16px;font-weight:700}.hm-timestamp{text-align:right;color:#aaa;padding-top:6px;font-size:11px}@media (width<=1200px){.hm-kpi5{grid-template-columns:repeat(3,1fr)}.hm-row3{grid-template-columns:1fr 1fr}.hm-row2{grid-template-columns:1fr}}@media (width<=900px){.hm-kpi5{grid-template-columns:repeat(2,1fr)}.hm-row3{grid-template-columns:1fr}}@media (width<=600px){.hm-kpi5{grid-template-columns:1fr}.hm-card{padding:16px}.hm-mcard-val{font-size:24px}}.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}}.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:10px 24px 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)}}