@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=IBM+Plex+Serif&display=swap);#respon-banner[data-v-7a2df810]{background-position:50%;background-size:cover;background:-webkit-gradient(linear,left top,left bottom,from(#003e29),to(hsla(0,0%,100%,.822)));background:linear-gradient(180deg,#003e29,hsla(0,0%,100%,.822));font-family:"IBM Plex Serif",serif}h2[data-v-7a2df810]{color:#fff;font-size:38px;text-shadow:0 4px 4px rgba(0,0,0,.15),0 10px 10px rgba(0,0,0,.05)}.stats-page[data-v-1eb2c106]{background:#f5f7f6;min-height:100vh;padding:24px 0 60px;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif}.filter-bar[data-v-1eb2c106]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:16px;margin-bottom:24px}.filter-bar[data-v-1eb2c106],.filter-left[data-v-1eb2c106]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-left[data-v-1eb2c106]{gap:12px}.page-title[data-v-1eb2c106]{font-size:1.4rem;font-weight:700;color:#1a1a1a;margin:0}.periode-badge[data-v-1eb2c106]{padding:4px 12px;background:#e8f5e9;color:#2e7d32;border-radius:16px;font-size:.75rem;font-weight:600}.filter-actions[data-v-1eb2c106]{gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-actions[data-v-1eb2c106],.filter-select[data-v-1eb2c106]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.filter-select[data-v-1eb2c106]{gap:8px}.filter-select label[data-v-1eb2c106]{font-size:.85rem;color:#666;margin:0;white-space:nowrap}.filter-select select[data-v-1eb2c106]{padding:8px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:.85rem;color:#1a1a1a;cursor:pointer;outline:none;-webkit-transition:border-color .2s;transition:border-color .2s;min-width:160px}.filter-select select[data-v-1eb2c106]:focus{border-color:#003e29}.btn-refresh[data-v-1eb2c106]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:.85rem;font-weight:500;color:#333;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.btn-refresh[data-v-1eb2c106]:hover{border-color:#003e29;color:#003e29}.btn-refresh[data-v-1eb2c106]:disabled{opacity:.6;cursor:wait}.kpi-strip[data-v-1eb2c106]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px}.kpi-card[data-v-1eb2c106]{background:#fff;border-radius:14px;padding:18px;gap:12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04)}.kpi-card[data-v-1eb2c106],.kpi-icon[data-v-1eb2c106]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.kpi-icon[data-v-1eb2c106]{width:42px;height:42px;border-radius:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-ms-flex-negative:0;flex-shrink:0}.bg-green[data-v-1eb2c106]{background:#e8f5e9;color:#2e7d32}.bg-blue[data-v-1eb2c106]{background:#e3f2fd;color:#1565c0}.bg-orange[data-v-1eb2c106]{background:#fff3e0;color:#e65100}.bg-red[data-v-1eb2c106]{background:#fce4ec;color:#c62828}.bg-purple[data-v-1eb2c106]{background:#f3e5f5;color:#6a1b9a}.kpi-data[data-v-1eb2c106]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kpi-value[data-v-1eb2c106]{font-size:1.2rem;font-weight:700;color:#1a1a1a;line-height:1.2}.kpi-label[data-v-1eb2c106]{font-size:.72rem;color:#888;margin-top:2px}.skeleton[data-v-1eb2c106]{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer-data-v-1eb2c106 1.5s infinite;animation:shimmer-data-v-1eb2c106 1.5s infinite;border-radius:6px}.skeleton-icon[data-v-1eb2c106]{width:42px;height:42px;border-radius:10px;-ms-flex-negative:0;flex-shrink:0}.skeleton-text[data-v-1eb2c106]{display:block}.skeleton-chart[data-v-1eb2c106]{background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f5f5f5),color-stop(50%,#ebebeb),color-stop(75%,#f5f5f5));background:linear-gradient(90deg,#f5f5f5 25%,#ebebeb 50%,#f5f5f5 75%);background-size:200% 100%;-webkit-animation:shimmer-data-v-1eb2c106 1.5s infinite;animation:shimmer-data-v-1eb2c106 1.5s infinite;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.skeleton-chart[data-v-1eb2c106]:after{content:"";display:block;width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#bbb;border-radius:50%;-webkit-animation:spin-data-v-1eb2c106 1s linear infinite;animation:spin-data-v-1eb2c106 1s linear infinite}@-webkit-keyframes shimmer-data-v-1eb2c106{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-data-v-1eb2c106{0%{background-position:200% 0}to{background-position:-200% 0}}@-webkit-keyframes spin-data-v-1eb2c106{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-data-v-1eb2c106{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.section-divider[data-v-1eb2c106]{margin:32px 0 20px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.section-divider h3[data-v-1eb2c106]{font-size:1.1rem;font-weight:700;color:#003e29;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.section-divider h3 i[data-v-1eb2c106]{font-size:1.3rem}.chart-row[data-v-1eb2c106]{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.chart-card[data-v-1eb2c106]{background:#fff;border-radius:14px;padding:20px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.04);box-shadow:0 1px 3px rgba(0,0,0,.04)}.mb-16[data-v-1eb2c106]{margin-bottom:14px}.chart-header-row[data-v-1eb2c106]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.btn-back[data-v-1eb2c106]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;padding:6px 14px;background:#f5f7f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.8rem;color:#003e29;cursor:pointer;font-weight:500;-webkit-transition:all .2s;transition:all .2s;white-space:nowrap}.btn-back[data-v-1eb2c106]:hover{background:#e8f5e9;border-color:#003e29}.chart-title[data-v-1eb2c106]{font-size:.95rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.chart-subtitle[data-v-1eb2c106]{font-size:.78rem;color:#999;margin:0 0 12px}.chart-medium[data-v-1eb2c106]{height:320px}.chart-tall[data-v-1eb2c106]{height:420px}@media (max-width:768px){.chart-row[data-v-1eb2c106]{grid-template-columns:1fr}.kpi-strip[data-v-1eb2c106]{grid-template-columns:1fr 1fr}.filter-bar[data-v-1eb2c106]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chart-medium[data-v-1eb2c106]{height:280px}.chart-tall[data-v-1eb2c106]{height:350px}}@media (max-width:480px){.kpi-strip[data-v-1eb2c106]{grid-template-columns:1fr}.page-title[data-v-1eb2c106]{font-size:1.1rem}.filter-actions[data-v-1eb2c106]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.filter-select[data-v-1eb2c106]{width:100%}.filter-select select[data-v-1eb2c106]{-webkit-box-flex:1;-ms-flex:1;flex:1}.btn-refresh[data-v-1eb2c106]{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}