:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:light){:root{--background:#fff;--foreground:#171717}}html,body{margin:0;padding:0;overflow:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.code-style{color:#d4d4d4;white-space:pre-line;background:#1e1e1e;border-radius:6px;padding:12px 16px;font-family:monospace;font-size:14px;line-height:1.5;overflow-x:auto}@media (prefers-color-scheme:light){html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}.libs-modal-container .modal-footer button disabled{opacity:.7;cursor:not-allowed}
:root{--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--success:#16a34a;--danger:#dc2626;--warning:#d97706;--info:#0284c7;--purple:#7c3aed;--border-light:#e2e8f0;--card-shadow:0 10px 30px #0f172a0f;--card-hover:0 18px 40px #0f172a1f}.win11-window .window-content:has(.dashboard-window){padding:0}.dashboard-window{min-height:100%;color:var(--text-main);background:radial-gradient(circle at 12% 0,#22d3ee2e,#0000 32%),radial-gradient(circle at 88% 10%,#fbbf242e,#0000 30%),linear-gradient(#f8fbff 0%,#eef4ff 55%,#f8fafc 100%);padding:20px}.dashboard-window h3{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:700}.dashboard-window .db-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.dashboard-window .header-copy .eyebrow{color:#0f766e;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-size:11px;font-weight:700}.dashboard-window .header-copy h3{margin-bottom:6px;font-size:1.5rem}.dashboard-window .header-copy p{color:var(--text-muted);font-size:.85rem}.dashboard-window .header-indicators{gap:10px;display:flex}.dashboard-window .mini-item{text-align:right;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:158px;box-shadow:var(--card-shadow);-ms-border-radius:6px;-o-border-radius:6px;background:#ffffffe0;border:1px solid #fff9;border-radius:6px;padding:10px 14px}.dashboard-window .mini-item small{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600;display:block}.dashboard-window .hero-card{color:#f8fafc;box-shadow:var(--card-hover);-ms-border-radius:8px;-o-border-radius:8px;background:linear-gradient(120deg,#0f172ae6,#1e40afe6),radial-gradient(circle at 12% 35%,#38bdf873,#0000 30%);border-radius:8px;justify-content:space-between;gap:20px;margin-bottom:20px;padding:22px;display:flex}.dashboard-window .hero-main p{opacity:.85;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:.75rem}.dashboard-window .hero-main h2{letter-spacing:-.02em;margin:0;font-size:2rem}.dashboard-window .hero-footnote{align-items:center;gap:10px;margin-top:10px;display:flex}.dashboard-window .hero-footnote small{color:#f8fafcd6}.dashboard-window .hero-metrics{grid-template-columns:1fr;gap:12px;min-width:280px;display:grid}.dashboard-window .hero-metrics div{background:#ffffff1c;border:1px solid #fff3;border-radius:14px;padding:12px 14px}.dashboard-window .hero-metrics small{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:4px;font-size:.7rem;display:block}.dashboard-window .hero-metrics strong{font-size:1.15rem}.dashboard-window .dashboard-toolbar{z-index:100;background:#f8fafc;margin-bottom:1.2rem;position:sticky;top:0}.dashboard-window .dashboard-toolbar.content-card{-ms-border-radius:8px;-o-border-radius:8px;background:#fff;border-radius:8px}.dashboard-window .toolbar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.dashboard-window .toolbar-grid label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:11px;font-weight:600;display:flex}.dashboard-window .toolbar-grid select{color:var(--text-main);background:#fff;border:1px solid #dbe2ea;border-radius:10px;outline:none;padding:8px 10px;font-size:12px}.dashboard-window .toolbar-meta{align-items:center;gap:8px;margin-top:10px;display:inline-flex}.dashboard-window .live-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #16a34a26}.dashboard-window .grid-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.dashboard-window .stat-card,.dashboard-window .content-card{box-shadow:var(--card-shadow);background:#ffffffeb;border:1px solid #ffffffe6}.dashboard-window .stat-card{-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;padding:18px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.dashboard-window .stat-card:hover{box-shadow:var(--card-hover);transform:translateY(-3px)}.dashboard-window .stat-card:before{content:"";width:4px;position:absolute;inset:0 auto 0 0}.dashboard-window .border-savings:before{background:var(--info)}.dashboard-window .border-deposit:before{background:var(--purple)}.dashboard-window .border-loan:before{background:var(--success)}.dashboard-window .border-pending:before{background:var(--warning)}.dashboard-window .border-tabungan:before{background:var(--info)}.dashboard-window .border-deposito:before{background:var(--purple)}.dashboard-window .border-pinjaman:before{background:var(--success)}.dashboard-window .border-par:before{background:var(--warning)}.dashboard-window .stat-card .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dashboard-window .stat-card .val{margin-bottom:4px;font-size:1.45rem}.dashboard-window .border-savings .val{color:var(--info)}.dashboard-window .border-deposit .val{color:var(--purple)}.dashboard-window .border-loan .val{color:var(--success)}.dashboard-window .border-pending .val{color:var(--danger)}.dashboard-window .border-tabungan .val{color:var(--info)}.dashboard-window .border-deposito .val{color:var(--purple)}.dashboard-window .border-pinjaman .val{color:var(--success)}.dashboard-window .border-par .val{color:var(--danger)}.dashboard-window .subtext,.dashboard-window .trend{color:var(--text-muted);font-size:12px}.dashboard-window .target-chip{border-radius:999px;align-items:center;margin:2px 0 6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-window .target-chip.success{color:#166534;background:#dcfce7}.dashboard-window .target-chip.warning{color:#92400e;background:#fef3c7}.dashboard-window .target-chip.danger{color:#991b1b;background:#fee2e2}.dashboard-window .target-chip.info{color:#075985;background:#e0f2fe}.dashboard-window .mini-progress{background:#e2e8f0;border-radius:999px;height:7px;margin-top:10px;overflow:hidden}.dashboard-window .mini-progress span{border-radius:inherit;background:linear-gradient(90deg,#06b6d4,#2563eb);height:100%;display:block}.dashboard-window .performance-grid,.dashboard-window .chart-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.dashboard-window .chart-grid .content-card{min-width:0}.dashboard-window .main-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.dashboard-window .ops-grid,.dashboard-window .approval-grid,.dashboard-window .insight-grid{grid-template-columns:1.1fr 1.1fr 1fr;align-items:stretch;gap:14px;margin-bottom:14px;display:grid}.dashboard-window .ops-grid .content-card,.dashboard-window .approval-grid .content-card,.dashboard-window .insight-grid .content-card{flex-direction:column;height:100%;display:flex}.dashboard-window .content-card{-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;padding:18px}.dashboard-window .info-section h3{margin-bottom:10px}.dashboard-window .info-section h3:not(:first-child){margin-top:4px}.dashboard-window .info-card h3{margin-bottom:10px}.dashboard-window .agenda-list,.dashboard-window .branch-list,.dashboard-window .info-section .progress-item:last-child{margin-bottom:12px}.dashboard-window .section-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.dashboard-window .date-tag{color:#1e40af;background:#dbeafe;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.dashboard-window .pl-container{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.dashboard-window .pl-item{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.dashboard-window .pl-item.divider{border-top:1px dashed #cbd5e1;padding-top:10px;font-weight:700}.dashboard-window .success{color:var(--success)}.dashboard-window .danger{color:var(--danger)}.dashboard-window .warning{color:var(--warning)}.dashboard-window .cf-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.dashboard-window .cf-item{border-radius:12px;padding:12px 10px}.dashboard-window .cf-item small{margin-bottom:4px;font-size:11px;display:block}.dashboard-window .cf-item p{margin:0;font-size:1.1rem;font-weight:700}.dashboard-window .cf-item.in{color:#166534;background:#ecfdf3}.dashboard-window .cf-item.out{color:#991b1b;background:#fef2f2}.dashboard-window .cf-item.balance{color:#1e3a8a;background:#eff6ff}.dashboard-window .status-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.dashboard-window .status-row small{color:var(--text-muted);font-size:11px}.dashboard-window .styled-table{border-collapse:collapse;width:100%}.dashboard-window .styled-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);padding:10px 12px;font-size:11px}.dashboard-window .styled-table td{border-bottom:1px solid #eef2f7;padding:12px;font-size:13px}.dashboard-window .styled-table tbody tr:hover{background:#f8fafc}.dashboard-window .text-right{text-align:right}.dashboard-window .agenda-item{background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:12px;display:flex}.dashboard-window .agenda-item.warning{border-left-color:var(--warning)}.dashboard-window .agenda-item.purple{border-left-color:var(--purple)}.dashboard-window .btn-action{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:700}.dashboard-window .btn-action.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dashboard-window .btn-action.primary{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.dashboard-window .btn-link{color:#1d4ed8;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.dashboard-window .chart-mode-toggle{border:1px solid #dbe2ea;border-radius:8px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.dashboard-window .btn-toggle{color:#475569;cursor:pointer;background:#fff;border:none;padding:4px 10px;font-size:11px;font-weight:700}.dashboard-window .btn-toggle.active{color:#1e40af;background:#dbeafe}.dashboard-window .chart-legend-select{color:#475569;background:#fff;border:none;border-left:1px solid #dbe2ea;outline:none;padding:4px 8px;font-size:11px;font-weight:700}.dashboard-window .quick-actions{gap:8px;margin-top:10px;display:flex}.dashboard-window .db-divider{border:none;border-top:1px solid #e2e8f0;margin:14px 0}.dashboard-window .progress-item{margin-bottom:10px}.dashboard-window .progress-label{justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.dashboard-window .progress-bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.dashboard-window .progress-fill{border-radius:inherit;height:100%}.dashboard-window .bg-success{background-color:var(--success)}.dashboard-window .bg-warning{background-color:var(--warning)}.dashboard-window .bg-danger{background-color:var(--danger)}.dashboard-window .branch-list{flex-direction:column;gap:8px;display:flex}.dashboard-window .branch-item{background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;display:flex}.dashboard-window .inline-note{color:#1e3a8a;background:#eff6ff;border-radius:10px;margin-top:1rem;padding:10px 12px;font-size:12px}.dashboard-window .sla-card .inline-note{margin-top:auto}.dashboard-window .alert-list,.dashboard-window .pipeline-list,.dashboard-window .projection-list{flex-direction:column;gap:8px;display:flex}.dashboard-window .projection-list+.progress-item{margin-top:12px}.dashboard-window .alert-item,.dashboard-window .pipeline-item,.dashboard-window .projection-item{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.dashboard-window .alert-item strong,.dashboard-window .pipeline-item strong,.dashboard-window .projection-item strong{font-size:13px}.dashboard-window .alert-item small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.dashboard-window .pipeline-item span,.dashboard-window .projection-item span{color:var(--text-muted);font-size:12px}.dashboard-window .projection-item.total{background:#eff6ff;border-color:#dbeafe}.dashboard-window .queue-list,.dashboard-window .sla-list,.dashboard-window .risk-list,.dashboard-window .activity-list{flex-direction:column;gap:8px;display:flex}.dashboard-window .queue-item,.dashboard-window .sla-item,.dashboard-window .risk-item,.dashboard-window .activity-item{-ms-border-radius:5px;-o-border-radius:5px;background:#f8fafc;border:1px solid #eef2f7;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.dashboard-window .queue-item span,.dashboard-window .sla-item span,.dashboard-window .risk-item span{color:var(--text-muted);font-size:12px}.dashboard-window .queue-item strong,.dashboard-window .sla-item strong,.dashboard-window .risk-item strong{font-size:13px}.dashboard-window .queue-aging{margin-top:10px}.dashboard-window .queue-aging .progress-item:last-child{margin-bottom:0}.dashboard-window .funnel-list{flex-direction:column;gap:10px;display:flex}.dashboard-window .funnel-item .progress-bar{margin-top:6px}.dashboard-window .funnel-head{justify-content:space-between;align-items:center;font-size:12px;display:flex}.dashboard-window .funnel-head span{color:var(--text-muted)}.dashboard-window .activity-item{align-items:flex-start}.dashboard-window .activity-item strong{font-size:13px}.dashboard-window .activity-item small{color:var(--text-muted);margin-top:2px;font-size:11px;display:block}.dashboard-window .activity-item span{color:#1e40af;font-size:11px;font-weight:700}.dashboard-window .action-feed{margin-top:14px}.dashboard-window .status-pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.dashboard-window .status-pill.info{color:#075985;background:#e0f2fe}.dashboard-window .status-pill.success{color:#166534;background:#dcfce7}.dashboard-window .status-pill.warning{color:#92400e;background:#fef3c7}.dashboard-window .status-pill.danger{color:#991b1b;background:#fee2e2}@media (max-width:1200px){.dashboard-window .grid-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-window .toolbar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-window .ops-grid,.dashboard-window .chart-grid{grid-template-columns:1fr}.dashboard-window .approval-grid,.dashboard-window .insight-grid{grid-template-columns:1fr 1fr}.dashboard-window .main-grid{grid-template-columns:1fr}}@media (max-width:900px){.dashboard-window{padding:16px}.dashboard-window .db-header,.dashboard-window .hero-card,.dashboard-window .performance-grid{flex-direction:column;grid-template-columns:1fr}.dashboard-window .header-indicators{flex-direction:column;width:100%}.dashboard-window .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));min-width:100%}.dashboard-window .cf-summary{grid-template-columns:1fr}}@media (max-width:640px){.dashboard-window .grid-stats,.dashboard-window .hero-metrics,.dashboard-window .approval-grid,.dashboard-window .insight-grid,.dashboard-window .toolbar-grid{grid-template-columns:1fr}.dashboard-window .styled-table{min-width:720px}.dashboard-window .table-section{overflow-x:auto}}