:root{--dark-green:#123a2c;--mid-green:#1f5c45;--accent-green:#1f7a52;--gold:#f2b400;--gold-dark:#e0a300;--bg:#f4f5f2;--card-bg:#fff;--border:#e2e5e0;--text-dark:#1c231f;--text-muted:#6b756e;--danger:#c0392b;--kat-1:#123a2c;--kat-2:#3fae5a;--kat-3:#e8792c;--kat-4:#d3372f;--kat-5:#f2b400;--kat-6:#2f6fb0}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-dark);margin:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-size:13px}.app-shell{min-height:100vh;padding:20px}.app-shell.uploading{justify-content:center;align-items:center;display:flex}.upload-wrap{max-width:980px;margin:0 auto}.upload-title{text-align:center;color:var(--dark-green);margin-bottom:4px;font-size:24px;font-weight:800}.upload-sub{text-align:center;color:var(--text-muted);margin-bottom:28px;font-size:13px}.upload-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px;display:grid}.dropzone{background:var(--card-bg);border:2px dashed var(--accent-green);text-align:center;cursor:pointer;border-radius:10px;padding:22px 16px;transition:background .15s,border-color .15s;position:relative}.dropzone:hover,.dropzone.drag-over{border-color:var(--dark-green);background:#eef6f1}.dropzone.has-file{border-style:solid;border-color:var(--accent-green);background:#eef6f1}.dropzone.has-error{border-style:solid;border-color:var(--danger);background:#fdecea}.dropzone input{display:none}.dz-icon{margin-bottom:8px;font-size:30px;display:block}.dz-label{color:var(--dark-green);margin-bottom:4px;font-weight:700}.dz-hint{color:var(--text-muted);font-size:11.5px}.dz-file{color:var(--accent-green);word-break:break-all;margin-top:8px;font-size:11.5px;font-weight:600}.dz-error{color:var(--danger);margin-top:8px;font-size:11.5px;font-weight:600}.dz-rows{color:var(--text-muted);margin-top:2px;font-size:11px}.multi-dropzone-wrap{flex-direction:column;display:flex}.dropzone-multi{min-height:150px}.dz-hint-muted{opacity:.85;margin-top:6px;font-size:10.5px}.dz-hint-warning{color:var(--gold-dark);margin-top:8px;font-size:11px;font-weight:600}.multi-file-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.multi-file-row{border:1px solid var(--accent-green);background:#eef6f1;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.multi-file-row.has-error{border-color:var(--danger);background:#fdecea}.multi-file-info{flex-direction:column;gap:1px;min-width:0;display:flex}.multi-file-date{color:var(--dark-green);font-size:11.5px;font-weight:700}.multi-file-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:10.5px;overflow:hidden}.multi-file-status{color:var(--text-muted);font-size:10px}.multi-file-error{color:var(--danger);font-size:10.5px;font-weight:600}.multi-file-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:13px}.multi-file-remove:hover{background:var(--danger);color:#fff}.trend-chart-wrap{width:100%}.trend-legend{color:var(--text-dark);justify-content:center;gap:18px;margin-bottom:10px;font-size:11.5px;display:flex}.trend-legend-item{align-items:center;gap:6px;display:flex}.trend-legend-item .dot{border-radius:3px;width:12px;height:12px;display:inline-block}.trend-legend-item .dot-bar{background:var(--accent-green)}.trend-legend-item .dot-line{background:var(--gold-dark);border-radius:50%}.trend-chart-svg{width:100%;height:auto;display:block}.trend-bar-label{fill:var(--dark-green);font-size:9.5px;font-weight:700}.trend-bar-label-inside{fill:#fff}.trend-line-label{fill:var(--gold-dark);font-size:9.5px;font-weight:700}.trend-x-label{fill:var(--text-muted);font-size:10.5px}.banner{border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:12.5px}.banner-success{border:1px solid var(--accent-green);color:var(--dark-green);background:#e7f3ec}.banner-warning{border:1px solid var(--gold-dark);color:#6b4e00;background:#fdf3e3}.banner-error{border:1px solid var(--danger);color:var(--danger);background:#fdecea}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--dark-green);color:#fff}.btn-primary:not(:disabled):hover{opacity:.85}.btn-secondary{color:var(--dark-green);border:1.5px solid var(--dark-green);background:#fff}.btn-secondary:not(:disabled):hover{opacity:.75}.btn-gold{background:var(--gold);color:var(--dark-green)}.btn-gold:not(:disabled):hover{opacity:.85}.upload-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.dash-root{max-width:1400px;margin:0 auto}.dash-header{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px 24px;display:flex}.dash-header-logo{flex-shrink:0;height:56px}.dash-header-center{text-align:center;flex:1;min-width:240px}.dash-header-center h1{color:var(--dark-green);margin:0 0 6px;font-size:24px;font-weight:800}.dash-pill{background:var(--dark-green);color:#fff;border-radius:14px;margin-bottom:4px;padding:4px 14px;font-size:11px;font-weight:600;display:inline-block}.dash-header-sub{color:var(--text-muted);margin-top:4px;font-size:11.5px}.dash-header-badge{background:var(--dark-green);color:#fff;text-align:center;border-radius:6px;flex-shrink:0;min-width:150px;padding:10px 18px}.dash-header-badge .badge-label{opacity:.8;letter-spacing:.4px;font-size:10px}.dash-header-badge .badge-value{margin-top:2px;font-size:15px;font-weight:800}.toolbar{justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.filter-bar{background:var(--card-bg);border:1px solid var(--border);z-index:5;border-radius:10px;flex-wrap:wrap;gap:14px;margin-bottom:16px;padding:14px 20px;display:flex;position:sticky;top:8px}.filter-item{flex-direction:column;gap:4px;min-width:170px;display:flex}.filter-item label{color:var(--text-muted);letter-spacing:.3px;font-size:10.5px;font-weight:700}.filter-item select{border:1px solid var(--border);color:var(--text-dark);background:#fff;border-radius:6px;padding:7px 10px;font-family:inherit;font-size:12.5px}.filter-note{color:var(--text-muted);margin-top:2px;font-size:10px;font-style:italic}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.chip-toggle{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:14px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.chip-toggle.active{background:var(--dark-green);color:#fff;border-color:var(--dark-green)}.chip-toggle:not(.active):hover{border-color:var(--accent-green);color:var(--accent-green)}.kpi-row-label{color:var(--text-muted);letter-spacing:.4px;margin:4px 0 8px 2px;font-size:11px;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--border);border-top:4px solid var(--dark-green);border-radius:8px;padding:16px 18px}.kpi-card.kpi-risk{border-top-color:var(--danger)}.kpi-title{color:var(--text-muted);letter-spacing:.4px;margin-bottom:6px;font-size:10.5px;font-weight:700}.kpi-value{color:var(--dark-green);font-size:19px;font-weight:800;line-height:1.2}.kpi-value.pos{color:var(--kat-2)}.kpi-value.neg{color:var(--danger)}.kpi-sub{color:var(--text-muted);margin-top:6px;font-size:10.5px}.kpi-sub.pos{color:var(--kat-2);font-weight:700}.kpi-sub.neg{color:var(--danger);font-weight:700}.dash-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px;display:grid}.dash-grid.cols-2{grid-template-columns:repeat(2,1fr)}.dash-grid.cols-3{grid-template-columns:repeat(3,1fr)}.dash-grid.cols-4{grid-template-columns:repeat(4,1fr)}.dash-grid.cols-5{grid-template-columns:repeat(5,1fr)}@media (width<=760px){.dash-grid.cols-2,.dash-grid.cols-3,.dash-grid.cols-4,.dash-grid.cols-5{grid-template-columns:1fr}}@media (width<=1100px){.dash-grid.cols-3,.dash-grid.cols-4,.dash-grid.cols-5{grid-template-columns:repeat(2,1fr)}}@media (width>=1101px) and (width<=1400px){.dash-grid.cols-5{grid-template-columns:repeat(3,1fr)}}.dash-panel{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.dash-panel-header{background:var(--dark-green);color:#fff;letter-spacing:.5px;text-align:center;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:700;display:flex}.dash-panel-body{flex:1;padding:16px}.toggle-pill{background:#ffffff26;border-radius:14px;padding:2px;display:flex}.toggle-pill button{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:12px;padding:4px 12px;font-size:10.5px;font-weight:700}.toggle-pill button.active{background:var(--gold);color:var(--dark-green);opacity:1}.bar-dist-row{margin-bottom:12px}.bar-dist-label{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.bar-dist-label .name{color:var(--text-dark);font-weight:700}.bar-dist-label .val{color:var(--text-muted);font-size:11.5px}.bar-dist-track{background:#eef0ec;border-radius:5px;height:16px;overflow:hidden}.bar-dist-fill{border-radius:5px;height:100%}.topn-row{margin-bottom:10px}.topn-label{justify-content:space-between;margin-bottom:3px;font-size:12px;display:flex}.topn-label .name{color:var(--text-dark);font-weight:600}.topn-label .val{color:var(--dark-green);font-size:11.5px;font-weight:700}.topn-track{background:#eef0ec;border-radius:4px;height:10px;overflow:hidden}.topn-fill{background:var(--accent-green);border-radius:4px;height:100%}.topn-fill.danger{background:var(--danger)}.topn-fill.gold{background:var(--gold)}.topn-empty{color:var(--text-muted);text-align:center;padding:12px 0;font-size:12px}.topn-badge-new{background:var(--kat-2);color:#fff;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:700;display:inline-block}.baru-note{color:var(--text-muted);margin-top:8px;font-size:10.5px}.scrollable-container{max-height:480px;overflow:auto}.dash-table{border-collapse:collapse;width:100%;font-size:12px}.dash-table thead th{z-index:2;text-align:right;letter-spacing:.3px;white-space:nowrap;padding:8px 10px;font-size:10.5px;font-weight:700;position:sticky;top:0}.dash-table thead tr:first-child th{background:var(--dark-green);color:#fff}.dash-table thead tr:last-child th{background:var(--mid-green);color:#fff;font-size:10px}.dash-table thead th.col-name{text-align:left}.dash-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.dash-table thead th.sortable:hover{filter:brightness(1.1)}.sort-arrow{opacity:.85;margin-left:3px;font-size:9px}.dash-table tbody td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px}.dash-table tbody td.col-name{text-align:left;color:var(--dark-green);font-weight:700}.dash-table tbody tr:nth-child(2n){background:#f7f9f7}.dash-table tbody tr.row-total{font-weight:700;background:var(--gold)!important}.dash-table tbody tr.row-total td{color:var(--dark-green);border-bottom:none}.dash-footer{text-align:center;color:var(--text-muted);margin:24px 0 8px;font-size:11px}@page{size:A4 landscape;margin:8mm}@media print{.no-print{display:none!important}body *{visibility:hidden}#dash-print-area,#dash-print-area *{visibility:visible}#dash-print-area{width:100%;position:absolute;top:0;left:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.dash-panel,.kpi-card,.dash-table-section{break-inside:avoid;page-break-inside:avoid}.scrollable-container{max-height:none!important;overflow:visible!important}.filter-bar{position:static!important}}