@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";.topbar[data-v-99360650]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 22px;border-radius:18px;animation:fadeUp .7s ease both}.brand[data-v-99360650]{display:flex;align-items:center;gap:12px}.brand-dot[data-v-99360650]{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#0b4bff,#2aa8ff);box-shadow:0 10px 18px #0b4bff33}.brand-title[data-v-99360650]{font-size:18px;font-weight:800;letter-spacing:.4px}.brand-sub[data-v-99360650]{font-size:12px;color:var(--muted)}.topnav[data-v-99360650]{display:flex;gap:8px;flex-wrap:wrap}.nav-item[data-v-99360650]{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .2s ease}.nav-item[data-v-99360650]:hover{color:var(--ink);border-color:var(--stroke);background:#fff}.nav-item.is-active[data-v-99360650]{background:#0b4bff;color:#fff;border-color:#0b4bff;box-shadow:0 8px 16px #0b4bff33}.hero[data-v-99360650]{margin-top:22px;padding:28px;border-radius:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;align-items:center;animation:floatIn .8s ease both}.hero-left h1[data-v-99360650]{margin:0 0 10px;font-size:32px;font-weight:800}.hero-left p[data-v-99360650]{margin:0 0 18px;color:var(--muted);line-height:1.5}.search[data-v-99360650]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#f5f8ff;border:1px solid var(--stroke)}.search input[data-v-99360650]{border:none;outline:none;background:transparent;width:100%;font-size:14px}.search-icon[data-v-99360650]{color:var(--muted);font-size:18px}.hero-right[data-v-99360650]{display:grid;gap:14px}.balance-card[data-v-99360650]{padding:16px 18px;border-radius:16px;background:#f7f9ff;border:1px solid var(--stroke)}.balance-card.alt[data-v-99360650]{background:linear-gradient(135deg,#0b4bff,#2aa8ff);color:#fff;border:none}.balance-label[data-v-99360650]{font-size:12px;text-transform:uppercase;letter-spacing:1px;opacity:.7}.balance-value[data-v-99360650]{font-size:22px;font-weight:800;margin-top:6px}.balance-meta[data-v-99360650]{font-size:12px;margin-top:4px;color:inherit;opacity:.7}.menu-section[data-v-99360650]{margin-top:28px}.bottom-nav[data-v-99360650]{position:static;margin-top:26px;padding:10px 10px 12px;border-radius:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:center;border:1px solid var(--stroke);background:#fff;box-shadow:0 12px 28px #0f1f461f}.bottom-item[data-v-99360650]{display:grid;gap:6px;place-items:center;border:none;background:transparent;color:#98a2b3;font-size:12px;font-weight:600;padding:8px 6px;border-radius:12px;cursor:pointer;transition:all .2s ease}.bottom-item[data-v-99360650]:hover{background:#f6f8ff;color:var(--ink)}.bottom-item.is-active[data-v-99360650]{background:transparent;color:#0b4bff;box-shadow:none}.bottom-icon[data-v-99360650]{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:inherit;transition:transform .2s ease}.bottom-icon svg[data-v-99360650]{width:22px;height:22px;stroke:currentColor;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.bottom-label[data-v-99360650]{font-size:12px}.section-title[data-v-99360650]{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section-title h2[data-v-99360650]{margin:0;font-size:22px;font-weight:800}.section-title span[data-v-99360650]{color:var(--muted);font-size:13px}.menu-grid[data-v-99360650]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}.menu-card[data-v-99360650]{padding:14px 10px 12px;border-radius:16px;border:1px solid var(--stroke);background:#fff;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;animation:fadeUp .5s ease both;animation-delay:calc(var(--i) * .05s)}.menu-card[data-v-99360650]:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0b4bff1f}.menu-card.is-active[data-v-99360650]{border-color:#0b4bff73;box-shadow:0 14px 26px #0b4bff2e}.menu-icon[data-v-99360650]{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 10px;box-shadow:inset 0 0 0 1px #ffffff59,0 8px 14px #0a3c8c2e}.menu-icon svg[data-v-99360650]{width:24px;height:24px;stroke:#fff;stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-linejoin:round}.menu-title[data-v-99360650]{font-weight:700;font-size:12px;letter-spacing:.2px}.menu-badge[data-v-99360650]{margin-top:8px;display:inline-flex;align-self:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700;color:#0f7a57;background:#10b98129}.menu-badge.is-danger[data-v-99360650]{color:#b42318;background:#ef444429}.kartu-grid[data-v-99360650]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.kartu-card[data-v-99360650]{border:1px solid var(--stroke);border-radius:16px;padding:14px 16px;background:#fff;display:grid;gap:10px}.kartu-top[data-v-99360650]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kartu-number[data-v-99360650]{font-weight:700;font-size:14px}.kartu-meta[data-v-99360650]{font-size:12px;color:var(--muted)}.kartu-info[data-v-99360650]{font-size:12px;color:var(--muted);display:grid;gap:4px}.kartu-actions[data-v-99360650]{display:grid;gap:6px;justify-items:end}.tiny-btn[data-v-99360650]{border:1px solid var(--stroke);background:#fff;color:var(--ink);padding:4px 8px;border-radius:8px;font-size:11px;cursor:pointer}.tiny-btn.danger[data-v-99360650]{border-color:#ef444466;color:#b42318}.kartu-form[data-v-99360650]{border:1px solid var(--stroke);background:#f7f9ff;border-radius:16px;padding:14px;margin-bottom:16px;display:grid;gap:12px}.form-title[data-v-99360650]{font-weight:700;font-size:13px}.form-row[data-v-99360650]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.form-field[data-v-99360650]{display:grid;gap:6px;font-size:12px;color:var(--muted)}.form-field input[data-v-99360650],.form-field select[data-v-99360650]{border:1px solid var(--stroke);border-radius:10px;padding:8px 10px;font-size:13px;background:#fff;color:var(--ink)}.combo-box[data-v-99360650]{position:relative}.combo-box input[data-v-99360650]{width:100%}.combo-list[data-v-99360650]{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:220px;overflow:auto;background:#fff;border:1px solid var(--stroke);border-radius:12px;box-shadow:0 18px 30px #0f1f462e;z-index:5}.combo-option[data-v-99360650]{width:100%;text-align:left;padding:8px 10px;border:none;background:transparent;cursor:pointer;font-size:12px;color:var(--ink)}.combo-option[data-v-99360650]:hover{background:#f5f8ff}.combo-empty[data-v-99360650]{padding:8px 10px;font-size:12px;color:var(--muted)}.form-actions[data-v-99360650]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-btn[data-v-99360650]{border:none;background:#0b4bff;color:#fff;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer}.primary-btn[data-v-99360650]:disabled{opacity:.6;cursor:not-allowed}.form-error[data-v-99360650]{font-size:12px;color:#b42318}.form-success[data-v-99360650]{font-size:12px;color:#1a7f37}.prtg-panel[data-v-99360650]{display:grid;gap:14px}.prtg-tabs[data-v-99360650]{display:flex;gap:10px;margin-bottom:10px}.prtg-tabs .ghost-btn.is-active[data-v-99360650]{background:#1078ff1f;border-color:#1078ff59;color:#0b4bff}.prtg-chart[data-v-99360650]{border:1px solid var(--stroke);border-radius:16px;padding:12px;background:#f8fafc}.prtg-chart svg[data-v-99360650]{width:100%;height:120px}.prtg-table[data-v-99360650]{border:1px solid var(--stroke);border-radius:14px;overflow:hidden}.prtg-down-table[data-v-99360650]{border:1px solid var(--stroke);border-radius:14px;overflow:auto}.prtg-row[data-v-99360650]{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;padding:10px 14px;font-size:12px;color:#1f2933;background:#fff}.prtg-down-table .prtg-row[data-v-99360650]{grid-template-columns:2.4fr 1fr 1fr 1fr .8fr 1fr;min-width:820px}.prtg-row+.prtg-row[data-v-99360650]{border-top:1px solid var(--stroke)}.prtg-head[data-v-99360650]{font-weight:700;background:#eef2ff}.modal-overlay[data-v-99360650]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142873;display:grid;place-items:center;padding:24px 16px;z-index:10}.modal-content[data-v-99360650]{width:min(980px,100%);max-height:86vh;background:#fff;border-radius:20px;padding:20px;overflow:auto;box-shadow:0 30px 60px #0a142840;animation:floatIn .4s ease both}.modal-header[data-v-99360650]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.modal-header h2[data-v-99360650]{margin:0 0 4px;font-size:20px;font-weight:800}.modal-subtitle[data-v-99360650]{color:var(--muted);font-size:12px}.close-btn[data-v-99360650]{border:none;background:#f1f4ff;color:#0b4bff;width:34px;height:34px;border-radius:12px;cursor:pointer;font-weight:700}.customer-state[data-v-99360650]{padding:12px 14px;border-radius:12px;background:#f7f9ff;color:var(--muted);margin-bottom:14px;border:1px solid var(--stroke)}.customer-state.error[data-v-99360650]{background:#fff3f3;color:#b42318;border-color:#fecaca}.customer-grid[data-v-99360650]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.customer-toolbar[data-v-99360650]{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.customer-search[data-v-99360650]{flex:1 1 320px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#f5f8ff;border:1px solid var(--stroke)}.customer-search input[data-v-99360650]{border:none;outline:none;background:transparent;width:100%;font-size:13px}.filter-select[data-v-99360650]{border:1px solid var(--stroke);background:#fff;color:var(--ink);padding:8px 10px;border-radius:10px;font-size:12px;min-width:140px}.ghost-btn[data-v-99360650]{border:1px solid var(--stroke);background:#fff;color:var(--ink);padding:8px 12px;border-radius:10px;font-size:12px;cursor:pointer;transition:all .2s ease}.ghost-btn[data-v-99360650]:hover{border-color:#0b4bff66;color:#0b4bff}.customer-card[data-v-99360650]{border:1px solid var(--stroke);border-radius:16px;padding:14px 16px;background:#fff;display:grid;gap:10px}.customer-top[data-v-99360650]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.customer-name[data-v-99360650]{font-weight:700;font-size:14px}.customer-id[data-v-99360650]{font-size:12px;color:var(--muted)}.customer-meta[data-v-99360650]{font-size:12px;color:var(--muted);display:grid;gap:4px}.status-pill[data-v-99360650]{font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px;background:#10b9811f;color:#0f7a57}.status-pill.is-danger[data-v-99360650]{background:#ef44441f;color:#b42318}@media (max-width: 720px){.topbar[data-v-99360650]{flex-direction:column;align-items:flex-start}.hero-left h1[data-v-99360650]{font-size:26px}.menu-grid[data-v-99360650]{grid-template-columns:repeat(3,minmax(0,1fr))}}:root{--bg: #eef4ff;--bg-2: #e2f1ff;--ink: #0b1b2a;--muted: #5b6b7a;--blue: #0b4bff;--blue-2: #2aa8ff;--card: #ffffff;--stroke: #e5eaf2;--shadow: 0 18px 50px rgba(11, 75, 255, .12)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 800px at 10% -10%,#cfe4ff 0%,transparent 60%),radial-gradient(1000px 900px at 110% 10%,#b7e2ff 0%,transparent 55%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh}#app{min-height:100vh}.container{max-width:1060px;margin:0 auto;padding:28px 18px 64px}.glass{background:#ffffffd9;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}