.logout-dialog[data-v-cc556264]{max-width:440px}.dialog-header-info[data-v-cc556264]{align-items:center;gap:12px;display:flex}.logout-icon-circle[data-v-cc556264]{width:40px;height:40px;color:var(--color-danger);background:#ef44441a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.modal-subtitle[data-v-cc556264]{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.logout-description[data-v-cc556264]{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.btn-icon-subtle[data-v-cc556264]{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-icon-subtle[data-v-cc556264]:hover{color:var(--text-primary);background:var(--border-light)}.page-header[data-v-2c9bf2da]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header .page-title[data-v-2c9bf2da]{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.6rem;font-weight:800}.page-header .page-subtitle[data-v-2c9bf2da]{color:var(--text-muted);margin-top:4px;font-size:.88rem}.dashboard-period-controls[data-v-2c9bf2da]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dashboard-period-controls .selector-box[data-v-2c9bf2da]{align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.dashboard-period-controls .selector-box .select-sm[data-v-2c9bf2da]{width:auto;padding:6px 10px;font-weight:700}.dashboard-period-controls .month-pills[data-v-2c9bf2da]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;display:flex;overflow-x:auto}.dashboard-period-controls .month-pills .month-pill[data-v-2c9bf2da]{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:5px 9px;font-size:.78rem;font-weight:600;transition:all .15s}.dashboard-period-controls .month-pills .month-pill[data-v-2c9bf2da]:hover{color:var(--text-primary)}.dashboard-period-controls .month-pills .month-pill.active[data-v-2c9bf2da]{background:var(--color-primary);color:#fff}.analytics-grid[data-v-2c9bf2da]{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:28px;display:grid}@media (width<=1024px){.analytics-grid[data-v-2c9bf2da]{grid-template-columns:1fr}}.bars-chart[data-v-2c9bf2da]{justify-content:space-between;align-items:flex-end;gap:12px;height:220px;padding:20px 0 10px;display:flex}.bars-chart .chart-bar-group[data-v-2c9bf2da]{cursor:pointer;flex-direction:column;flex:1;align-items:center;height:100%;transition:transform .15s;display:flex}.bars-chart .chart-bar-group[data-v-2c9bf2da]:hover{transform:translateY(-4px)}.bars-chart .chart-bar-group:hover .bar-fill[data-v-2c9bf2da]{background:var(--color-primary-hover)}.bars-chart .chart-bar-group.current-month .bar-fill[data-v-2c9bf2da]{background:linear-gradient(180deg, var(--color-primary-600), var(--color-primary-400));box-shadow:0 4px 12px #14b8a666}.bars-chart .chart-bar-group.current-month .bar-label[data-v-2c9bf2da]{color:var(--color-primary);font-weight:700}.bars-chart .chart-bar-group .bar-track[data-v-2c9bf2da]{background:var(--border-light);border-radius:var(--radius-sm);flex:1;align-items:flex-end;width:100%;max-width:28px;display:flex;overflow:hidden}.bars-chart .chart-bar-group .bar-fill[data-v-2c9bf2da]{background:var(--color-secondary-300);border-radius:var(--radius-sm);width:100%;transition:height .4s}.bars-chart .chart-bar-group .bar-label[data-v-2c9bf2da]{color:var(--text-muted);margin-top:8px;font-size:.75rem}.bars-chart .chart-bar-group .bar-val[data-v-2c9bf2da]{font-size:.65rem;font-family:var(--font-family-display);color:var(--text-muted);margin-top:2px}.category-breakdown-list[data-v-2c9bf2da]{flex-direction:column;gap:18px;display:flex}.category-breakdown-list .breakdown-row .row-header[data-v-2c9bf2da]{justify-content:space-between;margin-bottom:6px;font-size:.85rem;display:flex}.category-breakdown-list .breakdown-row .row-header .name[data-v-2c9bf2da]{color:var(--text-secondary);font-weight:600}.category-breakdown-list .breakdown-row .row-header .val[data-v-2c9bf2da]{font-family:var(--font-family-display);color:var(--text-primary);font-weight:700}.category-breakdown-list .breakdown-row .progress-bar[data-v-2c9bf2da]{background:var(--border-light);border-radius:var(--radius-full);height:8px;overflow:hidden}.category-breakdown-list .breakdown-row .progress-bar .progress-fill[data-v-2c9bf2da]{border-radius:var(--radius-full);height:100%;transition:width .3s}.confirm-dialog[data-v-416de47a]{max-width:440px}.dialog-header-info[data-v-416de47a]{align-items:center;gap:12px;display:flex}.confirm-icon-circle[data-v-416de47a]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.confirm-icon-circle.danger[data-v-416de47a]{color:var(--color-danger);background:#ef44441a}.confirm-icon-circle.warning[data-v-416de47a]{color:var(--color-warning);background:#f59e0b1a}.modal-subtitle[data-v-416de47a]{color:var(--text-muted);margin:2px 0 0;font-size:.8rem}.confirm-message[data-v-416de47a]{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.btn-icon-subtle[data-v-416de47a]{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.btn-icon-subtle[data-v-416de47a]:hover{color:var(--text-primary);background:var(--border-light)}.cashflow-header[data-v-592f7063]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.cashflow-header .period-selectors[data-v-592f7063]{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cashflow-header .period-selectors .selector-box[data-v-592f7063]{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.cashflow-header .period-selectors .selector-box .select-sm[data-v-592f7063]{width:auto;padding:6px 12px;font-weight:700}.cashflow-header .period-selectors .month-pills[data-v-592f7063]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:3px;display:flex;overflow-x:auto}.cashflow-header .period-selectors .month-pills .month-pill[data-v-592f7063]{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s}.cashflow-header .period-selectors .month-pills .month-pill[data-v-592f7063]:hover{color:var(--text-primary)}.cashflow-header .period-selectors .month-pills .month-pill.active[data-v-592f7063]{background:var(--color-primary);color:#fff}.summary-strip[data-v-592f7063]{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.summary-strip .strip-card[data-v-592f7063]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:4px;padding:14px 18px;display:flex}.summary-strip .strip-card .label[data-v-592f7063]{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.summary-strip .strip-card .editable-val[data-v-592f7063]{align-items:center;gap:6px;display:flex}.summary-strip .strip-card .val[data-v-592f7063]{font-family:var(--font-family-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.summary-strip .strip-card .val.highlight[data-v-592f7063]{color:var(--color-primary)}.summary-strip .strip-card.surplus[data-v-592f7063]{border-left:4px solid var(--color-success)}.summary-strip .strip-card.surplus .val[data-v-592f7063]{color:var(--color-success)}.summary-strip .strip-card.defisit[data-v-592f7063]{border-left:4px solid var(--color-danger)}.summary-strip .strip-card.defisit .val[data-v-592f7063]{color:var(--color-danger)}.category-tables-container[data-v-592f7063]{flex-direction:column;gap:16px;display:flex}.category-tables-container .raw-k[data-v-592f7063]{color:var(--text-muted);margin-left:4px;font-size:.75rem;font-weight:400}.category-tables-container .note-text[data-v-592f7063]{color:var(--text-muted);font-size:.82rem}.category-tables-container .action-btn[data-v-592f7063]{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;padding:6px;font-size:.85rem;transition:all .15s}.category-tables-container .action-btn.edit[data-v-592f7063]:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.category-tables-container .action-btn.delete[data-v-592f7063]:hover{color:var(--color-danger);background:#ef44441a}.category-tables-container .empty-row[data-v-592f7063]{text-align:center;color:var(--text-muted);padding:16px;font-size:.85rem}.btn-icon-subtle[data-v-592f7063]{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;padding:4px;font-size:.85rem;transition:all .15s}.btn-icon-subtle[data-v-592f7063]:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.micro-logs-grid[data-v-592f7063]{flex-wrap:wrap;gap:10px;display:flex}.micro-logs-grid .micro-log-pill[data-v-592f7063]{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.micro-logs-grid .micro-log-pill .subj[data-v-592f7063]{font-weight:600}.micro-logs-grid .micro-log-pill .nom[data-v-592f7063]{font-family:var(--font-family-display);color:var(--color-primary);font-weight:700}.micro-logs-grid .empty-text[data-v-592f7063]{color:var(--text-muted);font-size:.85rem}.page-header[data-v-a734ac38]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header .page-title[data-v-a734ac38]{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.6rem;font-weight:800}.page-header .page-subtitle[data-v-a734ac38]{color:var(--text-muted);margin-top:4px;font-size:.88rem}.header-action-group[data-v-a734ac38]{align-items:center;gap:10px;display:flex}.filter-count-badge[data-v-a734ac38]{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:.72rem;font-weight:700}.table-top-controls[data-v-a734ac38]{align-items:center;gap:10px;display:flex}.filter-tabs[data-v-a734ac38]{background:var(--bg-card-subtle);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.filter-tabs .tab-btn[data-v-a734ac38]{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .15s}.filter-tabs .tab-btn[data-v-a734ac38]:hover{color:var(--text-primary)}.filter-tabs .tab-btn.active[data-v-a734ac38]{background:var(--bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.column-filters-bar[data-v-a734ac38]{background:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);flex-direction:column;gap:10px;padding:14px 20px;display:flex}.column-filters-bar .filter-bar-title[data-v-a734ac38]{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.76rem;font-weight:700}.column-filters-bar .filter-inputs-grid[data-v-a734ac38]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.column-filters-bar .filter-inputs-grid .filter-item[data-v-a734ac38]{flex-direction:column;gap:4px;display:flex}.column-filters-bar .filter-inputs-grid .filter-item label[data-v-a734ac38]{color:var(--text-secondary);font-size:.75rem;font-weight:600}.column-filters-bar .filter-inputs-grid .filter-item .input-field-sm[data-v-a734ac38],.column-filters-bar .filter-inputs-grid .filter-item .select-field-sm[data-v-a734ac38]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);padding:6px 10px;font-family:inherit;font-size:.82rem}.column-filters-bar .filter-inputs-grid .filter-item .input-field-sm[data-v-a734ac38]:focus,.column-filters-bar .filter-inputs-grid .filter-item .select-field-sm[data-v-a734ac38]:focus{border-color:var(--color-primary);outline:none}.sortable-th[data-v-a734ac38]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s}.sortable-th[data-v-a734ac38]:hover{background-color:var(--border-light);color:var(--color-primary)}.sortable-th .th-content[data-v-a734ac38]{align-items:center;gap:6px;display:flex}.sortable-th .th-content.justify-end[data-v-a734ac38]{justify-content:flex-end}.sortable-th .th-content .sort-indicator[data-v-a734ac38]{color:var(--color-primary);min-width:12px;font-size:.75rem}.tag-pill[data-v-a734ac38]{border-radius:var(--radius-sm);background:var(--bg-card-subtle);border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;font-size:.8rem;font-weight:500;display:inline-block}.tag-pill.accent[data-v-a734ac38]{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-800)}.badge-toggle[data-v-a734ac38]{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s}.badge-toggle.sudah[data-v-a734ac38]{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #22c55e4d}.badge-toggle.belum[data-v-a734ac38]{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b4d}.badge-toggle[data-v-a734ac38]:hover{transform:scale(1.05)}.btn-delete[data-v-a734ac38]{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;padding:6px;transition:all .15s}.btn-delete[data-v-a734ac38]:hover{color:var(--color-danger);background:#ef44441a}.btn-icon-subtle[data-v-a734ac38]{cursor:pointer;background:0 0;border:none;font-size:.9rem}.page-header[data-v-5ee32056]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header .page-title[data-v-5ee32056]{font-family:var(--font-family-display);letter-spacing:-.02em;color:var(--text-primary);font-size:1.6rem;font-weight:800}.page-header .page-subtitle[data-v-5ee32056]{color:var(--text-muted);margin-top:4px;font-size:.88rem}.pill-strat[data-v-5ee32056]{border-radius:var(--radius-sm);padding:3px 8px;font-size:.75rem;font-weight:600}.pill-strat.tetap[data-v-5ee32056]{background:var(--color-primary-light);color:var(--color-primary)}.pill-strat.fluktuatif[data-v-5ee32056]{background:var(--color-info-bg);color:var(--color-info)}.badge-on-progress[data-v-5ee32056]{background:var(--color-warning-bg);color:var(--color-warning);border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:600}.roadmap-section[data-v-5ee32056]{flex-direction:column;gap:28px;margin-top:28px;display:flex}.period-block .period-header[data-v-5ee32056]{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.period-block .period-header .period-badge[data-v-5ee32056]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--color-primary);align-items:center;gap:8px;padding:6px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.period-block .period-header .period-total[data-v-5ee32056]{font-family:var(--font-family-display);color:var(--text-secondary);font-size:1rem;font-weight:700}.period-block .targets-grid[data-v-5ee32056]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.period-block .target-card[data-v-5ee32056]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:20px;transition:transform .15s;display:flex}.period-block .target-card[data-v-5ee32056]:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.period-block .target-card__top[data-v-5ee32056]{justify-content:space-between;align-items:flex-start;display:flex}.period-block .target-card__top .target-title[data-v-5ee32056]{font-family:var(--font-family-display);color:var(--text-primary);font-size:1.1rem;font-weight:700}.period-block .target-card__top .target-date[data-v-5ee32056]{color:var(--text-muted);background:var(--bg-card-subtle);border-radius:var(--radius-xs);white-space:nowrap;padding:2px 6px;font-size:.75rem}.period-block .target-card__budget[data-v-5ee32056]{flex-direction:column;display:flex}.period-block .target-card__budget .label[data-v-5ee32056]{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:600}.period-block .target-card__budget .val[data-v-5ee32056]{font-family:var(--font-family-display);color:var(--color-primary);font-size:1.35rem;font-weight:800}.period-block .target-card__source[data-v-5ee32056]{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.period-block .target-card__source .src-tag[data-v-5ee32056]{color:var(--text-secondary);font-weight:600}.btn-icon-subtle[data-v-5ee32056]{cursor:pointer;background:0 0;border:none;font-size:.9rem}.login-wrapper[data-v-48300722]{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex}.login-container[data-v-48300722]{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:1140px;min-height:640px;display:flex;overflow:hidden;box-shadow:0 12px 48px #0f172a0f}.login-form-section[data-v-48300722]{flex-direction:column;flex:1;justify-content:space-between;max-width:500px;padding:48px;display:flex}@media (width<=768px){.login-form-section[data-v-48300722]{max-width:100%;padding:36px 24px}}.login-form-section .brand-header[data-v-48300722]{align-items:center;gap:14px;margin-bottom:28px;display:flex}.login-form-section .brand-header .brand-icon[data-v-48300722]{object-fit:contain;border-radius:12px;width:48px;height:48px;box-shadow:0 4px 14px #14b8a640}.login-form-section .brand-header .brand-title[data-v-48300722]{letter-spacing:.04em;color:#0f172a;font-size:1.85rem;font-weight:800}.login-form-section .form-content .login-heading[data-v-48300722]{color:#0f172a;letter-spacing:-.02em;margin-bottom:8px;font-size:1.9rem;font-weight:700}.login-form-section .form-content .login-subheading[data-v-48300722]{color:#64748b;margin-bottom:28px;font-size:.94rem;line-height:1.5}.login-form-section .form-footer[data-v-48300722]{color:#94a3b8;margin-top:36px;font-size:.8rem}.auth-action-box[data-v-48300722]{margin-bottom:32px}.auth-action-box .btn-google-primary[data-v-48300722]{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 6px #0f172a0a}.auth-action-box .btn-google-primary[data-v-48300722]:hover:not(:disabled){background:#f8fafc;border-color:#14b8a6;transform:translateY(-1px);box-shadow:0 6px 16px #14b8a626}.auth-action-box .btn-google-primary[data-v-48300722]:active:not(:disabled){transform:translateY(0)}.auth-action-box .btn-google-primary[data-v-48300722]:disabled{opacity:.7;cursor:not-allowed;background:#f1f5f9}.auth-action-box .btn-google-primary .google-icon[data-v-48300722]{flex-shrink:0}.auth-action-box .auth-error-banner[data-v-48300722]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;font-size:.85rem;display:flex}.auth-action-box .auth-error-banner i[data-v-48300722]{flex-shrink:0;font-size:1rem}.features-highlight[data-v-48300722]{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;flex-direction:column;gap:14px;padding:16px;display:flex}.features-highlight .feature-item[data-v-48300722]{align-items:flex-start;gap:12px;display:flex}.features-highlight .feature-item .feature-icon[data-v-48300722]{color:#0d9488;background:#e6fffa;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:.95rem;display:flex}.features-highlight .feature-item .feature-text strong[data-v-48300722]{color:#1e293b;margin-bottom:2px;font-size:.86rem;display:block}.features-highlight .feature-item .feature-text p[data-v-48300722]{color:#64748b;margin:0;font-size:.78rem;line-height:1.4}.login-visual-section[data-v-48300722]{background:#f1f8fc;border:1px solid #e2eff8;border-radius:20px;flex:1.2;justify-content:center;align-items:center;margin:12px;padding:32px;display:flex}@media (width<=900px){.login-visual-section[data-v-48300722]{display:none}}.login-visual-section .illustration-frame[data-v-48300722]{justify-content:center;align-items:center;width:100%;max-width:480px;display:flex}.login-visual-section .illustration-frame .graphic-svg[data-v-48300722]{width:100%;height:auto;max-height:480px}@font-face{font-family:primeicons;font-display:block;src:url(/assets/primeicons-BZF8q66I.eot);src:url(/assets/primeicons-BZF8q66I.eot?#iefix)format("embedded-opentype"),url(/assets/primeicons-BvM4qbWp.woff2)format("woff2"),url(/assets/primeicons-qgkbr2_s.woff)format("woff"),url(/assets/primeicons-vaISzP8W.ttf)format("truetype"),url(/assets/primeicons-BmvFdQzO.svg?#primeicons)format("svg");font-weight:400;font-style:normal}.pi{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:primeicons;font-style:normal;font-weight:400;line-height:1;display:inline-block}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571em}.pi-spin{animation:2s linear infinite fa-spin}@media (prefers-reduced-motion:reduce){.pi-spin{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-iteration-count:1;animation-delay:-1ms}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-address-book:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-align-left:before{content:""}.pi-align-right:before{content:""}.pi-amazon:before{content:""}.pi-android:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-apple:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-u-turn-up-left:before{content:""}.pi-arrow-u-turn-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up:before{content:""}.pi-arrows-alt:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-asterisk:before{content:""}.pi-at:before{content:""}.pi-backward:before{content:""}.pi-ban:before{content:""}.pi-barcode:before{content:""}.pi-bars:before{content:""}.pi-bell-slash:before{content:""}.pi-bell:before{content:""}.pi-bitcoin:before{content:""}.pi-blank:before{content:""}.pi-block-quote:before{content:""}.pi-bold:before{content:""}.pi-bolt:before{content:""}.pi-book:before{content:""}.pi-bookmark-fill:before{content:""}.pi-bookmark:before{content:""}.pi-box:before{content:""}.pi-briefcase:before{content:""}.pi-building-columns:before{content:""}.pi-building:before{content:""}.pi-bullseye:before{content:""}.pi-calculator:before{content:""}.pi-calendar-clock:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar:before{content:""}.pi-camera:before{content:""}.pi-car:before{content:""}.pi-caret-down:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-up:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-cart-minus:before{content:""}.pi-cart-plus:before{content:""}.pi-case-sensitive:before{content:""}.pi-chart-bar:before{content:""}.pi-chart-line:before{content:""}.pi-chart-pie:before{content:""}.pi-chart-scatter:before{content:""}.pi-check-circle:before{content:""}.pi-check-square:before{content:""}.pi-check:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-up:before{content:""}.pi-circle-fill:before{content:""}.pi-circle:before{content:""}.pi-clipboard:before{content:""}.pi-clock:before{content:""}.pi-clone:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-code-branch:before{content:""}.pi-code:before{content:""}.pi-cog:before{content:""}.pi-columns-2:before{content:""}.pi-comment:before{content:""}.pi-comments:before{content:""}.pi-compass:before{content:""}.pi-compress:before{content:""}.pi-copy:before{content:""}.pi-credit-card:before{content:""}.pi-crown:before{content:""}.pi-database:before{content:""}.pi-delete-left:before{content:""}.pi-desktop:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-discord:before{content:""}.pi-dollar:before{content:""}.pi-dot:before{content:""}.pi-download:before{content:""}.pi-eject:before{content:""}.pi-ellipsis-h:before{content:""}.pi-ellipsis-v:before{content:""}.pi-envelope:before{content:""}.pi-equals:before{content:""}.pi-eraser:before{content:""}.pi-ethereum:before{content:""}.pi-euro:before{content:""}.pi-exclamation-circle:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-expand:before{content:""}.pi-external-link:before{content:""}.pi-eye-dropper:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-face-smile:before{content:""}.pi-facebook:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-file-arrow-up:before{content:""}.pi-file-check:before{content:""}.pi-file-edit:before{content:""}.pi-file-excel:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-o:before{content:""}.pi-file-pdf:before{content:""}.pi-file-plus:before{content:""}.pi-file-word:before{content:""}.pi-file:before{content:""}.pi-filter-fill:before{content:""}.pi-filter-slash:before{content:""}.pi-filter:before{content:""}.pi-flag-fill:before{content:""}.pi-flag:before{content:""}.pi-folder-open:before{content:""}.pi-folder-plus:before{content:""}.pi-folder:before{content:""}.pi-forward:before{content:""}.pi-gauge:before{content:""}.pi-gift:before{content:""}.pi-github:before{content:""}.pi-globe:before{content:""}.pi-google:before{content:""}.pi-graduation-cap:before{content:""}.pi-grid-2:before{content:""}.pi-grip-horizontal:before{content:""}.pi-grip-vertical:before{content:""}.pi-grip:before{content:""}.pi-hammer:before{content:""}.pi-hashtag:before{content:""}.pi-heading-1:before{content:""}.pi-heading-2:before{content:""}.pi-heading-3:before{content:""}.pi-heading-4:before{content:""}.pi-heading-5:before{content:""}.pi-heading-6:before{content:""}.pi-heading:before{content:""}.pi-headphones:before{content:""}.pi-heart-fill:before{content:""}.pi-heart:before{content:""}.pi-highlighter:before{content:""}.pi-history:before{content:""}.pi-home:before{content:""}.pi-horizontal-rule:before{content:""}.pi-hourglass:before{content:""}.pi-id-card:before{content:""}.pi-image:before{content:""}.pi-images:before{content:""}.pi-inbox:before{content:""}.pi-indent:before{content:""}.pi-indian-rupee:before{content:""}.pi-info-circle:before{content:""}.pi-info:before{content:""}.pi-instagram:before{content:""}.pi-italic:before{content:""}.pi-key:before{content:""}.pi-language:before{content:""}.pi-lightbulb:before{content:""}.pi-link:before{content:""}.pi-linkedin:before{content:""}.pi-list-check:before{content:""}.pi-list-ol:before{content:""}.pi-list-tree:before{content:""}.pi-list:before{content:""}.pi-lock-open:before{content:""}.pi-lock:before{content:""}.pi-map-marker:before{content:""}.pi-map:before{content:""}.pi-mars:before{content:""}.pi-megaphone:before{content:""}.pi-microchip-ai:before{content:""}.pi-microchip:before{content:""}.pi-microphone:before{content:""}.pi-microsoft:before{content:""}.pi-minus-circle:before{content:""}.pi-minus:before{content:""}.pi-mobile:before{content:""}.pi-money-bill:before{content:""}.pi-moon:before{content:""}.pi-note-sticky:before{content:""}.pi-objects-column:before{content:""}.pi-outdent:before{content:""}.pi-palette:before{content:""}.pi-paperclip:before{content:""}.pi-paragraph-left:before{content:""}.pi-paragraph-right:before{content:""}.pi-pause-circle:before{content:""}.pi-pause:before{content:""}.pi-paypal:before{content:""}.pi-pen-line:before{content:""}.pi-pen-to-square:before{content:""}.pi-pencil:before{content:""}.pi-percentage:before{content:""}.pi-phone:before{content:""}.pi-pinterest:before{content:""}.pi-play-circle:before{content:""}.pi-play:before{content:""}.pi-plus-circle:before{content:""}.pi-plus:before{content:""}.pi-pound:before{content:""}.pi-power-off:before{content:""}.pi-prime:before{content:""}.pi-print:before{content:""}.pi-qrcode:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-receipt:before{content:""}.pi-rectangle-xmark:before{content:""}.pi-reddit:before{content:""}.pi-refresh:before{content:""}.pi-replay:before{content:""}.pi-reply:before{content:""}.pi-rows-2:before{content:""}.pi-save:before{content:""}.pi-search-minus:before{content:""}.pi-search-plus:before{content:""}.pi-search:before{content:""}.pi-send:before{content:""}.pi-server:before{content:""}.pi-share-alt:before{content:""}.pi-shield:before{content:""}.pi-shop:before{content:""}.pi-shopping-bag:before{content:""}.pi-shopping-cart:before{content:""}.pi-sidebar:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-signature:before{content:""}.pi-sitemap:before{content:""}.pi-slack:before{content:""}.pi-slash:before{content:""}.pi-sliders-h:before{content:""}.pi-sliders-v:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-down-fill:before{content:""}.pi-sort-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-sparkles:before{content:""}.pi-spinner-dotted:before{content:""}.pi-spinner:before{content:""}.pi-square:before{content:""}.pi-stamp:before{content:""}.pi-star-fill:before{content:""}.pi-star-half-fill:before{content:""}.pi-star-half:before{content:""}.pi-star:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward-alt:before{content:""}.pi-step-forward:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-stopwatch:before{content:""}.pi-strikethrough:before{content:""}.pi-subscript:before{content:""}.pi-sun:before{content:""}.pi-superscript:before{content:""}.pi-sync:before{content:""}.pi-table:before{content:""}.pi-tablet:before{content:""}.pi-tag:before{content:""}.pi-tags:before{content:""}.pi-telegram:before{content:""}.pi-text-color:before{content:""}.pi-text:before{content:""}.pi-th-large:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-down:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbtack:before{content:""}.pi-ticket:before{content:""}.pi-tiktok:before{content:""}.pi-times-circle:before{content:""}.pi-times:before{content:""}.pi-trash:before{content:""}.pi-trophy:before{content:""}.pi-truck:before{content:""}.pi-turkish-lira:before{content:""}.pi-twitch:before{content:""}.pi-twitter:before{content:""}.pi-underline:before{content:""}.pi-undo:before{content:""}.pi-unlock:before{content:""}.pi-upload:before{content:""}.pi-user-edit:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-user:before{content:""}.pi-users:before{content:""}.pi-venus:before{content:""}.pi-verified:before{content:""}.pi-video:before{content:""}.pi-vimeo:before{content:""}.pi-volume-down:before{content:""}.pi-volume-off:before{content:""}.pi-volume-up:before{content:""}.pi-wallet:before{content:""}.pi-warehouse:before{content:""}.pi-wave-pulse:before{content:""}.pi-whatsapp:before{content:""}.pi-wifi:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-wrench:before{content:""}.pi-youtube:before{content:""}:root{--color-primary-50:#f2fdfc;--color-primary-100:#e5fbf8;--color-primary-200:#c1f5ef;--color-primary-300:#91f3e8;--color-primary-400:#4cf0dd;--color-primary-500:#19e6ce;--color-primary-600:#14b8a6;--color-primary-700:#119c8c;--color-primary-800:#0d786b;--color-primary-900:#10564e;--color-primary-950:#0a3833;--color-secondary-50:#f1f5f9;--color-secondary-100:#eaf0f5;--color-secondary-200:#cedbe8;--color-secondary-300:#a9c2da;--color-secondary-400:#759ec7;--color-secondary-500:#4c80b3;--color-secondary-600:#406b96;--color-secondary-700:#345779;--color-secondary-800:#28425d;--color-secondary-900:#234;--color-secondary-950:#16212c;--color-accent-50:#f0fdfa;--color-accent-100:#e5faf5;--color-accent-200:#c3f4e8;--color-accent-300:#93f1db;--color-accent-400:#50ecc8;--color-accent-500:#1ee1b4;--color-accent-600:#19bd97;--color-accent-700:#14997a;--color-accent-800:#10755d;--color-accent-900:#125445;--color-accent-950:#0c372d;--color-neutral-50:#f2f4fd;--color-neutral-100:#e4e8fb;--color-neutral-200:#c0caf6;--color-neutral-300:#8ea1f5;--color-neutral-400:#4968f4;--color-neutral-500:#143ceb;--color-neutral-600:#1132c5;--color-neutral-700:#0e29a0;--color-neutral-800:#0b1f7a;--color-neutral-900:#0f1c57;--color-neutral-950:#020617;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-light:var(--color-primary-100);--color-primary-rgb:20, 184, 166;--color-secondary:var(--color-secondary-600);--color-cyan:var(--color-primary-400);--color-emerald:var(--color-accent-600);--color-amber:#f59e0b;--color-rose:#ef4444;--color-success:#22c55e;--color-success-bg:#f0fdf4;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-info:var(--color-secondary-500);--color-info-bg:#eff6ff;--bg-app:#f8fafc;--bg-card:#fff;--bg-card-subtle:#f1f5f9;--bg-input:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-white:#fff;--sidebar-bg:#0b1120;--sidebar-card:#111c33;--sidebar-border:#1e293b;--sidebar-text:#94a3b8;--sidebar-text-hover:#fff;--sidebar-active-bg:#14b8a624;--sidebar-active-text:#2dd4bf;--radius-none:0;--radius-xs:4px;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.875rem;--radius-xl:14px;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #1212170d;--shadow-md:0 4px 6px -1px #1212170f, 0 2px 4px -2px #1212170a;--shadow-lg:#0000001f 0px 8px 24px 0px;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #00000014;--shadow-card:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--gradient-brand-1:linear-gradient(135deg, #020617, #020617);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica Neue, Noto Sans, Arial, sans-serif;--font-family-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-app:#020617;--bg-card:#0b1120;--bg-card-subtle:#111d33;--bg-input:#0f172a;--border-color:#1e293b;--border-light:#162238;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--color-success-bg:#22c55e1f;--color-warning-bg:#f59e0b1f;--color-danger-bg:#ef44441f;--color-info-bg:#4c80b31f;--shadow-card:0 4px 20px #0006}.app-layout{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:var(--font-family-sans);display:flex;overflow-x:hidden}.sidebar{background-color:var(--sidebar-bg);width:260px;color:var(--sidebar-text);border-right:1px solid var(--sidebar-border);z-index:50;transition:transform var(--transition-normal), width var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar::-webkit-scrollbar{width:6px;height:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.sidebar__brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;height:72px;padding:0 24px;display:flex}.sidebar__brand .brand-logo-img{object-fit:contain;border-radius:var(--radius-md);width:36px;height:36px;box-shadow:0 4px 12px #14b8a64d}.sidebar__brand .brand-name{font-family:var(--font-family-display);letter-spacing:.05em;color:#fff;font-size:1.35rem;font-weight:800}.sidebar__content{flex:1;padding:20px 14px;overflow-y:auto}.sidebar__section-title{text-transform:uppercase;letter-spacing:.1em;color:#94a3b899;padding:12px 14px 6px;font-size:.7rem;font-weight:700}.sidebar__nav{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.sidebar__nav-link{border-radius:var(--radius-md);color:var(--sidebar-text);transition:all var(--transition-fast);align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar__nav-link svg{stroke-width:2.2px;width:18px;height:18px;transition:color var(--transition-fast)}.sidebar__nav-link:hover{color:var(--sidebar-text-hover);background-color:#ffffff0a}.sidebar__nav-link.active{color:var(--sidebar-active-text);background-color:var(--sidebar-active-bg);font-weight:600}.sidebar__nav-link.active svg{color:var(--color-primary-400)}.sidebar__footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar.is-collapsed{transform:translate(-100%)}@media (width<=767px){.sidebar{width:280px;transform:translate(-100%);box-shadow:10px 0 30px #00000080}.sidebar.is-open{transform:translate(0)}}.sidebar-backdrop{display:none}@media (width<=767px){.sidebar-backdrop.is-open{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#0f172a99;display:block;position:fixed;inset:0}}.main-wrapper{flex-direction:column;flex:1;min-width:0;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.main-wrapper.is-sidebar-collapsed{margin-left:0}@media (width<=767px){.main-wrapper{margin-left:0;padding-bottom:70px}}.topbar{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:30;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}@media (width<=767px){.topbar{height:56px;padding:0 16px}}.topbar__left{align-items:center;gap:12px;display:flex}.topbar__menu-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px;display:none}.topbar__menu-btn:hover{background-color:var(--border-light)}@media (width<=767px){.topbar__menu-btn{justify-content:center;align-items:center;display:flex}}.topbar__title{font-family:var(--font-family-display);letter-spacing:-.01em;color:var(--text-primary);font-size:1.15rem;font-weight:700}.topbar__right{align-items:center;gap:8px;display:flex}.topbar .menu-toggle-btn{justify-content:center;align-items:center;display:flex}.topbar .topbar-circle-btn{border:1px solid var(--border-color);width:36px;min-width:36px;height:36px;min-height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;padding:0;display:flex;border-radius:50%!important}.topbar .topbar-circle-btn i{transition:transform var(--transition-fast);font-size:1rem}.topbar .topbar-circle-btn:hover{color:var(--color-primary-600);border-color:var(--color-primary-400);background-color:var(--color-primary-50)}.topbar .topbar-circle-btn:hover i{transform:scale(1.08)}.topbar .topbar-user-btn{border:1px solid var(--border-color);cursor:pointer;height:36px;transition:all var(--transition-fast);background-color:#0000;border-radius:9999px;align-items:center;gap:8px;padding:2px 12px 2px 2px;display:inline-flex}.topbar .topbar-user-btn:hover{border-color:var(--color-primary-400);background-color:var(--bg-card-subtle)}.topbar .topbar-user-btn .user-avatar-img{object-fit:cover;border-radius:50%;width:30px;height:30px}.topbar .topbar-user-btn .user-avatar-fallback{background:var(--color-primary-100);width:30px;height:30px;color:var(--color-primary-700);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex}.topbar .topbar-user-btn .user-name{color:var(--text-primary);white-space:nowrap;font-size:.84rem;font-weight:600}@media (width<=767px){.topbar .topbar-user-btn .user-name{display:none}}.topbar .topbar-user-btn .chevron-icon{color:var(--text-muted);font-size:.72rem}@media (width<=767px){.topbar .topbar-user-btn .chevron-icon{display:none}}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:28px}@media (width<=767px){.page-container{padding:16px}}.mobile-bottom-nav{display:none}@media (width<=767px){.mobile-bottom-nav{background-color:var(--bg-card);border-top:1px solid var(--border-color);z-index:35;justify-content:space-around;align-items:center;height:64px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000000d}.mobile-bottom-nav .nav-item{color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 12px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.mobile-bottom-nav .nav-item svg{width:20px;height:20px}.mobile-bottom-nav .nav-item.active{color:var(--color-primary);font-weight:600}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:28px;display:grid}.kpi-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--transition-normal), box-shadow var(--transition-normal);flex-direction:column;padding:22px;display:flex}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kpi-card__header .title{color:var(--text-secondary);font-size:.95rem;font-weight:600}.kpi-card__header .badge{border-radius:var(--radius-full);padding:3px 8px;font-size:.75rem;font-weight:600}.kpi-card__header .badge.primary{background-color:var(--color-primary-light);color:var(--color-primary)}.kpi-card__header .badge.success{background-color:var(--color-success-bg);color:var(--color-success)}.kpi-card__header .badge.warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.kpi-card__value{font-family:var(--font-family-display);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:14px;font-size:1.85rem;font-weight:700;line-height:1.2}.kpi-card__sparkline{align-items:flex-end;gap:8px;height:38px;margin-bottom:14px;padding:4px 0;display:flex}.kpi-card__sparkline .bar{border-radius:var(--radius-full);background-color:var(--border-color);transition:height var(--transition-normal), background-color var(--transition-fast);flex:1}.kpi-card__sparkline .bar.active{background:linear-gradient(180deg, var(--color-primary-600), var(--color-primary-400))}.kpi-card__sparkline .bar.accent-violet{background:linear-gradient(180deg, var(--color-primary-700), var(--color-accent-400))}.kpi-card__sparkline .bar.accent-emerald{background:linear-gradient(180deg, var(--color-accent-600), var(--color-accent-400))}.kpi-card__sparkline .bar.accent-blue{background:linear-gradient(180deg, var(--color-secondary-600), var(--color-secondary-400))}.kpi-card__footer{color:var(--text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.kpi-card__footer .trend{align-items:center;gap:2px;font-weight:600;display:inline-flex}.kpi-card__footer .trend.positive{color:var(--color-success)}.kpi-card__footer .trend.negative{color:var(--color-danger)}.content-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px;overflow:hidden}.content-card__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}@media (width<=767px){.content-card__header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}}.content-card__header .header-info .card-title{font-family:var(--font-family-display);color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.content-card__header .header-info .card-subtitle{color:var(--text-muted);margin-top:2px;font-size:.82rem}.content-card__header .header-actions{align-items:center;gap:10px;display:flex}.content-card__body{padding:24px}@media (width<=767px){.content-card__body{padding:16px}}.category-group{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);margin-bottom:20px;overflow:hidden}.category-group__header{background-color:var(--bg-card-subtle);border-bottom:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.category-group__header:hover{background-color:var(--border-light)}.category-group__header .group-left{align-items:center;gap:10px;display:flex}.category-group__header .group-left .group-toggle-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.category-group__header .group-left .group-tag{font-family:var(--font-family-display);letter-spacing:.05em;color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.category-group__header .group-left .group-tag .item-count{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:2px 7px;font-size:.72rem;font-weight:600}.category-group__header .group-subtotal{font-family:var(--font-family-display);color:var(--color-primary);font-size:1.05rem;font-weight:700}.category-group__items-table{border-collapse:collapse;width:100%}.category-group__items-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);background-color:var(--bg-card);padding:10px 20px;font-size:.75rem;font-weight:600}.category-group__items-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 20px;font-size:.9rem}.category-group__items-table td.cell-nominal{font-family:var(--font-family-display);text-align:right;white-space:nowrap;font-weight:600}.category-group__items-table td.cell-actions{text-align:right;width:100px}.category-group__items-table tr:last-child td{border-bottom:none}.category-group__items-table tr:hover td{background-color:#14b8a60a}.category-group__add-row{background-color:var(--bg-card);border-top:1px dashed var(--border-color);align-items:center;gap:8px;padding:10px 20px;display:flex}.table-responsive{width:100%;overflow-x:auto}.table-responsive::-webkit-scrollbar{width:6px;height:6px}.table-responsive::-webkit-scrollbar-track{background:0 0}.table-responsive::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#94a3b880}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color);background-color:var(--bg-card-subtle);white-space:nowrap;padding:14px 18px;font-size:.78rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:14px 18px}.data-table td.text-right{text-align:right}.data-table td.font-mono{font-family:var(--font-family-display);font-weight:600}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:#14b8a60a}.badge-status{border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-status.sudah{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98133}.badge-status.belum{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid #f59e0b33}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.88rem;font-weight:600;font-family:var(--font-family-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;text-decoration:none;display:inline-flex}.btn svg{width:16px;height:16px}.btn--primary{background-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #14b8a640}.btn--primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #14b8a659}.btn--outline{border-color:var(--border-color);color:var(--text-primary);background-color:#0000}.btn--outline:hover{background-color:var(--border-light);border-color:var(--text-muted)}.btn--subtle{background-color:var(--bg-card-subtle);border-color:var(--border-color);color:var(--text-secondary)}.btn--subtle:hover{color:var(--color-primary);border-color:var(--color-primary)}.btn--success{background-color:var(--color-success);color:#fff}.btn--success:hover{background-color:#059669}.btn--danger{background-color:var(--color-danger);color:#fff}.btn--danger:hover{background-color:#dc2626}.btn--sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem}.btn--icon{border-radius:var(--radius-sm);width:34px;height:34px;padding:0}.form-group{margin-bottom:16px}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.input-field{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-family-sans);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px}.input-field:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #14b8a626}.input-field::placeholder{color:var(--text-muted)}.select-field{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-family-sans);cursor:pointer;padding:10px 14px}.select-field:focus{border-color:var(--color-primary);outline:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-lg);animation:.2s ease-out modalIn;overflow:hidden}.modal-dialog__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-dialog__header .modal-title{font-family:var(--font-family-display);color:var(--text-primary);font-size:1.15rem;font-weight:700}.modal-dialog__body{max-height:75vh;padding:24px;overflow-y:auto}.modal-dialog__body::-webkit-scrollbar{width:6px;height:6px}.modal-dialog__body::-webkit-scrollbar-track{background:0 0}.modal-dialog__body::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:9999px}.modal-dialog__body::-webkit-scrollbar-thumb:hover{background:#94a3b880}.modal-dialog__footer{border-top:1px solid var(--border-color);background-color:var(--bg-card-subtle);justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);min-height:100vh;color:var(--text-primary);font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}