@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:var(--d-ink-2);--color-pad:#047857;--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:#b45309;--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;--d-ink:#0f172a;--d-ink-2:#1e293b;--d-ink-3:#334155;--d-ink-4:#475569;--d-ink-5:#5b6775;--d-ink-6:#64748b;--glass-bg:rgba(255,255,255,0.6);--glass-border:rgba(255,255,255,0.35);--glass-hover:rgba(255,255,255,0.8);--glass-hover-border:rgba(255,255,255,0.5);--glass-sheen:rgba(255,255,255,0.6);--glass-bar:rgba(255,255,255,0.55);--glass-bar-border:rgba(255,255,255,0.4);--glass-chip:rgba(255,255,255,0.5);--glass-input:rgba(255,255,255,0.85);--glass-input-hover:rgba(255,255,255,0.95);--glass-thead:rgba(255,255,255,0.92);--glass-thead-soft:rgba(255,255,255,0.9);--hairline:rgba(0,0,0,0.04);--hairline-2:rgba(0,0,0,0.06);--hairline-3:rgba(0,0,0,0.12);--track:rgba(0,0,0,0.05);--row-hover:rgba(124,58,237,0.03);--row-hover-strong:rgba(124,58,237,0.05);--hero-amount-from:#0f172a;--hero-amount-to:#334155;--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;--rd-color-pad:#34d399;--rd-color-pad-light:#6ee7b7;--rd-color-pad-bg:rgba(52,211,153,0.14);--rd-color-transfer:#60a5fa;--rd-color-transfer-light:#93c5fd;--rd-color-transfer-bg:rgba(96,165,250,0.14);--rd-color-lainnya:#fbbf24;--rd-color-lainnya-light:#fcd34d;--rd-color-lainnya-bg:rgba(251,191,36,0.14);--rd-color-danger:#f87171;--rd-color-danger-light:#fca5a5;--rd-color-total:#a78bfa;--rd-color-total-light:#c4b5fd;--rd-d-ink:#f1f5f9;--rd-d-ink-2:#e2e8f0;--rd-d-ink-3:#cbd5e1;--rd-d-ink-4:#b0bccd;--rd-d-ink-5:#94a3b8;--rd-d-ink-6:#7c8899;--rd-glass-bg:rgba(255,255,255,0.05);--rd-glass-border:rgba(255,255,255,0.09);--rd-glass-hover:rgba(255,255,255,0.09);--rd-glass-hover-border:rgba(255,255,255,0.16);--rd-glass-sheen:rgba(255,255,255,0.14);--rd-glass-bar:rgba(255,255,255,0.05);--rd-glass-bar-border:rgba(255,255,255,0.09);--rd-glass-chip:rgba(255,255,255,0.07);--rd-glass-input:rgba(255,255,255,0.08);--rd-glass-input-hover:rgba(255,255,255,0.13);--rd-glass-thead:rgba(26,29,35,0.92);--rd-glass-thead-soft:rgba(26,29,35,0.9);--rd-hairline:rgba(255,255,255,0.07);--rd-hairline-2:rgba(255,255,255,0.1);--rd-hairline-3:rgba(255,255,255,0.18);--rd-track:rgba(255,255,255,0.08);--rd-row-hover:rgba(167,139,250,0.1);--rd-row-hover-strong:rgba(167,139,250,0.16);--rd-hero-amount-from:#f1f5f9;--rd-hero-amount-to:#cbd5e1;--rd-shadow-sm:0 1px 2px rgba(0,0,0,0.4);--rd-shadow-md:0 4px 16px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.3);--rd-shadow-lg:0 8px 32px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.35)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .realisasi-dashboard{--color-pad:var(--rd-color-pad);--color-pad-light:var(--rd-color-pad-light);--color-pad-bg:var(--rd-color-pad-bg);--color-transfer:var(--rd-color-transfer);--color-transfer-light:var(--rd-color-transfer-light);--color-transfer-bg:var(--rd-color-transfer-bg);--color-lainnya:var(--rd-color-lainnya);--color-lainnya-light:var(--rd-color-lainnya-light);--color-lainnya-bg:var(--rd-color-lainnya-bg);--color-danger:var(--rd-color-danger);--color-danger-light:var(--rd-color-danger-light);--color-total:var(--rd-color-total);--color-total-light:var(--rd-color-total-light);--d-ink:var(--rd-d-ink);--d-ink-2:var(--rd-d-ink-2);--d-ink-3:var(--rd-d-ink-3);--d-ink-4:var(--rd-d-ink-4);--d-ink-5:var(--rd-d-ink-5);--d-ink-6:var(--rd-d-ink-6);--glass-bg:var(--rd-glass-bg);--glass-border:var(--rd-glass-border);--glass-hover:var(--rd-glass-hover);--glass-hover-border:var(--rd-glass-hover-border);--glass-sheen:var(--rd-glass-sheen);--glass-bar:var(--rd-glass-bar);--glass-bar-border:var(--rd-glass-bar-border);--glass-chip:var(--rd-glass-chip);--glass-input:var(--rd-glass-input);--glass-input-hover:var(--rd-glass-input-hover);--glass-thead:var(--rd-glass-thead);--glass-thead-soft:var(--rd-glass-thead-soft);--hairline:var(--rd-hairline);--hairline-2:var(--rd-hairline-2);--hairline-3:var(--rd-hairline-3);--track:var(--rd-track);--row-hover:var(--rd-row-hover);--row-hover-strong:var(--rd-row-hover-strong);--hero-amount-from:var(--rd-hero-amount-from);--hero-amount-to:var(--rd-hero-amount-to);--shadow-sm:var(--rd-shadow-sm);--shadow-md:var(--rd-shadow-md);--shadow-lg:var(--rd-shadow-lg)}}:root[data-theme=dark] .realisasi-dashboard{--color-pad:var(--rd-color-pad);--color-pad-light:var(--rd-color-pad-light);--color-pad-bg:var(--rd-color-pad-bg);--color-transfer:var(--rd-color-transfer);--color-transfer-light:var(--rd-color-transfer-light);--color-transfer-bg:var(--rd-color-transfer-bg);--color-lainnya:var(--rd-color-lainnya);--color-lainnya-light:var(--rd-color-lainnya-light);--color-lainnya-bg:var(--rd-color-lainnya-bg);--color-danger:var(--rd-color-danger);--color-danger-light:var(--rd-color-danger-light);--color-total:var(--rd-color-total);--color-total-light:var(--rd-color-total-light);--d-ink:var(--rd-d-ink);--d-ink-2:var(--rd-d-ink-2);--d-ink-3:var(--rd-d-ink-3);--d-ink-4:var(--rd-d-ink-4);--d-ink-5:var(--rd-d-ink-5);--d-ink-6:var(--rd-d-ink-6);--glass-bg:var(--rd-glass-bg);--glass-border:var(--rd-glass-border);--glass-hover:var(--rd-glass-hover);--glass-hover-border:var(--rd-glass-hover-border);--glass-sheen:var(--rd-glass-sheen);--glass-bar:var(--rd-glass-bar);--glass-bar-border:var(--rd-glass-bar-border);--glass-chip:var(--rd-glass-chip);--glass-input:var(--rd-glass-input);--glass-input-hover:var(--rd-glass-input-hover);--glass-thead:var(--rd-glass-thead);--glass-thead-soft:var(--rd-glass-thead-soft);--hairline:var(--rd-hairline);--hairline-2:var(--rd-hairline-2);--hairline-3:var(--rd-hairline-3);--track:var(--rd-track);--row-hover:var(--rd-row-hover);--row-hover-strong:var(--rd-row-hover-strong);--hero-amount-from:var(--rd-hero-amount-from);--hero-amount-to:var(--rd-hero-amount-to);--shadow-sm:var(--rd-shadow-sm);--shadow-md:var(--rd-shadow-md);--shadow-lg:var(--rd-shadow-lg)}.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,var(--glass-sheen),transparent);pointer-events:none}.glass-card:hover{background:var(--glass-hover);box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--glass-hover-border)}.dashboard-filter-bar{justify-content:space-between;gap:1rem;background:var(--glass-bar);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border:1px solid var(--glass-bar-border);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:var(--glass-input);border:1.5px solid var(--hairline-2);color:var(--d-ink-3);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:var(--glass-input-hover);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:var(--d-ink-5);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 var(--glass-chip)}.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:var(--d-ink);margin-bottom:.5rem;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--hero-amount-from) 0,var(--hero-amount-to) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-target{font-size:.9rem;color:var(--d-ink-5)}.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:var(--glass-chip);border-radius:var(--radius-sm);border:1px solid var(--glass-bar-border)}.hero-stat-value{font-size:1.4rem;font-weight:700;font-family:JetBrains Mono,monospace}.hero-stat-label{font-size:.72rem;color:var(--d-ink-5);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.progress-bar-container{width:100%;height:8px;background:var(--track);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 0,var(--glass-chip) 50%,transparent 100%);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;align-items:start}.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:var(--d-ink-5);margin-bottom:.375rem;font-weight:500}.summary-card-amount{font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:700;color:var(--d-ink);margin-bottom:.375rem;letter-spacing:-.01em}.summary-card-target{font-size:.75rem;color:var(--d-ink-6);font-weight:500}.summary-card-toggle{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;padding:.32rem .7rem;font-family:inherit;font-size:.72rem;font-weight:600;color:var(--d-ink-5);background:var(--glass-bar);border:1px solid var(--hairline-2);border-radius:999px;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease}.summary-card-toggle:hover{color:var(--d-ink-3);background:var(--glass-input-hover);border-color:var(--hairline-3)}.summary-card-toggle:focus-visible{outline:2px solid #2a78d6;outline-offset:2px}.summary-card-toggle svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.summary-card-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.summary-card-breakdown{max-height:0;margin-top:0;opacity:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease,margin-top .25s ease}.summary-card-breakdown.open{max-height:460px;margin-top:.9rem;opacity:1}.breakdown-row{padding-top:.7rem;margin-top:.7rem;border-top:1px solid var(--track)}.breakdown-row:first-child{padding-top:0;margin-top:0;border-top:none}.breakdown-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.breakdown-name{font-size:.75rem;font-weight:600;color:var(--d-ink-4);line-height:1.35}.breakdown-pct{font-weight:700;white-space:nowrap}.breakdown-amount,.breakdown-pct{font-size:.72rem;font-family:JetBrains Mono,monospace}.breakdown-amount{margin-top:.15rem;color:var(--d-ink-5)}.breakdown-bar{height:4px;margin-top:.4rem}.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:var(--glass-chip)}.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:var(--d-ink-2);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:var(--hairline);border-radius:3px}.detail-table-wrapper::-webkit-scrollbar-thumb{background:var(--hairline-3);border-radius:3px}.detail-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--hairline-3)}.detail-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem}.detail-table thead th{text-align:left;padding:.875rem 1rem;color:var(--d-ink-4);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--hairline-2);position:sticky;top:0;background:var(--glass-thead);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.detail-table thead th:not(:first-child){text-align:right}.detail-table tbody th,.detail-table td{padding:.65rem 1rem;border-bottom:1px solid var(--hairline);color:var(--d-ink-3);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 tbody th,.detail-table tr:hover td{background:var(--row-hover)}.detail-table tr:last-child tbody th,.detail-table tr:last-child td{border-bottom:none}.row-level-0{font-weight:700;font-size:.9rem;color:var(--d-ink)}.row-level-1{padding-left:1.5rem!important;font-weight:600;color:var(--d-ink-2)}.row-level-2{padding-left:2.5rem!important;color:var(--d-ink-3)}.row-level-3{padding-left:3.5rem!important;color:var(--d-ink-4)}.row-level-4{padding-left:4.5rem!important;color:var(--d-ink-5);font-size:.78rem}:where(.detail-table tbody,.chart-details-table tbody) th{text-align:left;font-weight:400}.row-expandable{cursor:pointer}.row-expandable:hover td,.row-expandable:hover th{background:var(--row-hover-strong)!important}.expand-icon{display:inline-block;width:16px;margin-right:.4rem;transition:transform .25s cubic-bezier(.4,0,.2,1);color:var(--d-ink-6);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:var(--row-hover-strong);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:var(--hairline)}.chart-details-container::-webkit-scrollbar-thumb{background:var(--hairline-2);border-radius:4px}.chart-details-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem}.chart-details-table thead th{text-align:left;padding:.5rem;color:var(--d-ink-5);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--hairline);position:sticky;top:0;background:var(--glass-thead-soft);backdrop-filter:blur(4px)}.chart-details-table tbody th,.chart-details-table td{padding:.5rem;border-bottom:1px solid var(--hairline);color:var(--d-ink-3);transition:background .15s ease}.chart-details-table td:not(:first-child),.chart-details-table thead 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 tbody th,.chart-details-table tr:hover td{background:var(--row-hover)}.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)}}