@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap");.realisasi-dashboard{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1e293b;--color-pad:#059669;--color-pad-light:#34d399;--color-pad-bg:rgba(5,150,105,0.08);--color-transfer:#2563eb;--color-transfer-light:#60a5fa;--color-transfer-bg:rgba(37,99,235,0.08);--color-lainnya:#d97706;--color-lainnya-light:#fbbf24;--color-lainnya-bg:rgba(217,119,6,0.08);--color-danger:#dc2626;--color-danger-light:#f87171;--color-total:#7c3aed;--color-total-light:#a78bfa;--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(255,255,255,0.35);--glass-hover:rgba(255,255,255,0.8);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 16px rgba(0,0,0,0.06),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 8px 32px rgba(0,0,0,0.08),0 2px 6px rgba(0,0,0,0.04);--shadow-glow-purple:0 4px 24px rgba(124,58,237,0.12);--shadow-glow-green:0 4px 24px rgba(5,150,105,0.1);--shadow-glow-blue:0 4px 24px rgba(37,99,235,0.1);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:1.5rem;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);pointer-events:none}.glass-card:hover{background:var(--glass-hover);box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:rgba(255,255,255,.5)}.dashboard-filter-bar{justify-content:space-between;gap:1rem;background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);padding:.875rem 1.5rem;box-shadow:var(--shadow-sm)}.dashboard-filter-bar,.dashboard-filters{display:flex;align-items:center;flex-wrap:wrap}.dashboard-filters{gap:.75rem}.filter-select{background:rgba(255,255,255,.85);border:1.5px solid rgba(0,0,0,.08);color:#334155;padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-appearance:none}.filter-select:hover{border-color:rgba(124,58,237,.3);background:rgba(255,255,255,.95);box-shadow:0 0 0 3px rgba(124,58,237,.06)}.filter-select:focus{border-color:var(--color-total);box-shadow:0 0 0 3px rgba(124,58,237,.12)}.sync-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b;font-weight:500}.sync-dot{width:8px;height:8px;background:var(--color-pad);border-radius:50%;box-shadow:0 0 8px rgba(5,150,105,.4);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px rgba(5,150,105,.4)}50%{opacity:.7;transform:scale(1.4);box-shadow:0 0 16px rgba(5,150,105,.6)}}.dashboard-content{max-width:1600px;margin:0 auto;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:1.5rem}.hero-card{background:linear-gradient(135deg,rgba(124,58,237,.06),rgba(59,130,246,.06) 50%,rgba(16,185,129,.04));border:1px solid rgba(124,58,237,.12);border-radius:var(--radius-xl);padding:2.25rem 2.5rem;position:relative;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.5)}.hero-card:before{top:-60%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.06) 0,transparent 60%);animation:float-orb 8s ease-in-out infinite}.hero-card:after,.hero-card:before{content:"";position:absolute;pointer-events:none}.hero-card:after{bottom:-40%;left:-10%;width:350px;height:350px;background:radial-gradient(circle,rgba(59,130,246,.05) 0,transparent 60%);animation:float-orb 10s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-10px) scale(1.05)}66%{transform:translate(-10px,8px) scale(.95)}}.hero-card-content{position:relative;z-index:1}.hero-label{font-size:.8rem;font-weight:600;color:var(--color-total);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.hero-label:before{content:"";display:inline-block;width:20px;height:3px;background:linear-gradient(90deg,var(--color-total),var(--color-total-light));border-radius:2px}.hero-amount{font-family:JetBrains Mono,monospace;font-size:2.75rem;font-weight:800;color:#0f172a;margin-bottom:.5rem;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-target{font-size:.9rem;color:#64748b}.hero-target span{color:var(--color-total);font-weight:600}.hero-stats{display:flex;gap:1.5rem;margin-top:1.25rem;flex-wrap:wrap}.hero-stat{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.5);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.4)}.hero-stat-value{font-size:1.4rem;font-weight:700;font-family:JetBrains Mono,monospace}.hero-stat-label{font-size:.72rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.progress-bar-container{width:100%;height:8px;background:rgba(0,0,0,.05);border-radius:99px;overflow:hidden;margin-top:1rem;position:relative}.progress-bar-fill{height:100%;border-radius:99px;transition:width 1.8s cubic-bezier(.22,1,.36,1);position:relative}.progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent);animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.summary-card{padding:1.5rem;position:relative;overflow:hidden;border-radius:var(--radius-md)}.summary-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--radius-md) var(--radius-md);opacity:0;transition:opacity .35s ease}.summary-card:hover:after{opacity:1}.summary-card:first-child:after{background:linear-gradient(90deg,var(--color-pad),var(--color-pad-light))}.summary-card:nth-child(2):after{background:linear-gradient(90deg,var(--color-transfer),var(--color-transfer-light))}.summary-card:nth-child(3):after{background:linear-gradient(90deg,var(--color-lainnya),var(--color-lainnya-light))}.summary-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:.875rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.summary-card:hover .summary-card-icon{transform:scale(1.08) rotate(-3deg)}.summary-card-label{font-size:.82rem;color:#64748b;margin-bottom:.375rem;font-weight:500}.summary-card-amount{font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:.375rem;letter-spacing:-.01em}.summary-card-target{font-size:.75rem;color:#94a3b8;font-weight:500}.summary-card-percentage{position:absolute;top:1.5rem;right:1.5rem;font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700;padding:.25rem .6rem;border-radius:8px;background:rgba(255,255,255,.5)}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.chart-card{min-height:350px;border-radius:var(--radius-md)}.chart-card-title{font-size:.95rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.chart-card-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--color-total),var(--color-transfer));border-radius:2px;flex-shrink:0}.chart-container{position:relative;width:100%;height:280px}.detail-table-wrapper{overflow-x:auto;border-radius:12px}.detail-table-wrapper::-webkit-scrollbar{height:6px}.detail-table-wrapper::-webkit-scrollbar-track{background:rgba(0,0,0,.03);border-radius:3px}.detail-table-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}.detail-table-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}.detail-table th{text-align:left;padding:.875rem 1rem;color:#475569;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid rgba(0,0,0,.06);position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.detail-table th:not(:first-child){text-align:right}.detail-table td{padding:.65rem 1rem;border-bottom:1px solid rgba(0,0,0,.04);color:#334155;transition:background .15s ease}.detail-table td:not(:first-child){text-align:right;font-family:JetBrains Mono,monospace;font-size:.78rem}.detail-table tr:hover td{background:rgba(124,58,237,.03)}.detail-table tr:last-child td{border-bottom:none}.row-level-0{font-weight:700;font-size:.9rem;color:#0f172a}.row-level-1{padding-left:1.5rem!important;font-weight:600;color:#1e293b}.row-level-2{padding-left:2.5rem!important;color:#334155}.row-level-3{padding-left:3.5rem!important;color:#475569}.row-level-4{padding-left:4.5rem!important;color:#64748b;font-size:.78rem}.row-expandable{cursor:pointer}.row-expandable:hover td{background:rgba(124,58,237,.05)!important}.expand-icon{display:inline-block;width:16px;margin-right:.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1);color:#94a3b8;font-size:.65rem}.expand-icon.expanded{transform:rotate(90deg);color:var(--color-total)}.percentage-badge{display:inline-block;padding:.2rem .6rem;border-radius:8px;font-size:.72rem;font-weight:600;font-family:JetBrains Mono,monospace;transition:transform .2s ease}.percentage-badge:hover{transform:scale(1.05)}.percentage-badge.good{background:linear-gradient(135deg,rgba(5,150,105,.1),rgba(52,211,153,.08));color:var(--color-pad)}.percentage-badge.warning{background:linear-gradient(135deg,rgba(217,119,6,.1),rgba(251,191,36,.08));color:var(--color-lainnya)}.percentage-badge.danger{background:linear-gradient(135deg,rgba(220,38,38,.1),rgba(248,113,113,.08));color:var(--color-danger)}.mono{font-family:JetBrains Mono,monospace}.text-pad{color:var(--color-pad)}.text-transfer{color:var(--color-transfer)}.text-lainnya{color:var(--color-lainnya)}.text-danger{color:var(--color-danger)}.text-total{color:var(--color-total)}.bg-pad{background:var(--color-pad-bg)}.bg-transfer{background:var(--color-transfer-bg)}.bg-lainnya{background:var(--color-lainnya-bg)}.gradient-pad{background:linear-gradient(90deg,var(--color-pad),var(--color-pad-light))}.gradient-transfer{background:linear-gradient(90deg,var(--color-transfer),var(--color-transfer-light))}.gradient-lainnya{background:linear-gradient(90deg,var(--color-lainnya),var(--color-lainnya-light))}.gradient-total{background:linear-gradient(90deg,var(--color-total),var(--color-total-light))}.gradient-danger{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-light))}@keyframes countUp{0%{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.animate-count{animation:countUp .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.summary-grid .summary-card{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.summary-grid .summary-card:first-child{animation-delay:.05s}.summary-grid .summary-card:nth-child(2){animation-delay:.12s}.summary-grid .summary-card:nth-child(3){animation-delay:.19s}.charts-grid .glass-card{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0}.charts-grid .glass-card:first-child{animation-delay:.1s}.charts-grid .glass-card:nth-child(2){animation-delay:.18s}.charts-grid .glass-card:nth-child(3){animation-delay:.26s}.charts-grid .glass-card:nth-child(4){animation-delay:.34s}.loading-indicator{position:fixed;top:0;right:0;left:0;height:3px;z-index:200;overflow:hidden;background:rgba(124,58,237,.08)}.loading-indicator:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--color-total),var(--color-total-light),transparent);animation:loading-slide 1.2s ease-in-out infinite;border-radius:2px}@keyframes loading-slide{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.chart-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.btn-toggle-details{background:rgba(124,58,237,.05);border:1px solid rgba(124,58,237,.15);color:var(--color-total);padding:.35rem .75rem;border-radius:20px;font-size:.72rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s ease;font-family:Inter,sans-serif;letter-spacing:.02em}.btn-toggle-details:hover{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3);transform:translateY(-1px)}.btn-toggle-details svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-toggle-details.active{background:linear-gradient(135deg,var(--color-total),var(--color-total-light));color:white;border-color:transparent;box-shadow:0 2px 8px rgba(124,58,237,.25)}.btn-toggle-details.active svg{transform:rotate(180deg)}.chart-details-container{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,margin-top .3s ease;opacity:0;margin-top:0}.chart-details-container.open{max-height:400px;opacity:1;margin-top:1.5rem;overflow-y:auto}.chart-details-container::-webkit-scrollbar{width:4px}.chart-details-container::-webkit-scrollbar-track{background:rgba(0,0,0,.02)}.chart-details-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.chart-details-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem}.chart-details-table th{text-align:left;padding:.5rem;color:#64748b;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid rgba(0,0,0,.04);position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(4px)}.chart-details-table td{padding:.5rem;border-bottom:1px solid rgba(0,0,0,.03);color:#334155;transition:background .15s ease}.chart-details-table td:not(:first-child),.chart-details-table th:not(:first-child){text-align:right}.chart-details-table td:not(:first-child){font-family:JetBrains Mono,monospace;font-weight:500}.chart-details-table tr:hover td{background:rgba(124,58,237,.03)}.color-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.5rem}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.hero-amount{font-size:1.8rem}.dashboard-content{padding:1rem}}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.hero-card{padding:1.5rem;border-radius:var(--radius-md)}.hero-amount{font-size:1.4rem}.hero-stats{flex-direction:column;gap:.75rem}.dashboard-filter-bar{flex-direction:column;align-items:flex-start}.glass-card{border-radius:var(--radius-sm)}}