.toast-container[data-v-87aa2a2b]{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:12px;max-width:380px;width:100%;pointer-events:none}.toast[data-v-87aa2a2b]{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px;background:#fff;box-shadow:0 10px 40px #00000026;cursor:pointer;pointer-events:auto;animation:toast-slide-in-87aa2a2b .3s ease-out}.dark .toast[data-v-87aa2a2b]{background:var(--charcoal);color:#fff}.toast-icon[data-v-87aa2a2b]{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-success .toast-icon[data-v-87aa2a2b]{background:#10b9811a;color:#10b981}.toast-error .toast-icon[data-v-87aa2a2b]{background:#ef44441a;color:#ef4444}.toast-warning .toast-icon[data-v-87aa2a2b]{background:#f59e0b1a;color:#f59e0b}.toast-info .toast-icon[data-v-87aa2a2b]{background:#3b82f61a;color:#3b82f6}.toast-content[data-v-87aa2a2b]{flex:1;min-width:0}.toast-title[data-v-87aa2a2b]{font-weight:600;font-size:.9375rem;margin-bottom:4px}.toast-message[data-v-87aa2a2b]{font-size:.875rem;color:var(--dark-gray);line-height:1.4}.dark .toast-message[data-v-87aa2a2b]{color:#ffffffb3}.toast-close[data-v-87aa2a2b]{background:none;border:none;padding:4px;cursor:pointer;color:var(--medium-gray);opacity:.6;transition:opacity .2s}.toast-close[data-v-87aa2a2b]:hover{opacity:1}.toast-enter-active[data-v-87aa2a2b]{animation:toast-slide-in-87aa2a2b .3s ease-out}.toast-leave-active[data-v-87aa2a2b]{animation:toast-slide-out-87aa2a2b .3s ease-in}@keyframes toast-slide-in-87aa2a2b{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toast-slide-out-87aa2a2b{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media(max-width:480px){.toast-container[data-v-87aa2a2b]{left:12px;right:12px;max-width:none}}.shortcuts-overlay[data-v-551e3c2e]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.shortcuts-modal[data-v-551e3c2e]{background:#fffffff2;border-radius:16px;max-width:500px;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.dark .shortcuts-modal[data-v-551e3c2e]{background:#1e293bf2;color:#fff}.shortcuts-header[data-v-551e3c2e]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.1)}.dark .shortcuts-header[data-v-551e3c2e]{border-bottom-color:#ffffff1a}.shortcuts-header h2[data-v-551e3c2e]{font-size:1.25rem;font-weight:600;margin:0}.shortcuts-close[data-v-551e3c2e]{width:36px;height:36px;border-radius:50%;background:#0000000d;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark-gray);transition:all .2s}.shortcuts-close[data-v-551e3c2e]:hover{background:#0000001a}.dark .shortcuts-close[data-v-551e3c2e]{background:#ffffff1a;color:#fff}.shortcuts-content[data-v-551e3c2e]{padding:20px 24px;overflow-y:auto}.shortcuts-section[data-v-551e3c2e]{margin-bottom:24px}.shortcuts-section[data-v-551e3c2e]:last-child{margin-bottom:0}.shortcuts-section h3[data-v-551e3c2e]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--medium-gray);margin-bottom:12px}.shortcuts-list[data-v-551e3c2e]{list-style:none;padding:0;margin:0}.shortcuts-list li[data-v-551e3c2e]{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.05)}.dark .shortcuts-list li[data-v-551e3c2e]{border-bottom-color:#ffffff0d}.shortcuts-list li[data-v-551e3c2e]:last-child{border-bottom:none}.shortcut-description[data-v-551e3c2e]{font-size:.875rem}.shortcut-keys[data-v-551e3c2e]{display:flex;gap:4px}kbd[data-v-551e3c2e]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;font-family:inherit;font-size:.75rem;font-weight:600;background:linear-gradient(180deg,#f5f5f5,#e5e5e5);border:1px solid #d4d4d4;border-radius:6px;box-shadow:0 1px 2px #0000001a}.dark kbd[data-v-551e3c2e]{background:linear-gradient(180deg,#374151,#1f2937);border-color:#4b5563;color:#fff}.shortcuts-footer[data-v-551e3c2e]{padding:16px 24px;border-top:1px solid rgba(0,0,0,.1);text-align:center}.dark .shortcuts-footer[data-v-551e3c2e]{border-top-color:#ffffff1a}.shortcuts-footer p[data-v-551e3c2e]{font-size:.75rem;color:var(--medium-gray);margin:0}.modal-enter-active[data-v-551e3c2e],.modal-leave-active[data-v-551e3c2e]{transition:opacity .3s ease}.modal-enter-active .shortcuts-modal[data-v-551e3c2e],.modal-leave-active .shortcuts-modal[data-v-551e3c2e]{transition:transform .3s ease}.modal-enter-from[data-v-551e3c2e],.modal-leave-to[data-v-551e3c2e]{opacity:0}.modal-enter-from .shortcuts-modal[data-v-551e3c2e],.modal-leave-to .shortcuts-modal[data-v-551e3c2e]{transform:scale(.95) translateY(-20px)}.app-shell[data-v-8feeefb1]{min-height:100vh;background:var(--sap-bg);display:flex}.sapphire-sidebar[data-v-8feeefb1]{width:280px;background:#fff;border-right:1px solid var(--sap-border-light);display:flex;flex-direction:column;justify-content:space-between;padding:32px 24px;position:sticky;top:0;height:100vh;z-index:100;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .sapphire-sidebar[data-v-8feeefb1]{background:#072a40;border-right-color:#ffffff0d}.sidebar-brand[data-v-8feeefb1]{display:flex;align-items:center;gap:14px;margin-bottom:48px;cursor:pointer}.brand-logo[data-v-8feeefb1]{width:44px;height:44px;background:#fff;padding:6px;border-radius:12px}.shadow-glow[data-v-8feeefb1]{box-shadow:0 8px 16px #0b3d5f1a}.brand-info[data-v-8feeefb1]{display:flex;flex-direction:column}.brand-title[data-v-8feeefb1]{font-size:1.25rem;font-weight:900;color:var(--sap-navy);line-height:1}.dark .brand-title[data-v-8feeefb1]{color:#fff}.brand-sub[data-v-8feeefb1]{font-size:.65rem;font-weight:700;color:var(--sap-text-muted);text-transform:uppercase;letter-spacing:.05em}.group-label[data-v-8feeefb1]{font-size:.7rem;font-weight:800;color:var(--sap-text-muted);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:12px;padding:0 12px}.side-nav-link[data-v-8feeefb1]{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;color:var(--sap-text-mid);text-decoration:none;font-size:.9375rem;font-weight:700;transition:all .25s ease;margin-bottom:4px}.dark .side-nav-link[data-v-8feeefb1]{color:#fff9}.link-icon[data-v-8feeefb1]{font-size:1rem;width:24px;text-align:center}.side-nav-link[data-v-8feeefb1]:hover{background:var(--sap-blue-bg);color:var(--sap-navy)}.dark .side-nav-link[data-v-8feeefb1]:hover{background:#ffffff0d;color:#fff}.side-nav-link.active[data-v-8feeefb1]{background:var(--sap-navy);color:#fff;box-shadow:0 8px 16px #0b3d5f33}.sidebar-pay-btn[data-v-8feeefb1]{background:var(--sap-green);color:#fff;border:none;width:100%;padding:16px;border-radius:18px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.sidebar-pay-btn[data-v-8feeefb1]:hover{background:var(--sap-green-dark);transform:translateY(-2px)}.shadow-teal[data-v-8feeefb1]{box-shadow:0 10px 20px #00a65133}.sm-link[data-v-8feeefb1]{padding:10px 16px;font-size:.8125rem}.logout-link[data-v-8feeefb1]:hover{color:var(--sap-red)}.main-region[data-v-8feeefb1]{flex:1;display:flex;flex-direction:column;min-width:0}.sapphire-header[data-v-8feeefb1]{height:90px;background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--sap-border-light);position:sticky;top:0;z-index:90;display:flex;align-items:center}.header-inner[data-v-8feeefb1]{width:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.header-left-group[data-v-8feeefb1]{display:flex;align-items:center;gap:20px}.header-main-title[data-v-8feeefb1]{font-size:1.75rem;font-weight:850;color:#3b82f6;letter-spacing:-.02em}.header-divider[data-v-8feeefb1]{width:1px;height:32px;background:var(--sap-border)}.account-pill-wrapper[data-v-8feeefb1]{position:relative}.account-mini-pill[data-v-8feeefb1]{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:8px 16px 8px 10px;border-radius:100px;cursor:pointer;transition:all .2s;border:1px solid transparent}.account-mini-pill[data-v-8feeefb1]:hover{background:#e2e8f0;border-color:#cbd5e1}.pill-icon[data-v-8feeefb1]{width:30px;height:30px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem}.pill-label[data-v-8feeefb1]{font-size:.9375rem;font-weight:700;color:var(--sap-navy)}.pill-chevron[data-v-8feeefb1]{font-size:.75rem;color:var(--sap-text-muted)}.account-dropdown[data-v-8feeefb1]{position:absolute;top:calc(100% + 12px);left:0;width:240px;background:#fff;border-radius:20px;padding:10px;z-index:1000;border:1px solid var(--sap-border-light)}.dropdown-item[data-v-8feeefb1]{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;cursor:pointer;transition:all .2s}.dropdown-item[data-v-8feeefb1]:hover{background:var(--sap-blue-bg)}.dropdown-item.active[data-v-8feeefb1]{background:#f0f9ff}.check-icon[data-v-8feeefb1]{font-size:1.15rem;color:transparent}.active .check-icon[data-v-8feeefb1]{color:#2563eb}.acc-info[data-v-8feeefb1]{display:flex;flex-direction:column;line-height:1.3}.acc-nick[data-v-8feeefb1]{font-weight:800;color:var(--sap-navy);font-size:.875rem}.acc-no[data-v-8feeefb1]{font-size:.75rem;font-weight:600;color:var(--sap-text-muted)}.dark .sapphire-header[data-v-8feeefb1]{background:#072a40d1;border-bottom-color:#ffffff0d}.header-right[data-v-8feeefb1]{display:flex;align-items:center;gap:24px}.h-actions-group[data-v-8feeefb1]{display:flex;align-items:center;gap:8px}.lang-btn[data-v-8feeefb1]{display:flex!important;align-items:center;justify-content:center;padding:0 12px!important;width:auto!important;height:38px!important;gap:6px;background:var(--sap-bg)!important;border:1px solid var(--sap-border-light)!important;border-radius:100px!important;color:var(--sap-navy)!important;transition:all .2s ease}.dark .lang-btn[data-v-8feeefb1]{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff!important}.lang-btn[data-v-8feeefb1]:hover{background:var(--sap-border-light)!important;transform:translateY(-1px)}.flag-icon[data-v-8feeefb1]{font-size:1.1rem;line-height:1}.lang-code[data-v-8feeefb1]{font-size:.7rem;font-weight:800;letter-spacing:.05em}.h-actions-group[data-v-8feeefb1]{display:flex;gap:8px}.h-btn[data-v-8feeefb1]{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--sap-text-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.h-btn[data-v-8feeefb1]:hover{background:var(--sap-border-light)}.dark .h-btn[data-v-8feeefb1]:hover{background:#ffffff0d}.ping[data-v-8feeefb1]{position:absolute;top:12px;right:12px;width:8px;height:8px;background:var(--sap-red);border-radius:50%;border:2px solid #fff}.user-trigger[data-v-8feeefb1]{display:flex;align-items:center;gap:10px;padding:4px 8px 4px 4px;border-radius:100px;cursor:pointer;transition:all .2s}.user-trigger[data-v-8feeefb1]:hover{background:var(--sap-border-light)}.dark .user-trigger[data-v-8feeefb1]:hover{background:#ffffff0d}.h-avatar-circle[data-v-8feeefb1]{width:36px;height:36px;background:var(--sap-navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem}.h-user-details[data-v-8feeefb1]{display:flex;flex-direction:column;line-height:1.2}.h-user-name[data-v-8feeefb1]{font-size:.8125rem;font-weight:800;color:var(--sap-text)}.dark .h-user-name[data-v-8feeefb1]{color:#fff}.h-user-status[data-v-8feeefb1]{font-size:.65rem;font-weight:700;color:var(--sap-green)}.content-viewport[data-v-8feeefb1]{flex:1;padding:24px}.view-container[data-v-8feeefb1]{max-width:1280px;margin:0 auto}.view-slide-enter-active[data-v-8feeefb1],.view-slide-leave-active[data-v-8feeefb1]{transition:opacity .4s ease,transform .4s ease}.view-slide-enter-from[data-v-8feeefb1]{opacity:0;transform:translate(20px)}.view-slide-leave-to[data-v-8feeefb1]{opacity:0;transform:translate(-20px)}@media(max-width:1024px){.sapphire-sidebar[data-v-8feeefb1]{width:88px;padding:32px 14px}.link-text[data-v-8feeefb1],.brand-info[data-v-8feeefb1],.group-label[data-v-8feeefb1],.btn-txt[data-v-8feeefb1],.h-user-details[data-v-8feeefb1]{display:none}.side-nav-link[data-v-8feeefb1]{justify-content:center}.breadcrumb-trail[data-v-8feeefb1]{display:none}}.skeleton[data-v-d3aea279]{background:linear-gradient(90deg,var(--light-gray, #E5E7EB) 0%,#F3F4F6 50%,var(--light-gray, #E5E7EB) 100%);background-size:200% 100%;animation:skeleton-loading-d3aea279 1.5s ease-in-out infinite}@keyframes skeleton-loading-d3aea279{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text[data-v-d3aea279]{border-radius:4px}.skeleton-circle[data-v-d3aea279]{flex-shrink:0}.transaction-card[data-v-8469df93]{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:16px}.summary-card[data-v-8469df93]{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--card-shadow)}.chart-container[data-v-c29c789d]{border-radius:20px;padding:0}.chart-wrapper[data-v-c29c789d]{height:200px;position:relative}.chart-loading[data-v-c29c789d]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--sap-navy)}.chart-loading i[data-v-c29c789d]{font-size:1.5rem}.service-alert[data-v-99271330]{background:#fff;padding:12px 20px;border-radius:16px;display:flex;align-items:center;gap:16px;cursor:pointer;max-width:400px}.alert-icon[data-v-99271330]{font-size:1.25rem;color:#b8860b}.a-label[data-v-99271330]{font-size:.65rem;font-weight:800;color:#b8860b;display:block;letter-spacing:.05em}.a-title[data-v-99271330]{font-size:.8125rem;font-weight:700;color:#5d4037}.hero-balance-card[data-v-99271330]{height:240px;background:var(--sap-m3-surface-lowest);border:1px solid var(--sap-m3-outline-variant);border-radius:28px;display:flex;position:relative;box-shadow:0 10px 30px #00000008}.hero-left[data-v-99271330]{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center;z-index:2}.hero-label[data-v-99271330]{font-size:.75rem;font-weight:800;color:var(--sap-m3-on-surface-variant);letter-spacing:.1em}.hero-amount-p[data-v-99271330]{color:var(--sap-m3-on-surface);display:flex;align-items:baseline;margin-top:4px}.h-curr[data-v-99271330]{font-size:1.5rem;font-weight:700;margin-right:4px;color:var(--sap-m3-primary)}.h-val[data-v-99271330]{font-size:4rem;font-weight:900;letter-spacing:-.02em}.h-dec[data-v-99271330]{font-size:1.75rem;font-weight:600;opacity:.5}.hero-links[data-v-99271330]{display:flex;gap:12px}.btn-hero-pay[data-v-99271330]{background:var(--sap-green);color:#fff;padding:12px 24px;border-radius:100px;font-weight:800;font-size:.875rem;text-decoration:none;box-shadow:0 4px 12px #00a6514d;transition:all .2s;border:none}.btn-hero-stmt[data-v-99271330]{background:var(--sap-m3-surface-low);color:var(--sap-m3-on-surface);padding:12px 24px;border-radius:100px;font-weight:800;font-size:.875rem;text-decoration:none;border:1px solid var(--sap-m3-outline-variant);transition:all .2s}.btn-hero-pay[data-v-99271330]:hover,.btn-hero-stmt[data-v-99271330]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.hero-right[data-v-99271330]{width:320px;background:#0000000d;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.due-card[data-v-99271330]{background:var(--sap-m3-surface-low);border:1px solid var(--sap-m3-outline-variant);padding:20px;border-radius:20px;width:220px}.due-header[data-v-99271330]{font-size:.6rem;font-weight:800;color:var(--sap-m3-on-surface-variant);text-transform:uppercase;margin-bottom:12px}.due-body[data-v-99271330]{display:flex;align-items:center;gap:12px}.due-icon[data-v-99271330]{width:36px;height:36px;background:var(--sap-m3-surface-lowest);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--sap-m3-primary)}.due-date[data-v-99271330]{color:var(--sap-m3-on-surface);font-weight:800;font-size:1rem}.due-status[data-v-99271330]{color:var(--sap-m3-on-surface-variant);font-size:.75rem;font-weight:600}.hero-visual-bg[data-v-99271330]{position:absolute;top:0;right:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:1}.ripple-circle[data-v-99271330]{position:absolute;border-radius:50%;border:24px solid var(--sap-m3-primary);opacity:.03}.c1[data-v-99271330]{width:300px;height:300px;top:-50px;right:-50px}.c2[data-v-99271330]{width:500px;height:500px;bottom:-100px;right:-150px;border-width:48px}.acc-v-card[data-v-99271330]{background:var(--sap-card);border:1.5px solid var(--sap-border);border-radius:24px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.acc-v-card.active[data-v-99271330]{border-color:var(--sap-navy);background:var(--sap-blue-bg)/10;box-shadow:0 12px 32px #0b3d5f14}.u-label[data-v-99271330]{font-size:.55rem;font-weight:800;color:var(--sap-text-muted);display:block}.chart-toggle-sap[data-v-99271330]{display:flex;background:var(--sap-bg);padding:4px;border-radius:100px;gap:2px}.chart-toggle-sap button[data-v-99271330]{padding:4px 14px;border-radius:80px;font-size:.75rem;font-weight:700;transition:all .2s;border:none;background:transparent;color:var(--sap-text-muted);cursor:pointer}.chart-toggle-sap button.active[data-v-99271330]{background:var(--sap-card);color:var(--sap-navy);box-shadow:0 2px 6px #0000000d}.news-feature-card[data-v-99271330]{height:320px;border-radius:24px;position:relative;overflow:hidden;background:url(https://images.unsplash.com/photo-1441974231531-c6227db76b6e?auto=format&fit=crop&w=1200) center/cover}.feature-overlay[data-v-99271330]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(7,42,64,.9),transparent)}.feature-content[data-v-99271330]{position:absolute;bottom:0;left:0;z-index:2;width:100%}.btn-retry[data-v-99271330]{background:var(--sap-card);color:var(--sap-red);font-size:12px;font-weight:800;padding:6px 14px;border-radius:100px;border:1.5px solid var(--sap-red);cursor:pointer}@media(max-width:1024px){.hero-balance-card[data-v-99271330]{height:auto;flex-direction:column}.hero-right[data-v-99271330]{width:100%;padding:40px;background:#0000001a}.due-card[data-v-99271330]{width:100%}}.dashboard-view[data-v-99271330]{color:var(--sap-text)}.dashboard-hero[data-v-99271330]{margin-bottom:40px}.greeting[data-v-99271330]{font-size:.875rem;font-weight:500;color:var(--sap-text-muted);margin-bottom:8px}.total-outstanding[data-v-99271330]{font-size:3.5rem;font-weight:800;letter-spacing:-.04em;color:var(--sap-text);line-height:1.1;margin-bottom:12px}.decimals[data-v-99271330]{color:var(--sap-text-muted)!important;font-weight:600}.status-summary[data-v-99271330]{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--sap-green)}.status-summary.has-debt[data-v-99271330]{color:var(--sap-red)}.pulse-dot[data-v-99271330]{width:8px;height:8px;border-radius:50%;background:var(--sap-red);box-shadow:0 0 #d32f2f66;animation:pulse-99271330 2s infinite}@keyframes pulse-99271330{0%{box-shadow:0 0 #d32f2fb3}70%{box-shadow:0 0 0 6px #d32f2f00}to{box-shadow:0 0 #d32f2f00}}.hero-actions[data-v-99271330]{display:flex;gap:12px;margin-top:24px}.btn-sap[data-v-99271330]{padding:14px 28px;border-radius:100px;font-weight:700;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-p[data-v-99271330]{background:linear-gradient(135deg,var(--sap-green),var(--sap-green-dark));color:#fff;border:none}.btn-o[data-v-99271330]{border:1.5px solid var(--sap-border);color:var(--sap-text);background:transparent}.btn-sap[data-v-99271330]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.divider[data-v-99271330]{height:1px;background:var(--sap-border-light);margin:40px 0}.account-v-list[data-v-99271330]{display:flex;flex-direction:column;gap:16px;max-height:520px;overflow-y:auto;padding:12px 12px 24px 8px;scrollbar-gutter:stable}.account-v-list[data-v-99271330]::-webkit-scrollbar{width:6px}.account-v-list[data-v-99271330]::-webkit-scrollbar-track{background:transparent}.account-v-list[data-v-99271330]::-webkit-scrollbar-thumb{background:var(--sap-border);border-radius:10px;transition:background .2s}.account-v-list[data-v-99271330]:hover::-webkit-scrollbar-thumb{background:#0b3d5f33}.account-v-list[data-v-99271330]::-webkit-scrollbar-thumb:hover{background:var(--sap-navy-light)}.acc-v-card[data-v-99271330]{background:#fff;border:1.5px solid var(--sap-border);border-radius:24px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.acc-v-card[data-v-99271330]:hover{border-color:var(--sap-navy);box-shadow:0 12px 24px #0000000a;transform:translateY(-3px)}.acc-v-card.active[data-v-99271330]{border-color:var(--sap-navy);background:#0b3d5f08;box-shadow:0 12px 32px #0b3d5f14}.dark .acc-v-card[data-v-99271330]{background:#ffffff05;border-color:#ffffff0d}.acc-tile-head[data-v-99271330]{display:flex;justify-content:space-between;align-items:flex-start}.acc-type-icon[data-v-99271330]{width:44px;height:44px;background:var(--sap-blue-bg);color:var(--sap-navy);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.mini-tag[data-v-99271330]{font-size:.6rem;font-weight:800;padding:4px 10px;border-radius:100px;text-transform:uppercase}.mini-tag.green[data-v-99271330]{background:#e8f5e9;color:var(--sap-green)}.mini-tag.red[data-v-99271330]{background:#ffebee;color:var(--sap-red)}.acc-title[data-v-99271330]{font-size:1.125rem;font-weight:900}.acc-addr[data-v-99271330]{font-size:.8125rem;color:var(--sap-text-muted);font-weight:500}.usage-mini[data-v-99271330]{display:flex;flex-direction:column}.u-label[data-v-99271330]{font-size:.55rem;font-weight:800;color:var(--sap-text-muted)}.u-val[data-v-99271330]{font-size:.875rem;font-weight:800;color:var(--sap-navy)}.acc-preview-header[data-v-99271330]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.indicator[data-v-99271330]{width:8px;height:8px;background:var(--sap-green);border-radius:2px}.preview-name[data-v-99271330]{font-size:.9375rem;font-weight:800}.stats-grid[data-v-99271330]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.mini-stat[data-v-99271330]{background:#fff;border:1px solid var(--sap-border);padding:18px;border-radius:16px;display:flex;flex-direction:column}.dark .mini-stat[data-v-99271330]{background:#ffffff05}.m-label[data-v-99271330]{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--sap-text-muted);margin-bottom:8px}.m-value[data-v-99271330]{font-size:1.25rem;font-weight:800}.text-red[data-v-99271330]{color:var(--sap-red)}.usage-card[data-v-99271330]{background:#fff;border:1px solid var(--sap-border);border-radius:24px;padding:28px}.dark .usage-card[data-v-99271330]{background:#ffffff05}.chart-header[data-v-99271330]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px}.chart-header h3[data-v-99271330]{font-size:1rem;font-weight:800}.chart-header span[data-v-99271330]{font-size:.8125rem;color:var(--sap-text-muted)}.section-nav[data-v-99271330]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-all[data-v-99271330]{font-size:.8125rem;font-weight:700;color:var(--sap-navy);text-decoration:none;display:flex;align-items:center}.priority-alert[data-v-99271330]{background:linear-gradient(135deg,#d32f2f14,#d32f2f05);border:1.5px solid rgba(211,47,47,.2);border-radius:18px;padding:24px;margin-bottom:20px;cursor:pointer;transition:all .2s}.priority-alert[data-v-99271330]:hover{transform:scale(1.01);border-color:#d32f2f66}.alert-header[data-v-99271330]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.alert-tag[data-v-99271330]{font-size:.75rem;font-weight:800;color:var(--sap-red);text-transform:uppercase;letter-spacing:.08em}.alert-date[data-v-99271330]{font-size:.75rem;color:var(--sap-text-muted);margin-left:auto}.alert-title[data-v-99271330]{font-size:1.125rem;font-weight:800;margin-bottom:8px}.alert-excerpt[data-v-99271330]{font-size:.875rem;color:var(--sap-text-mid);line-height:1.6}.news-grid[data-v-99271330]{display:grid;grid-template-columns:1fr 1fr;gap:16px}.news-item[data-v-99271330]{background:#fff;border:1px solid var(--sap-border);border-radius:18px;padding:20px;cursor:pointer;transition:all .2s}.news-item[data-v-99271330]:hover{border-color:var(--sap-navy-light);transform:translateY(-2px)}.dark .news-item[data-v-99271330]{background:#ffffff05}.news-meta[data-v-99271330]{display:flex;justify-content:space-between;margin-bottom:12px}.news-tag[data-v-99271330]{font-size:.625rem;font-weight:800;color:var(--sap-navy);background:var(--sap-blue-bg);padding:3px 10px;border-radius:100px}.news-date[data-v-99271330]{font-size:.6875rem;color:var(--sap-text-muted)}.news-title[data-v-99271330]{font-size:.9375rem;font-weight:700;line-height:1.4;color:var(--sap-text)}.eco-card[data-v-99271330]{background:var(--sap-navy-deep);border-radius:20px;padding:32px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:40px}.eco-label[data-v-99271330]{font-size:.8125rem;font-weight:800;color:var(--sap-green);text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:8px}.eco-text[data-v-99271330]{font-size:1rem;font-weight:500;color:#ffffffd9;max-width:450px;line-height:1.6}.alert[data-v-99271330]{padding:16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px}.alert-danger[data-v-99271330]{background:#fee2e2;color:#dc2626}.landing-page[data-v-38e68fbf]{font-family:Plus Jakarta Sans,sans-serif;color:var(--sap-text);background:var(--sap-bg)}.container[data-v-38e68fbf]{max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav[data-v-38e68fbf]{position:absolute;top:0;left:0;right:0;z-index:100;padding:24px 0}.landing-nav .container[data-v-38e68fbf]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-38e68fbf]{display:flex;align-items:center;gap:12px}.logo img[data-v-38e68fbf]{height:48px}.logo-text[data-v-38e68fbf]{display:flex;flex-direction:column}.brand[data-v-38e68fbf]{font-size:1.5rem;font-weight:800;color:#fff;line-height:1}.sub[data-v-38e68fbf]{font-size:.75rem;color:#fffc}.nav-actions[data-v-38e68fbf]{display:flex;align-items:center;gap:24px}.nav-link[data-v-38e68fbf]{color:#fff;font-weight:600;text-decoration:none;transition:opacity .2s}.nav-link[data-v-38e68fbf]:hover{opacity:.8}.hero-content[data-v-38e68fbf]{position:relative;z-index:10;max-width:800px}.hero-subtitle[data-v-38e68fbf]{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--sap-green);margin-bottom:24px}.hero-title[data-v-38e68fbf]{font-family:Plus Jakarta Sans,sans-serif;font-size:5.5rem;font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:32px;text-shadow:0 10px 30px rgba(0,0,0,.3)}.hero-title span[data-v-38e68fbf]{color:var(--sap-green)}.hero-desc[data-v-38e68fbf]{font-size:1.25rem;line-height:1.6;color:#ffffffe6;margin-bottom:48px;max-width:600px}.hero-btns[data-v-38e68fbf]{display:flex;gap:20px;position:relative;z-index:11}.hero-container[data-v-38e68fbf]{height:90vh;min-height:700px;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg[data-v-38e68fbf]{position:absolute;inset:-50px;background-size:cover;background-position:center;filter:url(#liquid-distortion);z-index:0;transition:transform .5s ease}.hero-overlay[data-v-38e68fbf]{position:absolute;inset:0;background:linear-gradient(to right,#072a40d9,#0b3d5f66);z-index:1}.liquid-filter-svg[data-v-38e68fbf]{position:absolute;width:0;height:0}.water-waves[data-v-38e68fbf]{position:absolute;bottom:0;left:0;width:100%;height:15vh;min-height:100px;max-height:150px;z-index:3}.waves[data-v-38e68fbf]{position:relative;width:100%;height:100%}.parallax>use[data-v-38e68fbf]{animation:move-forever-38e68fbf 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use[data-v-38e68fbf]:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use[data-v-38e68fbf]:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use[data-v-38e68fbf]:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use[data-v-38e68fbf]:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever-38e68fbf{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.bubbles[data-v-38e68fbf]{position:absolute;inset:0;pointer-events:none;z-index:2}.bubble[data-v-38e68fbf]{position:absolute;bottom:-50px;background:#ffffff1a;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:float-up-38e68fbf 12s infinite linear}.bubble[data-v-38e68fbf]:nth-child(1){width:30px;height:30px;left:5%;animation-duration:10s}.bubble[data-v-38e68fbf]:nth-child(2){width:15px;height:15px;left:12%;animation-duration:18s;animation-delay:2s}.bubble[data-v-38e68fbf]:nth-child(3){width:45px;height:45px;left:25%;animation-duration:15s;animation-delay:5s}.bubble[data-v-38e68fbf]:nth-child(4){width:10px;height:10px;left:40%;animation-duration:22s;animation-delay:1s}.bubble[data-v-38e68fbf]:nth-child(5){width:25px;height:25px;left:55%;animation-duration:20s;animation-delay:3s}.bubble[data-v-38e68fbf]:nth-child(6){width:40px;height:40px;left:70%;animation-duration:13s;animation-delay:4s}.bubble[data-v-38e68fbf]:nth-child(7){width:20px;height:20px;left:88%;animation-duration:19s;animation-delay:2s}.bubble[data-v-38e68fbf]:nth-child(8){width:32px;height:32px;left:95%;animation-duration:25s;animation-delay:7s}.bubble[data-v-38e68fbf]:nth-child(9){width:18px;height:18px;left:33%;animation-duration:21s;animation-delay:8s}.bubble[data-v-38e68fbf]:nth-child(10){width:50px;height:50px;left:48%;animation-duration:16s;animation-delay:6s}.bubble[data-v-38e68fbf]:nth-child(11){width:22px;height:22px;left:18%;animation-duration:24s;animation-delay:5s}.bubble[data-v-38e68fbf]:nth-child(12){width:38px;height:38px;left:62%;animation-duration:14s;animation-delay:1s}.bubble[data-v-38e68fbf]:nth-child(13){width:28px;height:28px;left:77%;animation-duration:20s;animation-delay:11s}.bubble[data-v-38e68fbf]:nth-child(14){width:42px;height:42px;left:82%;animation-duration:17s;animation-delay:3s}.bubble[data-v-38e68fbf]:nth-child(15){width:16px;height:16px;left:2%;animation-duration:19s;animation-delay:9s}.bubble[data-v-38e68fbf]:nth-child(16){width:24px;height:24px;left:92%;animation-duration:23s;animation-delay:10s}.bubble[data-v-38e68fbf]:nth-child(17){width:48px;height:48px;left:38%;animation-duration:18s;animation-delay:12s}.bubble[data-v-38e68fbf]:nth-child(18){width:12px;height:12px;left:68%;animation-duration:26s;animation-delay:4s}.bubble[data-v-38e68fbf]:nth-child(19){width:34px;height:34px;left:52%;animation-duration:15s;animation-delay:14s}.bubble[data-v-38e68fbf]:nth-child(20){width:20px;height:20px;left:10%;animation-duration:21s;animation-delay:15s}@keyframes float-up-38e68fbf{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-110vh) scale(1.5);opacity:0}}.features[data-v-38e68fbf]{padding:100px 0}.section-header[data-v-38e68fbf]{text-align:center;margin-bottom:60px}.label[data-v-38e68fbf]{font-size:.875rem;font-weight:700;color:var(--sap-navy);text-transform:uppercase;letter-spacing:.1em}.section-header h2[data-v-38e68fbf]{font-size:2.5rem;font-weight:800;margin-top:8px}.features-grid[data-v-38e68fbf]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card[data-v-38e68fbf]{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 30px #0000000d;transition:transform .3s;color:#1e293b}.feature-card[data-v-38e68fbf]:hover{transform:translateY(-8px)}.feat-icon[data-v-38e68fbf]{font-size:2.5rem;margin-bottom:24px}.feature-card h3[data-v-38e68fbf]{font-size:1.25rem;font-weight:700;margin-bottom:16px}.feature-card p[data-v-38e68fbf]{color:var(--sap-text-mid);line-height:1.6}.cta-section[data-v-38e68fbf]{padding-bottom:100px}.cta-card[data-v-38e68fbf]{background:var(--sap-navy);padding:60px;border-radius:32px;display:flex;justify-content:space-between;align-items:center;color:#fff}.cta-text h2[data-v-38e68fbf]{font-size:2.5rem;font-weight:800;margin-bottom:12px}.cta-text p[data-v-38e68fbf]{font-size:1.125rem;color:#fffc}.landing-footer[data-v-38e68fbf]{padding:60px 0;border-top:1px solid var(--sap-border)}.footer-top[data-v-38e68fbf]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-brand[data-v-38e68fbf]{display:flex;align-items:center;gap:16px}.footer-brand img[data-v-38e68fbf]{height:40px}.footer-links[data-v-38e68fbf]{display:flex;gap:32px}.footer-links a[data-v-38e68fbf]{color:var(--sap-text-mid);text-decoration:none;font-weight:500}.footer-bottom[data-v-38e68fbf]{text-align:center;color:var(--sap-text-muted);font-size:.875rem}.btn[data-v-38e68fbf]{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:100px;font-weight:700;text-decoration:none;transition:all .2s;cursor:pointer}.btn-lg[data-v-38e68fbf]{padding:18px 36px;font-size:1.125rem}.btn-primary[data-v-38e68fbf]{background:var(--sap-green);color:#fff}.btn-primary[data-v-38e68fbf]:hover{background:var(--sap-green-dark);transform:scale(1.05)}.btn-outline[data-v-38e68fbf]{border:2px solid rgba(255,255,255,.3);color:#fff}.btn-outline[data-v-38e68fbf]:hover{border-color:#fff;background:#ffffff1a}.btn-light[data-v-38e68fbf]{background:#fff;color:var(--sap-navy)}.btn-light[data-v-38e68fbf]:hover{background:#ffffffe6;transform:scale(1.05)}@media(max-width:768px){.hero-title[data-v-38e68fbf]{font-size:3rem}.features-grid[data-v-38e68fbf]{grid-template-columns:1fr}.cta-card[data-v-38e68fbf]{flex-direction:column;text-align:center;gap:32px;padding:40px}}.auth-background-fixed[data-v-6ca74275]{position:fixed;inset:0;z-index:0;overflow:hidden;background:#072a40}.hero-bg[data-v-6ca74275]{position:absolute;inset:-50px;background-size:cover;background-position:center;filter:url(#liquid-distortion);z-index:0}.hero-overlay[data-v-6ca74275]{position:absolute;inset:0;background:linear-gradient(to bottom,#072a40eb,#0b3d5fb3);z-index:1}.liquid-filter-svg[data-v-6ca74275]{position:absolute;width:0;height:0}.water-waves[data-v-6ca74275]{position:absolute;bottom:0;left:0;width:100%;height:15vh;z-index:3}.waves[data-v-6ca74275]{position:relative;width:100%;height:100%}.parallax>use[data-v-6ca74275]{animation:move-forever-6ca74275 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use[data-v-6ca74275]:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use[data-v-6ca74275]:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use[data-v-6ca74275]:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use[data-v-6ca74275]:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever-6ca74275{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.bubbles[data-v-6ca74275]{position:absolute;inset:0;pointer-events:none;z-index:2}.bubble[data-v-6ca74275]{position:absolute;bottom:-50px;background:#ffffff1a;border-radius:50%;border:1px solid rgba(255,255,255,.15);animation:float-up-6ca74275 12s infinite linear}.bubble[data-v-6ca74275]:nth-child(1){width:30px;height:30px;left:5%;animation-duration:10s}.bubble[data-v-6ca74275]:nth-child(2){width:15px;height:15px;left:12%;animation-duration:18s;animation-delay:2s}.bubble[data-v-6ca74275]:nth-child(3){width:45px;height:45px;left:25%;animation-duration:15s;animation-delay:5s}.bubble[data-v-6ca74275]:nth-child(4){width:10px;height:10px;left:40%;animation-duration:22s;animation-delay:1s}.bubble[data-v-6ca74275]:nth-child(5){width:25px;height:25px;left:55%;animation-duration:20s;animation-delay:3s}.bubble[data-v-6ca74275]:nth-child(6){width:40px;height:40px;left:70%;animation-duration:13s;animation-delay:4s}.bubble[data-v-6ca74275]:nth-child(7){width:20px;height:20px;left:88%;animation-duration:19s;animation-delay:2s}.bubble[data-v-6ca74275]:nth-child(8){width:32px;height:32px;left:95%;animation-duration:25s;animation-delay:7s}.bubble[data-v-6ca74275]:nth-child(9){width:18px;height:18px;left:33%;animation-duration:21s;animation-delay:8s}.bubble[data-v-6ca74275]:nth-child(10){width:50px;height:50px;left:48%;animation-duration:16s;animation-delay:6s}.bubble[data-v-6ca74275]:nth-child(11){width:22px;height:22px;left:18%;animation-duration:24s;animation-delay:5s}.bubble[data-v-6ca74275]:nth-child(12){width:38px;height:38px;left:62%;animation-duration:14s;animation-delay:1s}.bubble[data-v-6ca74275]:nth-child(13){width:28px;height:28px;left:77%;animation-duration:20s;animation-delay:11s}.bubble[data-v-6ca74275]:nth-child(14){width:42px;height:42px;left:82%;animation-duration:17s;animation-delay:3s}.bubble[data-v-6ca74275]:nth-child(15){width:16px;height:16px;left:2%;animation-duration:19s;animation-delay:9s}.bubble[data-v-6ca74275]:nth-child(16){width:24px;height:24px;left:92%;animation-duration:23s;animation-delay:10s}.bubble[data-v-6ca74275]:nth-child(17){width:48px;height:48px;left:38%;animation-duration:18s;animation-delay:12s}.bubble[data-v-6ca74275]:nth-child(18){width:12px;height:12px;left:68%;animation-duration:26s;animation-delay:4s}.bubble[data-v-6ca74275]:nth-child(19){width:34px;height:34px;left:52%;animation-duration:15s;animation-delay:14s}.bubble[data-v-6ca74275]:nth-child(20){width:20px;height:20px;left:10%;animation-duration:21s;animation-delay:15s}.bubble[data-v-6ca74275]:nth-child(21){width:15px;height:15px;left:45%;animation-duration:23s;animation-delay:2s}.bubble[data-v-6ca74275]:nth-child(22){width:25px;height:25px;left:60%;animation-duration:19s;animation-delay:5s}.bubble[data-v-6ca74275]:nth-child(23){width:12px;height:12px;left:30%;animation-duration:25s;animation-delay:8s}.bubble[data-v-6ca74275]:nth-child(24){width:35px;height:35px;left:85%;animation-duration:17s;animation-delay:12s}.bubble[data-v-6ca74275]:nth-child(25){width:18px;height:18px;left:0%;animation-duration:21s;animation-delay:14s}@keyframes float-up-6ca74275{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.2}to{transform:translateY(-110vh) scale(1.5);opacity:0}}.font-headline[data-v-4ccf3691]{font-family:Plus Jakarta Sans,sans-serif}.font-label[data-v-4ccf3691]{font-family:Inter,sans-serif}.login-page-container[data-v-4ccf3691]{overflow-x:hidden}@keyframes fadeIn-4ccf3691{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-4ccf3691]{animation:fadeIn-4ccf3691 .8s cubic-bezier(.16,1,.3,1) forwards}.font-headline[data-v-8e07db22]{font-family:Plus Jakarta Sans,sans-serif}.register-page-container[data-v-8e07db22]{overflow-x:hidden}.font-headline[data-v-6598aaf8]{font-family:Plus Jakarta Sans,sans-serif}.forgot-password-container[data-v-6598aaf8]{overflow-x:hidden}.profile-view[data-v-7aa39510]{color:var(--sap-text)}.profile-grid[data-v-7aa39510]{display:grid;grid-template-columns:320px 1fr;gap:32px}@media(max-width:992px){.profile-grid[data-v-7aa39510]{grid-template-columns:1fr}}.user-card[data-v-7aa39510]{background:var(--sap-card);border-radius:24px;border:1px solid var(--sap-border);padding:32px;text-align:center}.avatar-large[data-v-7aa39510]{width:96px;height:96px;background:var(--sap-navy);color:#fff;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:800;position:relative;border:4px solid var(--sap-card);box-shadow:0 8px 20px #0b3d5f1a}.edit-avatar[data-v-7aa39510]{position:absolute;bottom:0;right:0;width:32px;height:32px;background:var(--sap-green);border:3px solid var(--sap-card);border-radius:50%;color:#fff;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.user-name[data-v-7aa39510]{font-size:1.25rem;font-weight:800;margin-bottom:4px}.user-id[data-v-7aa39510]{font-size:.8125rem;color:var(--sap-text-muted);font-weight:600}.account-status[data-v-7aa39510]{margin:20px 0 32px}.status-pill[data-v-7aa39510]{background:var(--sap-green-light);color:var(--sap-green);padding:6px 16px;border-radius:100px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.quick-nav[data-v-7aa39510]{display:flex;flex-direction:column;gap:8px;text-align:left}.nav-item[data-v-7aa39510]{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;font-size:.875rem;font-weight:700;color:var(--sap-text-mid);transition:all .2s;background:transparent;border:none;width:100%}.nav-item[data-v-7aa39510]:hover{background:var(--sap-blue-bg);color:var(--sap-navy)}.icon-box[data-v-7aa39510]{width:36px;height:36px;background:var(--sap-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--sap-text-muted)}.icon-box.red[data-v-7aa39510]{background:var(--sap-red-bg);color:var(--sap-red)}.nav-item.text-red[data-v-7aa39510]{color:var(--sap-red)}.info-card[data-v-7aa39510]{background:var(--sap-card);border-radius:24px;border:1px solid var(--sap-border);overflow:hidden}.card-head[data-v-7aa39510]{padding:24px 32px;border-bottom:1px solid var(--sap-border-light)}.section-label[data-v-7aa39510]{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sap-text-muted)}.info-form[data-v-7aa39510]{padding:32px}.form-grid[data-v-7aa39510]{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:32px}.field-group label[data-v-7aa39510]{display:block;font-size:.8125rem;font-weight:700;color:var(--sap-text-mid);margin-bottom:8px}.input-wrap[data-v-7aa39510]{position:relative;display:flex;align-items:center}.input-wrap .icon[data-v-7aa39510]{position:absolute;left:16px;color:var(--sap-text-muted)}.input-wrap input[data-v-7aa39510]{width:100%;padding:14px 16px 14px 48px;background:var(--sap-bg);border:1.5px solid var(--sap-border-light);border-radius:12px;font-size:.9375rem;color:var(--sap-text);transition:all .2s}.input-wrap input[data-v-7aa39510]:focus{outline:none;background:var(--sap-card);border-color:var(--sap-navy);box-shadow:0 0 0 4px #0b3d5f0d}.actions[data-v-7aa39510]{display:flex;gap:12px}.btn-sap[data-v-7aa39510]{padding:12px 24px;border-radius:100px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-p[data-v-7aa39510]{background:var(--sap-navy);color:#fff}.btn-o[data-v-7aa39510]{background:transparent;border:1.5px solid var(--sap-border);color:var(--sap-text-mid)}.btn-sm[data-v-7aa39510]{padding:8px 16px;font-size:.75rem}.btn-sap[data-v-7aa39510]:hover{transform:translateY(-1px)}.btn-p[data-v-7aa39510]:hover{background:var(--sap-navy-light)}.security-list[data-v-7aa39510]{padding:24px 32px}.security-item[data-v-7aa39510]{display:flex;justify-content:space-between;align-items:center}.s-info h4[data-v-7aa39510]{font-size:.9375rem;font-weight:700;margin-bottom:2px}.s-info p[data-v-7aa39510]{font-size:.8125rem;color:var(--sap-text-muted)}.page-header[data-v-5df40284]{display:flex;justify-content:space-between;align-items:flex-end}.btn-sap[data-v-5df40284]{padding:12px 24px;border-radius:100px;font-weight:700;font-size:.875rem;border:none;cursor:pointer;transition:all .2s}.btn-p[data-v-5df40284]{background:var(--sap-navy);color:#fff;text-decoration:none;display:inline-flex;align-items:center}.btn-p[data-v-5df40284]:hover{background:var(--sap-navy-light);transform:translateY(-1px)}.btn-p.lg-btn[data-v-5df40284]{padding:16px 32px;font-size:1rem}.content-card[data-v-5df40284]{background:var(--sap-card);border-radius:24px;border:1px solid var(--sap-border);overflow:hidden}.card-body-p[data-v-5df40284]{padding:32px 40px}.section-label[data-v-5df40284]{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--sap-text-muted);letter-spacing:.1em}.total-value[data-v-5df40284]{font-size:2.75rem;font-weight:900;margin-top:4px}.c-card[data-v-5df40284]{background:var(--sap-card);border-radius:24px;border:1px solid var(--sap-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.c-card[data-v-5df40284]:hover{transform:translateY(-4px);border-color:var(--sap-navy);box-shadow:0 12px 24px #0b3d5f14}.badge-mini[data-v-5df40284]{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:100px;font-size:.65rem;font-weight:800;text-transform:uppercase;line-height:1}.badge-mini.navy[data-v-5df40284]{background:var(--sap-blue-bg);color:var(--sap-navy)}.icon-action[data-v-5df40284]{width:32px;height:32px;border:none;background:transparent;cursor:pointer;transition:color .2s}.address-chip[data-v-5df40284]{display:flex;gap:10px;background:var(--sap-bg);padding:12px;border-radius:12px}.status-badge[data-v-5df40284]{font-size:.75rem;font-weight:800}.status-badge.active[data-v-5df40284]{color:var(--sap-green)}.status-badge.inactive[data-v-5df40284]{color:var(--sap-red)}.add-card[data-v-5df40284]{width:100%;background:transparent;border:2px dashed var(--sap-border);border-radius:24px;cursor:pointer;transition:all .25s}.add-card[data-v-5df40284]:hover{border-color:var(--sap-navy);background:var(--sap-blue-bg)}.plus-circle[data-v-5df40284]{width:48px;height:48px;border-radius:50%;background:var(--sap-bg);display:flex;align-items:center;justify-content:center;color:var(--sap-text-muted);font-size:1.25rem;transition:all .2s}.add-card:hover .plus-circle[data-v-5df40284]{background:var(--sap-navy);color:#fff}.modal-overlay[data-v-5df40284]{position:fixed;top:0;left:0;width:100%;height:100%;background:#072a4099;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.sap-modal-card[data-v-5df40284]{background:var(--sap-card);border-radius:32px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 25px 50px -12px #0003}.m-head[data-v-5df40284]{padding:24px 32px;border-bottom:1px solid var(--sap-border-light);display:flex;justify-content:space-between;align-items:center}.m-close[data-v-5df40284]{background:none;border:none;font-size:1.25rem;color:var(--sap-text-muted);cursor:pointer}.sap-form label[data-v-5df40284]{display:block;font-size:.75rem;font-weight:800;color:var(--sap-text-muted);text-transform:uppercase;margin-bottom:8px}.sap-form input[data-v-5df40284],.sap-form select[data-v-5df40284]{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--sap-border);outline:none;transition:border-color .2s}.sap-form input[data-v-5df40284]:focus{border-color:var(--sap-navy)}.icon-danger[data-v-5df40284]{width:64px;height:64px;border-radius:50%;background:var(--sap-red-bg);color:var(--sap-red);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto}.btn-s[data-v-5df40284]{background:var(--sap-bg);color:var(--sap-text-mid)}.btn-r[data-v-5df40284]{background:var(--sap-red);color:#fff}@media(max-width:768px){.page-header[data-v-5df40284]{flex-direction:column;align-items:flex-start;gap:20px}.btn-sap[data-v-5df40284]{width:100%;justify-content:center}.card-body-p[data-v-5df40284]{flex-direction:column;text-align:center;gap:24px;padding:32px}}.fade-enter-active[data-v-5df40284],.fade-leave-active[data-v-5df40284]{transition:opacity .3s}.fade-enter-from[data-v-5df40284],.fade-leave-to[data-v-5df40284]{opacity:0}.content-header[data-v-5df40284]{margin-bottom:32px;display:flex;justify-content:space-between;align-items:center}.content-title[data-v-5df40284]{font-size:1.85rem;font-weight:800;color:var(--sap-text);margin-bottom:6px}.text-muted[data-v-5df40284]{color:var(--sap-text-muted);font-size:1rem}.grid[data-v-5df40284]{display:grid;gap:24px}.grid-3[data-v-5df40284]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.account-card[data-v-5df40284]{background:var(--sap-card);border-radius:16px;border:1px solid var(--sap-border);box-shadow:0 4px 20px #0000000d;padding:24px;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.account-card[data-v-5df40284]:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000014;border-color:var(--sap-navy)}.account-card-header[data-v-5df40284]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.account-name[data-v-5df40284]{font-weight:800;font-size:1.15rem;color:var(--sap-text);margin-bottom:4px}.account-number[data-v-5df40284]{font-size:.85rem;color:var(--sap-text-muted);font-weight:600}.header-actions[data-v-5df40284]{display:flex;gap:8px}.tag-default[data-v-5df40284]{background:#eff6ff;color:#3b82f6;padding:4px 10px;border-radius:20px;font-size:.7rem;font-weight:700;text-transform:uppercase}.account-card-body[data-v-5df40284]{display:flex;justify-content:space-between;align-items:flex-end}.bill-label[data-v-5df40284]{font-size:.8rem;font-weight:700;color:var(--sap-text-muted);text-transform:uppercase;margin-bottom:4px}.bill-amount[data-v-5df40284]{font-size:1.5rem;font-weight:800;color:var(--sap-text)}.status-active[data-v-5df40284]{color:#22c55e;font-weight:700;font-size:.85rem}.status-inactive[data-v-5df40284]{color:#f43f5e;font-weight:700;font-size:.85rem}.address-box[data-v-5df40284]{background:var(--sap-bg);padding:10px 12px;border-radius:8px;border-left:3px solid var(--sap-border)}.address-label[data-v-5df40284]{font-size:.65rem;font-weight:700;color:var(--sap-text-muted);text-transform:uppercase;margin-bottom:4px}.address-text[data-v-5df40284]{font-size:.8rem;color:#475569;line-height:1.4;font-weight:500}.summary-body[data-v-5df40284]{padding:20px;background:var(--sap-bg);border-radius:12px}@media(max-width:640px){.summary-body[data-v-5df40284]{flex-direction:column;gap:20px;text-align:center}}.card[data-v-5df40284]{background:var(--sap-card);border-radius:16px;border:1px solid var(--sap-border);box-shadow:0 4px 20px #0000000d;overflow:hidden}.card-header[data-v-5df40284]{padding:20px 24px;border-bottom:1px solid var(--sap-border)}.card-title[data-v-5df40284]{font-size:1rem;font-weight:700;color:var(--sap-text)}.summary-content[data-v-5df40284]{padding:24px;display:flex;justify-content:space-between;align-items:center}.total-label[data-v-5df40284]{font-size:.9rem;font-weight:600;color:var(--sap-text-muted);margin-bottom:4px}.total-value[data-v-5df40284]{font-size:2.25rem;font-weight:900;color:#ef4444}.modal-overlay[data-v-5df40284]{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container[data-v-5df40284]{background:var(--sap-card);width:90%;max-width:500px;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;padding:32px}.modal-header[data-v-5df40284]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title[data-v-5df40284]{font-size:1.5rem;font-weight:800;color:var(--sap-text)}.form-group[data-v-5df40284]{margin-bottom:20px}.form-label[data-v-5df40284]{display:block;font-size:.9rem;font-weight:700;color:var(--sap-text-muted);margin-bottom:8px}.form-control[data-v-5df40284]{width:100%;padding:12px 16px;border:1px solid var(--sap-border);border-radius:10px;font-size:1rem}.btn[data-v-5df40284]{padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-5df40284]{background:#3b82f6;color:#fff}.btn-primary[data-v-5df40284]:hover{background:#2563eb;transform:translateY(-2px)}.btn-icon-danger[data-v-5df40284]{color:var(--sap-text-muted);background:transparent;cursor:pointer}.btn-icon-danger[data-v-5df40284]:hover{color:#ef4444}.alert[data-v-5df40284]{padding:16px;border-radius:12px;background:#fef2f2;color:#ef4444;margin-bottom:20px}@media(max-width:768px){.content-header[data-v-5df40284]{flex-direction:column;align-items:flex-start;gap:20px}.btn[data-v-5df40284]{width:100%;text-align:center}.summary-content[data-v-5df40284]{flex-direction:column;gap:24px;text-align:center}}.history-container[data-v-dbff93b5]{max-width:1200px;margin:0 auto;animation:fadeIn-dbff93b5 .8s cubic-bezier(.16,1,.3,1) both}@keyframes fadeIn-dbff93b5{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-dbff93b5]{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.page-title[data-v-dbff93b5]{font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:900;color:var(--sap-m3-on-surface);letter-spacing:-.04em;margin-bottom:4px}.page-subtitle[data-v-dbff93b5]{color:var(--sap-m3-on-surface-variant);font-weight:500;font-size:1.125rem}.stat-grid[data-v-dbff93b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stat-card-m3[data-v-dbff93b5]{padding:32px;border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--sap-m3-outline-variant)}.primary-gradient[data-v-dbff93b5]{background:linear-gradient(135deg,var(--sap-m3-primary) 0%,#0047B7 100%);box-shadow:0 20px 40px #0052d033}.surface-card[data-v-dbff93b5]{background:var(--sap-m3-surface-lowest);box-shadow:0 10px 30px #00000008}.stat-content[data-v-dbff93b5]{display:flex;align-items:center;gap:24px}.stat-icon-m3[data-v-dbff93b5]{width:64px;height:64px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center}.stat-label-m3[data-v-dbff93b5]{font-size:.75rem;font-weight:800;color:var(--sap-m3-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.stat-value-m3[data-v-dbff93b5]{font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:900;color:var(--sap-m3-on-surface);line-height:1.2}.stat-sub-m3[data-v-dbff93b5]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant);opacity:.7}.card[data-v-dbff93b5]{background:var(--sap-m3-surface-lowest)!important;border-radius:2.5rem;border:1px solid var(--sap-m3-outline-variant);box-shadow:0 10px 30px #00000005;overflow:hidden}.card-header[data-v-dbff93b5]{padding:24px 32px;background:var(--sap-m3-surface-low)!important;border-bottom:1px solid var(--sap-m3-outline-variant);display:flex;justify-content:space-between;align-items:center}.card-header h3[data-v-dbff93b5]{font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:900;color:var(--sap-m3-on-surface);display:flex;align-items:center;gap:12px}.details-grid[data-v-dbff93b5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.detail-item[data-v-dbff93b5]{padding:24px 32px;border-right:1px solid var(--sap-m3-outline-variant);border-bottom:1px solid var(--sap-m3-outline-variant)}.detail-label[data-v-dbff93b5]{font-size:.7rem;font-weight:800;color:var(--sap-m3-on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.detail-value[data-v-dbff93b5]{font-size:1rem;font-weight:700;color:var(--sap-m3-on-surface)}.table[data-v-dbff93b5]{width:100%;border-collapse:separate;border-spacing:0}.table th[data-v-dbff93b5]{padding:20px 32px;background:var(--sap-m3-surface-low);color:var(--sap-m3-on-surface-variant);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-align:left}.table td[data-v-dbff93b5]{padding:20px 32px;border-bottom:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface);font-weight:500}.main-desc[data-v-dbff93b5]{font-weight:800;font-size:1rem;color:var(--sap-m3-on-surface)}.sub-desc[data-v-dbff93b5]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant)}.tag[data-v-dbff93b5]{padding:4px 14px;border-radius:100px;font-size:.7rem;font-weight:900;text-transform:uppercase}.tag-payment[data-v-dbff93b5]{background:var(--sap-m3-secondary-container);color:var(--sap-m3-on-secondary-container)}.tag-bill[data-v-dbff93b5]{background:var(--sap-m3-primary-container);color:var(--sap-m3-on-primary)}.amount-text[data-v-dbff93b5]{font-family:Plus Jakarta Sans,sans-serif;font-weight:900;font-size:1.125rem}.amount-text.success[data-v-dbff93b5]{color:var(--sap-m3-secondary)}.amount-text.danger[data-v-dbff93b5]{color:var(--sap-m3-error)}.pagination-wrapper[data-v-dbff93b5]{padding:24px 32px;background:var(--sap-m3-surface-low)!important;display:flex;justify-content:space-between;align-items:center}.btn-refresh[data-v-dbff93b5]{width:54px;height:54px;border-radius:1.25rem;background:var(--sap-m3-surface-lowest)!important;border:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface);cursor:pointer;transition:all .3s}.btn-refresh[data-v-dbff93b5]:hover{background:var(--sap-m3-primary);color:#fff}.chart-wrapper[data-v-dbff93b5]{padding:32px}@media(max-width:768px){.details-grid[data-v-dbff93b5]{grid-template-columns:1fr}.detail-item[data-v-dbff93b5]{border-right:none}.table th[data-v-dbff93b5]:nth-child(3),.table td[data-v-dbff93b5]:nth-child(3){display:none}}.usage-container[data-v-6bad89bc]{max-width:1000px;margin:0 auto;animation:fadeIn-6bad89bc .5s ease}@keyframes fadeIn-6bad89bc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-6bad89bc]{margin-bottom:32px}.page-title[data-v-6bad89bc]{font-size:1.85rem;font-weight:800;color:var(--sap-text);margin-bottom:6px}.page-subtitle[data-v-6bad89bc]{color:var(--sap-text-muted);font-size:1rem}.usage-summary[data-v-6bad89bc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card[data-v-6bad89bc]{background:#fff;border-radius:16px;border:1px solid #f1f5f9;box-shadow:0 4px 20px #0000000d;overflow:hidden}.summary-card .card-body[data-v-6bad89bc]{padding:24px}.summary-card.primary[data-v-6bad89bc]{border-color:#3b82f633;background:#f8faff}.summary-label[data-v-6bad89bc]{font-size:.85rem;font-weight:700;color:var(--sap-text-muted);text-transform:uppercase;margin-bottom:12px;letter-spacing:.025em}.summary-value[data-v-6bad89bc]{font-size:2.25rem;font-weight:900;color:var(--sap-text);margin-bottom:4px}.summary-card.primary .summary-value[data-v-6bad89bc]{color:#3b82f6}.unit[data-v-6bad89bc]{font-size:1.25rem;font-weight:600;color:var(--sap-text-muted);margin-left:4px}.summary-trend[data-v-6bad89bc]{font-size:.85rem;color:var(--sap-text-muted);font-weight:600}.card-header[data-v-6bad89bc]{padding:20px 24px;border-bottom:1px solid #f1f5f9}.card-title[data-v-6bad89bc]{font-size:1.1rem;font-weight:700;color:var(--sap-text)}.table-responsive[data-v-6bad89bc]{overflow-x:auto}.table[data-v-6bad89bc]{width:100%;border-collapse:collapse}.table th[data-v-6bad89bc]{text-align:left;padding:16px 24px;background:#f8fafc;color:var(--sap-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid #f1f5f9}.table td[data-v-6bad89bc]{padding:18px 24px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.date-cell[data-v-6bad89bc]{font-weight:700;color:var(--sap-text)}.consumption-value[data-v-6bad89bc]{font-weight:800;color:var(--sap-text)}.usage-badge[data-v-6bad89bc]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.usage-badge.low[data-v-6bad89bc]{background:#f0fdf4;color:#22c55e}.usage-badge.medium[data-v-6bad89bc]{background:#fffbeb;color:#d97706}.usage-badge.high[data-v-6bad89bc]{background:#fef2f2;color:#ef4444}.empty-state[data-v-6bad89bc]{padding:80px 40px;text-align:center}.empty-icon-circle[data-v-6bad89bc]{width:80px;height:80px;background:#f8fafc;color:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 24px}.empty-title[data-v-6bad89bc]{font-size:1.25rem;font-weight:700;color:var(--sap-text);margin-bottom:8px}.empty-text[data-v-6bad89bc]{color:var(--sap-text-muted)}@media(max-width:640px){.table th[data-v-6bad89bc]:nth-child(2),.table td[data-v-6bad89bc]:nth-child(2),.table th[data-v-6bad89bc]:nth-child(3),.table td[data-v-6bad89bc]:nth-child(3){display:none}}.notifications-container[data-v-df797c74]{max-width:900px;margin:0 auto;animation:fadeIn-df797c74 .5s ease}@keyframes fadeIn-df797c74{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-df797c74]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title[data-v-df797c74]{font-size:1.85rem;font-weight:800;color:var(--sap-text);margin-bottom:6px}.page-subtitle[data-v-df797c74]{color:var(--sap-text-muted);font-size:1rem}.main-card[data-v-df797c74]{background:var(--sap-card);border-radius:16px;border:1px solid var(--sap-border);box-shadow:0 4px 20px #0000000d;overflow:hidden}.notification-list[data-v-df797c74]{display:flex;flex-direction:column}.notification-item[data-v-df797c74]{display:flex;padding:24px;gap:20px;border-bottom:1px solid #f1f5f9;transition:all .2s;position:relative}.notification-item[data-v-df797c74]:last-child{border-bottom:none}.notification-item[data-v-df797c74]:hover{background:#f8fafc}.notification-item.unread[data-v-df797c74]{background:#eff6ff88}.notification-icon-wrapper[data-v-df797c74]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.notification-icon-wrapper.login[data-v-df797c74]{background:#f1f5f9;color:var(--sap-text-muted)}.notification-icon-wrapper.payment[data-v-df797c74]{background:#f0fdf4;color:#22c55e}.notification-icon-wrapper.bill[data-v-df797c74]{background:#eff6ff;color:#3b82f6}.notification-icon-wrapper.complaint[data-v-df797c74]{background:#fff7ed;color:#f97316}.notification-icon-wrapper.message[data-v-df797c74]{background:#ecfeff;color:#06b6d4}.notification-icon-wrapper.default[data-v-df797c74]{background:#f1f5f9;color:var(--sap-text-muted)}.notification-content[data-v-df797c74]{flex:1;min-width:0}.notification-header[data-v-df797c74]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:12px}.notification-title[data-v-df797c74]{font-weight:700;color:var(--sap-text);font-size:1.05rem}.notification-time[data-v-df797c74]{font-size:.8rem;color:var(--sap-text-muted);white-space:nowrap}.notification-text[data-v-df797c74]{color:var(--sap-text-muted);font-size:.95rem;line-height:1.5;margin:0}.unread-dot[data-v-df797c74]{width:8px;height:8px;background:#3b82f6;border-radius:50%;position:absolute;top:24px;right:12px}.empty-state[data-v-df797c74]{padding:80px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-icon-circle[data-v-df797c74]{width:80px;height:80px;background:#f8fafc;color:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:24px}.empty-title[data-v-df797c74]{font-size:1.25rem;font-weight:700;color:var(--sap-text);margin-bottom:8px}.empty-text[data-v-df797c74]{color:var(--sap-text-muted);max-width:300px;margin:0 auto}.skeleton-item[data-v-df797c74]{padding:24px;display:flex;gap:20px;border-bottom:1px solid #f1f5f9}.skeleton-avatar[data-v-df797c74]{width:48px;height:48px;background:#f1f5f9;border-radius:12px;animation:pulse-df797c74 1.5s infinite}.skeleton-text-group[data-v-df797c74]{flex:1}.skeleton-line[data-v-df797c74]{background:#f1f5f9;border-radius:4px;margin-bottom:10px;animation:pulse-df797c74 1.5s infinite}.skeleton-line.title[data-v-df797c74]{width:40%;height:16px}.skeleton-line.body[data-v-df797c74]{width:80%;height:12px}@keyframes pulse-df797c74{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.btn[data-v-df797c74]{padding:10px 20px;border-radius:12px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s;cursor:pointer;border:none}.btn-secondary[data-v-df797c74]{background:#f1f5f9;color:var(--sap-text-muted)}.btn-secondary[data-v-df797c74]:hover{background:#e2e8f0;color:var(--sap-text)}.alert[data-v-df797c74]{padding:16px 24px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.alert-content[data-v-df797c74]{display:flex;align-items:center;gap:12px;font-weight:600}@media(max-width:640px){.page-header[data-v-df797c74]{flex-direction:column;align-items:flex-start;gap:20px}.btn[data-v-df797c74]{width:100%;justify-content:center}.notification-item[data-v-df797c74]{padding:16px;gap:12px}.notification-icon-wrapper[data-v-df797c74]{width:40px;height:40px;font-size:1rem}}.complaints-view[data-v-e83626d1]{background-color:var(--sap-m3-surface)}.font-headline[data-v-e83626d1]{font-family:Plus Jakarta Sans,sans-serif}.text-on-background[data-v-e83626d1]{color:var(--sap-m3-on-surface)}.text-on-surface-variant[data-v-e83626d1]{color:var(--sap-m3-on-surface-variant)}.text-outline-variant[data-v-e83626d1]{color:var(--sap-m3-on-surface-variant);opacity:.5}.text-primary[data-v-e83626d1]{color:var(--sap-m3-primary)}.text-tertiary[data-v-e83626d1]{color:var(--sap-m3-tertiary)}.bg-primary[data-v-e83626d1]{background-color:var(--sap-m3-primary)}.bg-tertiary[data-v-e83626d1]{background-color:var(--sap-m3-tertiary)}.bg-surface-container-low[data-v-e83626d1]{background-color:var(--sap-m3-surface-low)}.bg-surface-container-lowest[data-v-e83626d1]{background-color:var(--sap-m3-surface-lowest)}.material-symbols-outlined[data-v-e83626d1]{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle}.section-container[data-v-e83626d1]{max-width:1200px;margin-left:auto;margin-right:auto}@keyframes slideUp-e83626d1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}section[data-v-e83626d1]{animation:slideUp-e83626d1 .8s cubic-bezier(.16,1,.3,1) both}section[data-v-e83626d1]:nth-child(2){animation-delay:.1s}section[data-v-e83626d1]:nth-child(3){animation-delay:.2s}.font-headline[data-v-4b760b31]{font-family:Plus Jakarta Sans,sans-serif}.btn-back[data-v-4b760b31]{width:54px;height:54px;border-radius:18px;background:var(--sap-m3-surface-lowest);border:1px solid var(--sap-border);color:var(--sap-m3-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 10px #00000005}.btn-back[data-v-4b760b31]:hover{background:var(--sap-m3-primary);color:#fff;transform:scale(1.05);box-shadow:0 10px 20px #0052d033}.f-label[data-v-4b760b31]{display:block;font-size:.75rem;font-weight:900;color:var(--sap-m3-on-surface);margin-bottom:12px;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.f-input-wrapper[data-v-4b760b31]{position:relative;display:flex;align-items:center}.f-icon[data-v-4b760b31]{position:absolute;left:20px;color:var(--sap-m3-on-surface-variant);font-size:1.25rem;opacity:.5}.f-input[data-v-4b760b31]{width:100%;padding:16px 24px 16px 56px;background:var(--sap-m3-surface-low);border:2px solid transparent;border-radius:1.25rem;font-size:1rem;font-weight:500;color:var(--sap-m3-on-surface);transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.f-input[data-v-4b760b31]:focus{border-color:var(--sap-m3-primary);background:var(--sap-m3-surface-lowest);box-shadow:0 8px 16px #0052d014}.upload-zone[data-v-4b760b31]{width:100%;height:300px;background:var(--sap-m3-surface-low);border:2.5px dashed rgba(170,173,176,.3);border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.upload-zone[data-v-4b760b31]:hover{border-color:var(--sap-m3-primary);background:#0052d005}.upload-zone.has-image[data-v-4b760b31]{border:none;cursor:default}.u-icon-circle[data-v-4b760b31]{width:70px;height:70px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 15px #0000000d}.preview-img[data-v-4b760b31]{width:100%;height:100%;object-fit:cover}.remove-btn-large[data-v-4b760b31]{background:#fff;color:var(--sap-m3-error);padding:12px 24px;border-radius:100px;font-weight:800;font-size:.875rem;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;box-shadow:0 10px 20px #0003}.btn-cancel[data-v-4b760b31]{padding:16px 40px;border-radius:100px;font-weight:800;color:var(--sap-m3-on-surface-variant);font-size:.9375rem;transition:all .3s}.btn-cancel[data-v-4b760b31]:hover{background:var(--sap-m3-surface-low);color:var(--sap-m3-on-surface)}.btn-submit[data-v-4b760b31]{padding:16px 50px;background:var(--sap-m3-primary);color:#fff;border-radius:100px;font-weight:900;font-size:.9375rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:center}.btn-submit[data-v-4b760b31]:hover:not(:disabled){transform:translateY(-4px) scale(1.02);box-shadow:0 15px 30px #0052d04d}@keyframes slideUp-4b760b31{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-4b760b31{0%{opacity:0}to{opacity:1}}.animate-slide-up[data-v-4b760b31]{animation:slideUp-4b760b31 .8s cubic-bezier(.16,1,.3,1) both}.animate-fade-in[data-v-4b760b31]{animation:fadeIn-4b760b31 1s ease both}.lightbox-overlay[data-v-24cff04f]{position:fixed;inset:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:60px 20px}.lightbox-close[data-v-24cff04f]{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;font-size:1.25rem;transition:all .2s;z-index:10}.lightbox-close[data-v-24cff04f]:hover{background:#fff3}.lightbox-nav[data-v-24cff04f]{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;font-size:1.25rem;transition:all .2s;z-index:10}.lightbox-nav[data-v-24cff04f]:hover{background:#fff3}.lightbox-prev[data-v-24cff04f]{left:20px}.lightbox-next[data-v-24cff04f]{right:20px}.lightbox-content[data-v-24cff04f]{max-width:90%;max-height:80vh;cursor:zoom-in}.lightbox-image[data-v-24cff04f]{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;transition:transform .3s ease}.lightbox-image.zoomed[data-v-24cff04f]{cursor:zoom-out;transform:scale(1.5)}.lightbox-counter[data-v-24cff04f]{position:absolute;bottom:80px;left:50%;transform:translate(-50%);color:#fff;font-size:.875rem;background:#00000080;padding:8px 16px;border-radius:20px}.lightbox-thumbnails[data-v-24cff04f]{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:#00000080;border-radius:12px}.lightbox-thumbnail[data-v-24cff04f]{width:50px;height:50px;border-radius:8px;overflow:hidden;border:2px solid transparent;padding:0;cursor:pointer;transition:all .2s}.lightbox-thumbnail.active[data-v-24cff04f]{border-color:#fff}.lightbox-thumbnail img[data-v-24cff04f]{width:100%;height:100%;object-fit:cover}.lightbox-enter-active[data-v-24cff04f],.lightbox-leave-active[data-v-24cff04f]{transition:opacity .3s ease}.lightbox-enter-from[data-v-24cff04f],.lightbox-leave-to[data-v-24cff04f]{opacity:0}.lightbox-enter-active .lightbox-image[data-v-24cff04f],.lightbox-leave-active .lightbox-image[data-v-24cff04f]{transition:transform .3s ease,opacity .3s ease}.lightbox-enter-from .lightbox-image[data-v-24cff04f],.lightbox-leave-to .lightbox-image[data-v-24cff04f]{transform:scale(.9);opacity:0}@media(max-width:768px){.lightbox-nav[data-v-24cff04f]{width:40px;height:40px}.lightbox-prev[data-v-24cff04f]{left:10px}.lightbox-next[data-v-24cff04f]{right:10px}.lightbox-thumbnails[data-v-24cff04f]{max-width:90%;overflow-x:auto}}.avatar[data-v-62b5ab13]{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;flex-shrink:0}.avatar-sm[data-v-62b5ab13]{width:32px;height:32px;font-size:.75rem}.avatar-md[data-v-62b5ab13]{width:40px;height:40px;font-size:.875rem}.avatar-lg[data-v-62b5ab13]{width:56px;height:56px;font-size:1.125rem}.avatar-xl[data-v-62b5ab13]{width:80px;height:80px;font-size:1.5rem}.avatar-indigo[data-v-62b5ab13],.avatar-teal[data-v-62b5ab13]{background:linear-gradient(135deg,#303f9f,#3f51b5);color:#fff}.avatar-blue[data-v-62b5ab13]{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.avatar-green[data-v-62b5ab13]{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.avatar-purple[data-v-62b5ab13]{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff}.avatar-red[data-v-62b5ab13]{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.avatar-orange[data-v-62b5ab13]{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.avatar-pink[data-v-62b5ab13]{background:linear-gradient(135deg,#db2777,#ec4899);color:#fff}.avatar-image[data-v-62b5ab13]{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials[data-v-62b5ab13]{text-transform:uppercase;letter-spacing:.5px}.avatar-status[data-v-62b5ab13]{position:absolute;bottom:0;right:0;width:25%;height:25%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid white}.status-online[data-v-62b5ab13]{background:#10b981}.status-offline[data-v-62b5ab13]{background:#6b7280}.status-away[data-v-62b5ab13]{background:#f59e0b}.status-busy[data-v-62b5ab13]{background:#ef4444}.dark .avatar-status[data-v-62b5ab13]{border-color:var(--charcoal)}.complaint-detail-title[data-v-2d0f39c5]{font-size:1.25rem;font-weight:700;color:var(--charcoal);margin-bottom:16px}.complaint-meta[data-v-2d0f39c5]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.complaint-meta-item[data-v-2d0f39c5]{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--dark-gray)}.complaint-meta-item i[data-v-2d0f39c5]{color:var(--teal)}.complaint-description[data-v-2d0f39c5]{background:var(--bg-gray);padding:16px;border-radius:var(--radius-md);margin-bottom:16px}.complaint-description h4[data-v-2d0f39c5]{font-size:.875rem;font-weight:600;color:var(--dark-gray);margin-bottom:8px}.complaint-description p[data-v-2d0f39c5]{color:var(--charcoal);white-space:pre-wrap;line-height:1.6}.complaint-image[data-v-2d0f39c5]{margin-top:16px}.complaint-image h4[data-v-2d0f39c5]{font-size:.875rem;font-weight:600;color:var(--dark-gray);margin-bottom:8px}.complaint-image img[data-v-2d0f39c5]{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--border-gray)}.complaint-image img.clickable-image[data-v-2d0f39c5]{cursor:pointer;transition:all .3s ease}.complaint-image img.clickable-image[data-v-2d0f39c5]:hover{transform:scale(1.02);box-shadow:0 4px 15px #00000026}.attachment-wrapper[data-v-2d0f39c5]{position:relative;display:inline-block;max-width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-gray);cursor:pointer}.attachment-wrapper img[data-v-2d0f39c5]{display:block;max-width:100%;max-height:400px;transition:transform .3s ease}.image-overlay[data-v-2d0f39c5]{position:absolute;inset:0;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease;gap:8px}.attachment-wrapper:hover .image-overlay[data-v-2d0f39c5]{opacity:1}.attachment-wrapper:hover img[data-v-2d0f39c5]{transform:scale(1.05)}.image-overlay i[data-v-2d0f39c5]{font-size:1.5rem}.image-overlay span[data-v-2d0f39c5]{font-size:.875rem;font-weight:500}.info-list[data-v-2d0f39c5]{display:flex;flex-direction:column;gap:16px}.info-item[data-v-2d0f39c5]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-gray)}.info-item[data-v-2d0f39c5]:last-child{border-bottom:none;padding-bottom:0}.info-label[data-v-2d0f39c5]{font-size:.875rem;color:var(--dark-gray)}.info-value[data-v-2d0f39c5]{font-weight:500;color:var(--charcoal)}.conversation-list[data-v-2d0f39c5]{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.conversation-item[data-v-2d0f39c5]{display:flex;gap:12px}.conversation-item.from-admin[data-v-2d0f39c5]{flex-direction:row-reverse}.conversation-content[data-v-2d0f39c5]{flex:1;max-width:70%}.conversation-item.from-admin .conversation-content[data-v-2d0f39c5]{text-align:right}.conversation-header[data-v-2d0f39c5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:12px}.conversation-item.from-admin .conversation-header[data-v-2d0f39c5]{flex-direction:row-reverse}.conversation-sender[data-v-2d0f39c5]{font-size:.875rem;font-weight:600;color:var(--charcoal)}.conversation-time[data-v-2d0f39c5]{font-size:.75rem;color:var(--medium-gray)}.conversation-message[data-v-2d0f39c5]{background:var(--bg-gray);padding:12px 16px;border-radius:var(--radius-md);color:var(--charcoal);line-height:1.5}.conversation-item.from-admin .conversation-message[data-v-2d0f39c5]{background:#00b4a01a}.reply-form[data-v-2d0f39c5]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-gray)}.closed-notice[data-v-2d0f39c5]{margin-top:24px;padding:16px;background:var(--light-gray);border-radius:var(--radius-md);text-align:center;color:var(--dark-gray);display:flex;align-items:center;justify-content:center;gap:8px}.closed-notice i[data-v-2d0f39c5]{color:var(--green)}@media(max-width:768px){.grid-2[data-v-2d0f39c5]{grid-template-columns:1fr}.conversation-content[data-v-2d0f39c5]{max-width:85%}}.toggle-btn[data-v-4e866af2]{position:relative;width:48px;height:26px;background:var(--sap-border);border:none;border-radius:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.toggle-btn.active[data-v-4e866af2]{background:#3b82f6}.toggle-slider[data-v-4e866af2]{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-slider[data-v-4e866af2]{transform:translate(22px)}.letter-spacing-wider[data-v-4e866af2]{letter-spacing:.05em}.language-options[data-v-b8f5e157]{display:flex;flex-direction:column;gap:12px}.language-option[data-v-b8f5e157]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-gray);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:2px solid transparent}.language-option[data-v-b8f5e157]:hover{background:var(--light-gray)}.language-option.active[data-v-b8f5e157]{background:#00b4a01a;border-color:var(--teal)}.language-flag[data-v-b8f5e157]{font-size:2rem;line-height:1}.language-info[data-v-b8f5e157]{flex:1}.language-name[data-v-b8f5e157]{font-size:1rem;font-weight:600;color:var(--charcoal)}.language-native[data-v-b8f5e157]{font-size:.875rem;color:var(--dark-gray)}.language-check[data-v-b8f5e157]{color:var(--teal);font-size:1.25rem}.alert-success[data-v-b8f5e157]{background:#d1fae5;color:#065f46;padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px}.settings-row[data-v-b8f5e157]{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.settings-row-left[data-v-b8f5e157]{display:flex;align-items:center;gap:16px}.settings-row-icon[data-v-b8f5e157]{width:40px;height:40px;background:var(--light-gray);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--dark-gray)}.settings-row-title[data-v-b8f5e157]{font-weight:600;color:var(--charcoal)}.settings-row-desc[data-v-b8f5e157]{font-size:.875rem;color:var(--dark-gray)}.toggle-btn[data-v-b8f5e157]{position:relative;width:48px;height:26px;background:var(--medium-gray);border:none;border-radius:13px;cursor:pointer;transition:background .2s ease}.toggle-btn.active[data-v-b8f5e157]{background:var(--teal)}.toggle-slider[data-v-b8f5e157]{position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--white);border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.toggle-btn.active .toggle-slider[data-v-b8f5e157]{transform:translate(22px)}.history-container[data-v-beda8e89]{margin:0 auto;animation:fadeIn-beda8e89 .5s ease}@keyframes fadeIn-beda8e89{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-beda8e89]{margin-bottom:32px}.page-title[data-v-beda8e89]{font-size:1.85rem;font-weight:800;color:var(--sap-text);margin-bottom:6px}.page-subtitle[data-v-beda8e89]{color:var(--sap-text-muted);font-size:1rem}.pagin-box[data-v-beda8e89]{padding:16px 24px;background:var(--sap-bg);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sap-border)}.pagin-info[data-v-beda8e89]{font-size:.85rem;color:var(--sap-text-muted)}.pagin-controls[data-v-beda8e89]{display:flex;align-items:center}.pagin-controls button[data-v-beda8e89]{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid var(--sap-border);color:var(--sap-text);cursor:pointer;display:flex;align-items:center;justify-content:center}.pagin-controls button[data-v-beda8e89]:disabled{opacity:.5;cursor:not-allowed}.text-sap-navy[data-v-beda8e89]{color:#0b3d5f}.stats-grid[data-v-beda8e89]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card[data-v-beda8e89]{background:var(--sap-card);border-radius:16px;border:1px solid var(--sap-border);box-shadow:0 4px 20px #0000000d}.stats-card .card-body[data-v-beda8e89]{padding:24px;display:flex;align-items:center;gap:20px}.stats-icon[data-v-beda8e89]{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stats-icon.green[data-v-beda8e89]{background:#f0fdf4;color:#22c55e}.stats-icon.blue[data-v-beda8e89]{background:#eff6ff;color:#3b82f6}.stats-icon.purple[data-v-beda8e89]{background:#faf5ff;color:#a855f7}.stats-label[data-v-beda8e89]{font-size:.85rem;font-weight:700;color:var(--sap-text-muted);text-transform:uppercase;margin-bottom:4px}.stats-value[data-v-beda8e89]{font-size:1.5rem;font-weight:800;color:var(--sap-text)}.filter-layout[data-v-beda8e89]{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;padding:24px}.filter-group[data-v-beda8e89]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:150px}.filter-group.search[data-v-beda8e89]{flex:2;min-width:250px}.filter-group label[data-v-beda8e89]{font-size:.75rem;font-weight:800;color:var(--sap-text-muted);text-transform:uppercase}.filter-select[data-v-beda8e89],.input-with-icon input[data-v-beda8e89]{width:100%;padding:12px 16px;background:var(--sap-bg);border:1px solid var(--sap-border);border-radius:12px;font-size:.95rem;color:var(--sap-text);transition:all .2s}.input-with-icon[data-v-beda8e89]{position:relative}.input-with-icon i[data-v-beda8e89]{position:absolute;left:16px;top:14px;color:var(--sap-text-muted)}.input-with-icon input[data-v-beda8e89]{padding-left:44px}.main-card[data-v-beda8e89]{overflow:hidden}.table-responsive[data-v-beda8e89]{overflow-x:auto}.table[data-v-beda8e89]{width:100%;border-collapse:collapse}.table th[data-v-beda8e89]{text-align:left;padding:16px 24px;background:var(--sap-bg);color:var(--sap-text-mid);font-size:.75rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--sap-border)}.table td[data-v-beda8e89]{padding:18px 24px;border-bottom:1px solid var(--sap-border);vertical-align:middle}.tx-title[data-v-beda8e89]{font-weight:700;color:var(--sap-text);margin-bottom:2px}.tx-id[data-v-beda8e89],.acc-name[data-v-beda8e89]{font-size:.8rem}.amount-cell[data-v-beda8e89]{font-weight:800;color:var(--sap-text);font-size:1.05rem}.status-tag[data-v-beda8e89]{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-tag.payment[data-v-beda8e89]{background:#f0fdf4;color:#22c55e}.status-tag.bill[data-v-beda8e89]{background:#eff6ff;color:#3b82f6}.action-buttons[data-v-beda8e89]{display:flex;gap:8px;justify-content:flex-end}.btn-icon[data-v-beda8e89]{width:36px;height:36px;border-radius:10px;background:#f1f5f9;color:var(--sap-text-muted);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-icon[data-v-beda8e89]:hover{background:#3b82f6;color:#fff;transform:scale(1.1)}.btn-outline[data-v-beda8e89]{padding:12px 24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:var(--sap-text-muted);font-weight:700;cursor:pointer}.btn-outline[data-v-beda8e89]:hover{background:#f8fafc;color:var(--sap-text);border-color:#cbd5e1}.empty-state[data-v-beda8e89]{padding:60px;text-align:center}.empty-icon-circle[data-v-beda8e89]{width:70px;height:70px;background:#f8fafc;color:#cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 20px}@media(max-width:992px){.table th[data-v-beda8e89]:nth-child(3),.table td[data-v-beda8e89]:nth-child(3){display:none}}.checkout-layout[data-v-423c61a3]{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:flex-start}.selection-header[data-v-423c61a3]{display:flex;justify-content:space-between;align-items:center}.select-all-btn[data-v-423c61a3]{background:none;border:none;font-size:.8125rem;font-weight:700;color:var(--sap-navy);cursor:pointer;display:flex;align-items:center;gap:6px}.accounts-grid[data-v-423c61a3]{display:grid;grid-template-columns:1fr;gap:16px}.choice-card[data-v-423c61a3]{background:var(--sap-m3-surface-lowest);border-radius:2rem;border:1px solid var(--sap-m3-outline-variant);padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #00000005}.choice-card[data-v-423c61a3]:hover{border-color:var(--sap-m3-primary-container);transform:translateY(-4px)}.choice-card.active[data-v-423c61a3]{border-color:var(--sap-m3-primary);background:var(--sap-m3-surface-low);box-shadow:0 20px 40px #00000014}.card-top[data-v-423c61a3]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.acc-nickname[data-v-423c61a3]{display:block;font-size:1.25rem;font-weight:800;color:var(--sap-m3-on-surface);font-family:Plus Jakarta Sans,sans-serif;letter-spacing:-.02em}.acc-num[data-v-423c61a3]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant);font-weight:600;opacity:.7}.check-box[data-v-423c61a3]{width:32px;height:32px;border-radius:50%;border:2px solid var(--sap-m3-outline-variant);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s;background:var(--sap-m3-surface-low)}.check-box.checked[data-v-423c61a3]{background:var(--sap-m3-primary);border-color:var(--sap-m3-primary)}.amt-input-box label[data-v-423c61a3]{font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--sap-m3-on-surface-variant);letter-spacing:.1em}.input-wrapper[data-v-423c61a3]{margin-top:12px;background:var(--sap-m3-surface-lowest);border:1.5px solid var(--sap-m3-outline-variant);border-radius:14px;display:flex;align-items:center;padding:0 20px;transition:border-color .2s}.input-wrapper[data-v-423c61a3]:focus-within{border-color:var(--sap-m3-primary)}.amt-field[data-v-423c61a3]{width:100%;padding:14px 0;border:none;outline:none;font-size:1.25rem;font-weight:800;color:var(--sap-m3-on-surface);background:transparent;font-family:Plus Jakarta Sans,sans-serif}.due-hint[data-v-423c61a3]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant);margin-top:8px;font-weight:600;opacity:.6}.sticky-card[data-v-423c61a3]{position:sticky;top:120px}.summary-content[data-v-423c61a3]{padding:32px}.selected-list[data-v-423c61a3]{margin-bottom:24px}.sum-row[data-v-423c61a3]{display:flex;justify-content:space-between;margin-bottom:12px}.pay-btn[data-v-423c61a3]{width:100%;background:var(--sap-m3-primary);color:#fff;border:none;padding:18px;border-radius:1.25rem;font-size:1.125rem;font-weight:800;cursor:pointer;transition:all .3s;font-family:Plus Jakarta Sans,sans-serif;box-shadow:0 10px 20px #0052d033}.pay-btn[data-v-423c61a3]:disabled{background:var(--sap-m3-surface-low);color:var(--sap-m3-on-surface-variant);cursor:not-allowed;opacity:.5;box-shadow:none}.pay-btn[data-v-423c61a3]:not(:disabled):hover{transform:translateY(-4px);box-shadow:0 15px 30px #0052d04d}.secure-badge[data-v-423c61a3]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;font-weight:700;color:var(--sap-text-muted)}.page-header[data-v-423c61a3]{display:flex;justify-content:space-between;align-items:center}.content-card[data-v-423c61a3]{background:var(--sap-m3-surface-lowest);border-radius:2rem;border:1px solid var(--sap-m3-outline-variant);overflow:hidden;box-shadow:0 10px 30px #00000005}.card-head[data-v-423c61a3]{padding:24px 32px;background:var(--sap-m3-surface-low);border-bottom:1px solid var(--sap-m3-outline-variant)}.section-label[data-v-423c61a3]{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sap-m3-on-surface-variant)}.alert-err[data-v-423c61a3]{background:var(--sap-red-bg);padding:20px;border-radius:20px;color:var(--sap-red);display:flex;align-items:center;gap:16px;border:1px solid rgba(211,47,47,.1)}.btn-retry[data-v-423c61a3]{background:var(--sap-red);color:#fff;border:none;padding:6px 16px;border-radius:8px;font-weight:700;font-size:.75rem;cursor:pointer}@media(max-width:992px){.checkout-layout[data-v-423c61a3]{grid-template-columns:1fr}.sticky-card[data-v-423c61a3]{position:static}}.receipt-page[data-v-bbca3ad9]{min-height:100vh;background:#f3f4f6;padding:20px}.loading-container[data-v-bbca3ad9]{max-width:600px;margin:100px auto;text-align:center;background:var(--sap-m3-surface-lowest);padding:60px 40px;border-radius:2rem}.spinner[data-v-bbca3ad9]{width:50px;height:50px;border:4px solid var(--sap-m3-outline-variant);border-top-color:var(--sap-m3-primary);border-radius:50%;animation:spin-bbca3ad9 1s linear infinite;margin:0 auto 20px}@keyframes spin-bbca3ad9{to{transform:rotate(360deg)}}.error-container-m3[data-v-bbca3ad9]{max-width:500px;margin:100px auto;text-align:center;background:var(--sap-m3-surface-lowest);padding:60px 40px;border-radius:2.5rem;border:1px solid var(--sap-m3-outline-variant);animation:slideUp-bbca3ad9 .6s cubic-bezier(.16,1,.3,1) both}@keyframes slideUp-bbca3ad9{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.error-icon-m3[data-v-bbca3ad9]{width:100px;height:100px;background:#fef2f2;border-radius:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 32px}.error-icon-m3 i[data-v-bbca3ad9]{font-size:3rem;color:#ef4444}.error-title-m3[data-v-bbca3ad9]{font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:900;color:var(--sap-m3-on-surface);margin-bottom:16px;letter-spacing:-.02em}.error-desc-m3[data-v-bbca3ad9]{font-size:1rem;color:var(--sap-m3-on-surface-variant);margin-bottom:40px;line-height:1.6}.error-actions-m3[data-v-bbca3ad9]{display:flex;flex-direction:column;gap:16px}.receipt-container[data-v-bbca3ad9]{max-width:800px;margin:0 auto}.receipt-content[data-v-bbca3ad9]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.receipt-header[data-v-bbca3ad9]{text-align:center;margin-bottom:30px}.company-logo[data-v-bbca3ad9]{width:120px;height:auto;margin-bottom:20px}.company-info h1[data-v-bbca3ad9]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:12px}.company-info p[data-v-bbca3ad9]{font-size:.875rem;color:#6b7280;line-height:1.6}.divider[data-v-bbca3ad9]{border:none;border-top:2px solid #e5e7eb;margin:24px 0}.receipt-title[data-v-bbca3ad9]{text-align:center;margin-bottom:30px}.receipt-title h2[data-v-bbca3ad9]{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:4px}.receipt-title .subtitle[data-v-bbca3ad9]{font-size:.875rem;color:#6b7280}.info-section[data-v-bbca3ad9]{margin-bottom:24px}.info-row[data-v-bbca3ad9]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.info-col[data-v-bbca3ad9]{padding:12px;background:#f9fafb;border-radius:6px}.info-label[data-v-bbca3ad9]{font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.info-value[data-v-bbca3ad9]{font-size:.875rem;font-weight:600;color:#1f2937}.payment-details[data-v-bbca3ad9]{margin-bottom:24px}.details-table[data-v-bbca3ad9]{width:100%;border-collapse:collapse}.details-table th[data-v-bbca3ad9]{background:#f3f4f6;padding:12px;text-align:left;font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.details-table td[data-v-bbca3ad9]{padding:12px;font-size:.875rem;color:#1f2937;border-bottom:1px solid #e5e7eb}.text-right[data-v-bbca3ad9]{text-align:right}.total-section[data-v-bbca3ad9]{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.total-row[data-v-bbca3ad9]{display:flex;justify-content:space-between;align-items:center}.total-label[data-v-bbca3ad9]{font-size:1rem;font-weight:600;color:#1f2937}.total-amount[data-v-bbca3ad9]{font-size:1.5rem;font-weight:700;color:#3b82f6}.thank-you[data-v-bbca3ad9]{text-align:center;padding-top:20px}.thank-you p[data-v-bbca3ad9]{font-size:.875rem;color:#6b7280;margin-bottom:4px}.receipt-actions[data-v-bbca3ad9]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn[data-v-bbca3ad9]{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none;cursor:pointer}.btn-primary[data-v-bbca3ad9]{background:#3b82f6;color:#fff}.btn-primary[data-v-bbca3ad9]:hover{background:#2563eb}.btn-secondary[data-v-bbca3ad9]{background:#6b7280;color:#fff}.btn-secondary[data-v-bbca3ad9]:hover{background:#4b5563}.btn-outline[data-v-bbca3ad9]{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-outline[data-v-bbca3ad9]:hover{background:#eff6ff}@media print{.receipt-page[data-v-bbca3ad9]{background:#fff;padding:0}.no-print[data-v-bbca3ad9]{display:none!important}.receipt-container[data-v-bbca3ad9]{max-width:100%}.receipt-content[data-v-bbca3ad9]{box-shadow:none;padding:20px}}@media(max-width:768px){.info-row[data-v-bbca3ad9]{grid-template-columns:1fr}.receipt-content[data-v-bbca3ad9]{padding:24px}.receipt-actions[data-v-bbca3ad9]{flex-direction:column}.btn[data-v-bbca3ad9]{width:100%;justify-content:center}}.faq-list[data-v-100d91a7]{display:flex;flex-direction:column;gap:8px}.faq-item[data-v-100d91a7]{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden}.faq-question[data-v-100d91a7]{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;color:var(--charcoal);transition:all .3s ease}.faq-question[data-v-100d91a7]:hover{background:var(--bg-gray)}.faq-question i[data-v-100d91a7]{transition:transform .3s ease;color:var(--dark-gray)}.faq-item.open .faq-question i[data-v-100d91a7]{transform:rotate(180deg)}.faq-answer[data-v-100d91a7]{padding:16px 20px;color:var(--dark-gray);line-height:1.6;border-top:1px solid var(--light-gray);margin-top:0}.guest-payment-page[data-v-50b4022f]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.guest-header[data-v-50b4022f]{background:linear-gradient(135deg,var(--azure) 0%,var(--azure-light) 100%);padding:20px}.guest-header-content[data-v-50b4022f]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.guest-logo[data-v-50b4022f]{display:flex;align-items:center;gap:12px;text-decoration:none}.guest-logo-icon img[data-v-50b4022f]{width:48px;height:48px}.guest-logo-text h1[data-v-50b4022f]{font-size:1.5rem;font-weight:800;color:var(--azure)}.guest-logo-text span[data-v-50b4022f]{font-size:.75rem;color:#fff}.guest-nav .btn-login[data-v-50b4022f]{background:var(--azure);color:#fff;text-decoration:none;font-weight:600;font-size:.875rem;padding:10px 20px;border-radius:9999px}.guest-content[data-v-50b4022f]{max-width:600px;margin:0 auto;padding:60px 20px}.guest-title[data-v-50b4022f]{text-align:center;margin-bottom:40px}.guest-title h2[data-v-50b4022f]{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:12px}.guest-title p[data-v-50b4022f]{color:#6b7280;font-size:1rem}.step-indicator[data-v-50b4022f]{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:40px}.step[data-v-50b4022f]{display:flex;align-items:center;gap:8px}.step-number[data-v-50b4022f]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600}.step.active .step-number[data-v-50b4022f]{background:var(--azure);color:#fff}.step.completed .step-number[data-v-50b4022f]{background:#22c55e;color:#fff}.step.inactive .step-number[data-v-50b4022f]{background:#e5e7eb;color:#9ca3af}.step-label[data-v-50b4022f]{font-size:.75rem;color:#6b7280;display:none}@media(min-width:768px){.step-label[data-v-50b4022f]{display:block}}.step-line[data-v-50b4022f]{width:40px;height:2px;background:#e5e7eb}.step-line.completed[data-v-50b4022f]{background:#22c55e}.guest-card[data-v-50b4022f],.success-card[data-v-50b4022f]{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px #0000001a}.success-card[data-v-50b4022f]{text-align:center}.error-message[data-v-50b4022f]{margin-bottom:16px;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;color:#dc2626;border-radius:8px;font-size:.875rem}.input-hint[data-v-50b4022f]{font-size:.75rem;color:#6b7280;margin-top:8px}.info-box[data-v-50b4022f]{display:flex;align-items:center;gap:12px;padding:16px;background:#f3f4f6;border-radius:8px;margin-bottom:24px}.info-box i[data-v-50b4022f]{color:#22c55e;font-size:1.25rem}.info-box p[data-v-50b4022f]{font-size:.875rem;color:#374151}.login-link[data-v-50b4022f]{text-align:center;margin-top:24px;font-size:.875rem;color:#6b7280}.login-link a[data-v-50b4022f]{color:var(--azure);font-weight:600}.features-list[data-v-50b4022f]{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.feature-item[data-v-50b4022f]{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#6b7280}.feature-item i[data-v-50b4022f]{color:#22c55e}.account-info-header[data-v-50b4022f]{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e5e7eb;margin-bottom:20px}.account-avatar[data-v-50b4022f]{width:60px;height:60px;background:#e0f2fe;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-avatar i[data-v-50b4022f]{font-size:1.5rem;color:var(--azure)}.account-details h3[data-v-50b4022f]{font-size:1rem;font-weight:700;color:#1f2937;text-transform:uppercase;margin-bottom:4px}.account-details p[data-v-50b4022f]{font-size:.875rem;color:#6b7280;line-height:1.5}.account-number[data-v-50b4022f]{display:inline-block;background:#f3f4f6;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;color:#6b7280;margin-top:8px}.amount-display[data-v-50b4022f]{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:16px;margin-bottom:24px}.amount-display.credit-balance[data-v-50b4022f]{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.amount-display.credit-balance .amount-value[data-v-50b4022f]{color:#22c55e}.amount-label[data-v-50b4022f]{font-size:.875rem;color:#6b7280;margin-bottom:8px}.amount-value[data-v-50b4022f]{font-size:3rem;font-weight:800;color:var(--azure)}.amount-value sup[data-v-50b4022f]{font-size:1.5rem;font-weight:600}.amount-status[data-v-50b4022f]{display:inline-block;padding:6px 16px;border-radius:9999px;font-size:.75rem;font-weight:600;margin-top:12px}.amount-status.overdue[data-v-50b4022f]{background:#fee2e2;color:#dc2626}.amount-status.current[data-v-50b4022f]{background:#dcfce7;color:#22c55e}.amount-status.credit[data-v-50b4022f]{background:#dcfce7;color:#16a34a;font-weight:700}.bill-breakdown[data-v-50b4022f]{margin-bottom:24px}.bill-row[data-v-50b4022f]{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e5e7eb;font-size:.875rem}.bill-row[data-v-50b4022f]:last-child{border-bottom:none}.bill-row .label[data-v-50b4022f]{color:#6b7280}.bill-row .value[data-v-50b4022f]{font-weight:600;color:#1f2937}.bill-row.total[data-v-50b4022f]{border-top:2px solid #e5e7eb;border-bottom:none;margin-top:8px;padding-top:16px}.bill-row.total .label[data-v-50b4022f],.bill-row.total .value[data-v-50b4022f]{font-weight:700;font-size:1rem}.currency-prefix[data-v-50b4022f]{color:#6b7280;font-weight:600;padding-left:4px}.amount-input[data-v-50b4022f]{font-weight:600;font-size:1.25rem}.credit-notice[data-v-50b4022f]{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#f0fdf4;border:2px solid #dcfce7;border-radius:12px;margin-bottom:24px}.credit-notice i[data-v-50b4022f]{color:#22c55e;font-size:1.5rem;flex-shrink:0;margin-top:2px}.credit-notice p[data-v-50b4022f]{font-size:.875rem;color:#1f2937;line-height:1.6;margin-bottom:8px}.credit-notice p[data-v-50b4022f]:last-child{margin-bottom:0}.credit-notice strong[data-v-50b4022f]{color:#16a34a;font-weight:600}.email-notice[data-v-50b4022f]{display:flex;align-items:center;gap:12px;padding:16px;background:#f0fdf4;border-radius:8px;margin-bottom:24px}.email-notice i[data-v-50b4022f]{color:#22c55e;font-size:1.25rem}.email-notice p[data-v-50b4022f]{font-size:.875rem;color:#1f2937}.email-notice strong[data-v-50b4022f]{color:var(--azure)}.btn-group[data-v-50b4022f]{display:flex;gap:12px}.btn-group .btn[data-v-50b4022f]{flex:1}.payment-summary[data-v-50b4022f]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:8px;margin-bottom:24px}.payment-summary .label[data-v-50b4022f]{font-size:.875rem;color:#6b7280}.payment-summary .amount[data-v-50b4022f]{font-size:1.5rem;font-weight:700;color:var(--azure)}.section-title[data-v-50b4022f]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:16px}.payment-methods[data-v-50b4022f]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.payment-method[data-v-50b4022f]{display:flex;align-items:center;gap:16px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.payment-method[data-v-50b4022f]:hover{border-color:var(--azure)}.payment-method.selected[data-v-50b4022f]{border-color:var(--azure);background:var(--azure-light)}.radio-circle[data-v-50b4022f]{width:20px;height:20px;border:2px solid #9ca3af;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.payment-method.selected .radio-circle[data-v-50b4022f]{border-color:var(--azure);background:var(--azure)}.payment-method.selected .radio-circle[data-v-50b4022f]:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%}.payment-method-icon[data-v-50b4022f]{width:48px;height:32px;display:flex;align-items:center;justify-content:center}.payment-method-icon i[data-v-50b4022f]{font-size:1.5rem;color:var(--azure)}.payment-method-info .name[data-v-50b4022f]{font-weight:600;color:#1f2937;font-size:.875rem}.payment-method-info .desc[data-v-50b4022f]{font-size:.75rem;color:#6b7280;margin-top:2px}.secure-badge[data-v-50b4022f]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px;padding:12px;background:#f0fdf4;border-radius:8px}.secure-badge i[data-v-50b4022f]{color:#22c55e}.secure-badge span[data-v-50b4022f]{font-size:.75rem;color:#6b7280}.success-icon[data-v-50b4022f]{width:100px;height:100px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:scaleIn-50b4022f .5s ease-out}@keyframes scaleIn-50b4022f{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-icon i[data-v-50b4022f]{font-size:3rem;color:#fff}.success-title[data-v-50b4022f]{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:8px}.success-message[data-v-50b4022f]{font-size:1rem;color:#6b7280;margin-bottom:32px}.receipt-card[data-v-50b4022f]{background:#f3f4f6;border-radius:8px;padding:24px;margin-bottom:24px;text-align:left}.receipt-header[data-v-50b4022f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px dashed #d1d5db}.receipt-header h3[data-v-50b4022f]{font-size:1rem;font-weight:600;color:#1f2937}.receipt-number[data-v-50b4022f]{font-size:.75rem;color:#6b7280}.receipt-row[data-v-50b4022f]{display:flex;justify-content:space-between;padding:8px 0;font-size:.875rem}.receipt-row .label[data-v-50b4022f]{color:#6b7280}.receipt-row .value[data-v-50b4022f]{font-weight:500;color:#1f2937}.receipt-row.total[data-v-50b4022f]{border-top:1px dashed #d1d5db;margin-top:12px;padding-top:16px}.receipt-row.total .label[data-v-50b4022f],.receipt-row.total .value[data-v-50b4022f]{font-weight:700;font-size:1rem}.receipt-row.total .value[data-v-50b4022f]{color:#22c55e}.email-sent[data-v-50b4022f]{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#f0fdf4;border-radius:8px;margin-bottom:32px}.email-sent i[data-v-50b4022f]{font-size:1.25rem;color:#22c55e}.email-sent p[data-v-50b4022f]{font-size:.875rem;color:#1f2937}.email-sent strong[data-v-50b4022f]{color:var(--azure)}.action-buttons[data-v-50b4022f]{display:flex;flex-direction:column;gap:12px}.action-buttons .btn[data-v-50b4022f]{width:100%}.print-btn[data-v-50b4022f]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.divider[data-v-50b4022f]{display:flex;align-items:center;gap:16px;margin:24px 0}.divider[data-v-50b4022f]:before,.divider[data-v-50b4022f]:after{content:"";flex:1;height:1px;background:#e5e7eb}.divider span[data-v-50b4022f]{font-size:.875rem;color:#6b7280}.signup-promo[data-v-50b4022f]{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border-radius:8px;padding:24px;text-align:center}.signup-promo h4[data-v-50b4022f]{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:8px}.signup-promo p[data-v-50b4022f]{font-size:.875rem;color:#6b7280;margin-bottom:16px}.signup-promo ul[data-v-50b4022f]{text-align:left;padding-left:24px;margin-bottom:16px;list-style:none}.signup-promo ul li[data-v-50b4022f]{font-size:.875rem;color:#6b7280;margin-bottom:4px}.signup-promo ul li i[data-v-50b4022f]{color:#22c55e;margin-right:8px}.spinner-small[data-v-50b4022f]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-50b4022f .6s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin-50b4022f{to{transform:rotate(360deg)}}.btn[data-v-50b4022f]:disabled{opacity:.6;cursor:not-allowed}.payment-status-page[data-v-7050bfe9]{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.guest-header[data-v-7050bfe9]{background:linear-gradient(135deg,var(--azure) 0%,var(--azure-light) 100%);padding:20px}.guest-header-content[data-v-7050bfe9]{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.guest-logo[data-v-7050bfe9]{display:flex;align-items:center;gap:12px;text-decoration:none}.guest-logo-icon img[data-v-7050bfe9]{width:48px;height:48px}.guest-content[data-v-7050bfe9]{max-width:600px;margin:0 auto;padding:60px 20px}.loading-state[data-v-7050bfe9]{text-align:center;padding:60px 20px}.spinner[data-v-7050bfe9]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:var(--azure);border-radius:50%;animation:spin-7050bfe9 1s linear infinite;margin:0 auto 20px}@keyframes spin-7050bfe9{to{transform:rotate(360deg)}}.success-card[data-v-7050bfe9],.error-card[data-v-7050bfe9],.pending-card[data-v-7050bfe9]{background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 4px 6px -1px #0000001a;text-align:center}.success-icon[data-v-7050bfe9],.error-icon[data-v-7050bfe9],.pending-icon[data-v-7050bfe9]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.success-icon[data-v-7050bfe9]{background:linear-gradient(135deg,#22c55e,#16a34a)}.error-icon[data-v-7050bfe9]{background:linear-gradient(135deg,#ef4444,#dc2626)}.pending-icon[data-v-7050bfe9]{background:linear-gradient(135deg,#f59e0b,#d97706)}.success-icon i[data-v-7050bfe9],.error-icon i[data-v-7050bfe9],.pending-icon i[data-v-7050bfe9]{font-size:3rem;color:#fff}.success-title[data-v-7050bfe9],.error-card h2[data-v-7050bfe9],.pending-card h2[data-v-7050bfe9]{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:12px}.success-message[data-v-7050bfe9],.error-card p[data-v-7050bfe9],.pending-card p[data-v-7050bfe9]{font-size:1rem;color:#6b7280;margin-bottom:32px}.payment-info[data-v-7050bfe9]{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:32px}.info-row[data-v-7050bfe9]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7eb}.info-row[data-v-7050bfe9]:last-child{border-bottom:none}.info-row .label[data-v-7050bfe9]{color:#6b7280;font-size:.875rem}.info-row .value[data-v-7050bfe9]{font-weight:600;color:#1f2937;font-size:.875rem}.success-badge[data-v-7050bfe9]{background:#dcfce7;color:#16a34a;padding:4px 12px;border-radius:9999px;font-weight:700;font-size:.75rem}.action-buttons[data-v-7050bfe9]{display:flex;flex-direction:column;gap:12px}.btn[data-v-7050bfe9]{padding:14px 24px;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;display:inline-block;text-align:center;transition:all .3s}.btn-primary[data-v-7050bfe9]{background:var(--azure);color:#fff}.btn-secondary[data-v-7050bfe9]{background:#e5e7eb;color:#4b5563}.receipt-page[data-v-066ecd5e]{min-height:100vh;background:#f3f4f6;padding:20px}.loading-container[data-v-066ecd5e],.error-container[data-v-066ecd5e]{max-width:600px;margin:100px auto;text-align:center;background:#fff;padding:60px 40px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.spinner[data-v-066ecd5e]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin-066ecd5e 1s linear infinite;margin:0 auto 20px}@keyframes spin-066ecd5e{to{transform:rotate(360deg)}}.error-icon[data-v-066ecd5e]{width:80px;height:80px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.error-icon i[data-v-066ecd5e]{font-size:2.5rem;color:#ef4444}.error-container h2[data-v-066ecd5e]{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:12px}.error-container p[data-v-066ecd5e]{color:#6b7280;margin-bottom:24px}.receipt-container[data-v-066ecd5e]{max-width:800px;margin:0 auto}.receipt-content[data-v-066ecd5e]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.receipt-header[data-v-066ecd5e]{text-align:center;margin-bottom:30px}.company-logo[data-v-066ecd5e]{width:120px;height:auto;margin-bottom:20px}.company-info h1[data-v-066ecd5e]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:12px}.company-info p[data-v-066ecd5e]{font-size:.875rem;color:#6b7280;line-height:1.6}.divider[data-v-066ecd5e]{border:none;border-top:2px solid #e5e7eb;margin:24px 0}.receipt-title[data-v-066ecd5e]{text-align:center;margin-bottom:30px}.receipt-title h2[data-v-066ecd5e]{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:4px}.receipt-title .subtitle[data-v-066ecd5e]{font-size:.875rem;color:#6b7280}.info-section[data-v-066ecd5e]{margin-bottom:24px}.info-row[data-v-066ecd5e]{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.info-col[data-v-066ecd5e]{padding:12px;background:#f9fafb;border-radius:6px}.info-label[data-v-066ecd5e]{font-size:.75rem;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.info-value[data-v-066ecd5e]{font-size:.875rem;font-weight:600;color:#1f2937}.payment-details[data-v-066ecd5e]{margin-bottom:24px}.details-table[data-v-066ecd5e]{width:100%;border-collapse:collapse}.details-table th[data-v-066ecd5e]{background:#f3f4f6;padding:12px;text-align:left;font-size:.75rem;font-weight:700;color:#374151;text-transform:uppercase;border-bottom:2px solid #e5e7eb}.details-table td[data-v-066ecd5e]{padding:12px;font-size:.875rem;color:#1f2937;border-bottom:1px solid #e5e7eb}.text-right[data-v-066ecd5e]{text-align:right}.total-section[data-v-066ecd5e]{background:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.total-row[data-v-066ecd5e]{display:flex;justify-content:space-between;align-items:center}.total-label[data-v-066ecd5e]{font-size:1rem;font-weight:600;color:#1f2937}.total-amount[data-v-066ecd5e]{font-size:1.5rem;font-weight:700;color:#3b82f6}.thank-you[data-v-066ecd5e]{text-align:center;padding-top:20px}.thank-you p[data-v-066ecd5e]{font-size:.875rem;color:#6b7280;margin-bottom:4px}.receipt-actions[data-v-066ecd5e]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn[data-v-066ecd5e]{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.875rem;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s;border:none;cursor:pointer}.btn-primary[data-v-066ecd5e]{background:#3b82f6;color:#fff}.btn-primary[data-v-066ecd5e]:hover{background:#2563eb}.btn-secondary[data-v-066ecd5e]{background:#6b7280;color:#fff}.btn-secondary[data-v-066ecd5e]:hover{background:#4b5563}.btn-outline[data-v-066ecd5e]{background:transparent;color:#3b82f6;border:2px solid #3b82f6}.btn-outline[data-v-066ecd5e]:hover{background:#eff6ff}@media print{.receipt-page[data-v-066ecd5e]{background:#fff;padding:0}.no-print[data-v-066ecd5e]{display:none!important}.receipt-container[data-v-066ecd5e]{max-width:100%}.receipt-content[data-v-066ecd5e]{box-shadow:none;padding:20px}}@media(max-width:768px){.info-row[data-v-066ecd5e]{grid-template-columns:1fr}.receipt-content[data-v-066ecd5e]{padding:24px}.receipt-actions[data-v-066ecd5e]{flex-direction:column}.btn[data-v-066ecd5e]{width:100%;justify-content:center}}.bills-view[data-v-3f809888]{max-width:1200px;margin:0 auto;animation:fadeIn-3f809888 .8s cubic-bezier(.16,1,.3,1) both}@keyframes fadeIn-3f809888{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-header[data-v-3f809888]{margin-bottom:40px;display:flex;justify-content:space-between;align-items:center}.text-sap-navy[data-v-3f809888]{font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:900;color:var(--sap-m3-on-surface);letter-spacing:-.04em}.stat-grid[data-v-3f809888]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.stat-card-m3[data-v-3f809888]{padding:32px;border-radius:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--sap-m3-outline-variant)}.primary-gradient[data-v-3f809888]{background:linear-gradient(135deg,var(--sap-m3-primary) 0%,#0047B7 100%);box-shadow:0 20px 40px #0052d033}.surface-card[data-v-3f809888]{background:var(--sap-m3-surface-lowest);box-shadow:0 10px 30px #00000008}.stat-content[data-v-3f809888]{display:flex;align-items:center;gap:24px}.stat-icon-m3[data-v-3f809888]{width:64px;height:64px;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.stat-label-m3[data-v-3f809888]{font-size:.75rem;font-weight:800;color:var(--sap-m3-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.stat-value-m3[data-v-3f809888]{font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:900;color:var(--sap-m3-on-surface);line-height:1.2}.stat-sub-m3[data-v-3f809888]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant);opacity:.7}.content-card[data-v-3f809888]{background:var(--sap-m3-surface-lowest)!important;border-radius:2.5rem;border:1px solid var(--sap-m3-outline-variant);box-shadow:0 10px 30px #00000005;overflow:hidden}.card-head[data-v-3f809888]{padding:24px 32px;background:var(--sap-m3-surface-low)!important;border-bottom:1px solid var(--sap-m3-outline-variant);display:flex;justify-content:space-between;align-items:center}.section-label[data-v-3f809888]{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--sap-m3-on-surface-variant)}.filter-flex[data-v-3f809888]{padding:24px 32px;display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}.f-group[data-v-3f809888]{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.f-group.search[data-v-3f809888]{flex:2}.f-group label[data-v-3f809888]{font-size:.7rem;font-weight:800;text-transform:uppercase;color:var(--sap-m3-on-surface-variant);letter-spacing:.05em}.f-group select[data-v-3f809888],.search-wrap input[data-v-3f809888]{width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--sap-m3-outline-variant);background:var(--sap-m3-surface-low);color:var(--sap-m3-on-surface);font-size:.9rem;font-weight:600;outline:none;transition:all .2s}.f-group select[data-v-3f809888]:focus,.search-wrap input[data-v-3f809888]:focus{border-color:var(--sap-m3-primary);background:var(--sap-m3-surface-lowest)}.search-wrap[data-v-3f809888]{position:relative}.search-wrap i[data-v-3f809888]{position:absolute;left:16px;top:50%;translate:0 -50%;color:var(--sap-m3-on-surface-variant);opacity:.5}.search-wrap input[data-v-3f809888]{padding-left:44px}.chart-box[data-v-3f809888]{padding:32px}.chart-wrapper[data-v-3f809888]{height:350px}.sap-table[data-v-3f809888]{width:100%;border-collapse:separate;border-spacing:0}.sap-table th[data-v-3f809888]{background:var(--sap-m3-surface-low);padding:20px 32px;text-align:left;font-size:.7rem;font-weight:800;color:var(--sap-m3-on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.sap-table td[data-v-3f809888]{padding:20px 32px;border-bottom:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface);font-weight:500}.date-cell[data-v-3f809888]{font-weight:800;color:var(--sap-m3-on-surface)}.acc-info[data-v-3f809888]{display:flex;align-items:baseline;gap:8px}.acc-no[data-v-3f809888]{font-weight:800;color:var(--sap-m3-on-surface);flex-shrink:0}.acc-name[data-v-3f809888]{font-size:.8125rem;color:var(--sap-m3-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge[data-v-3f809888]{padding:4px 14px;border-radius:100px;font-size:.7rem;font-weight:900;text-transform:uppercase}.badge.green[data-v-3f809888]{background:var(--sap-m3-secondary-container);color:var(--sap-m3-on-secondary-container)}.badge.navy[data-v-3f809888]{background:var(--sap-m3-primary-container);color:var(--sap-m3-on-primary)}.text-sap-green[data-v-3f809888]{color:var(--sap-m3-secondary)}.text-sap-red[data-v-3f809888]{color:var(--sap-m3-error)}.action-btn[data-v-3f809888]{width:44px;height:44px;border-radius:12px;background:var(--sap-m3-surface-lowest);border:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface-variant);cursor:pointer;transition:all .3s}.action-btn[data-v-3f809888]:hover{background:var(--sap-m3-primary);color:#fff;transform:scale(1.05)}.pagin-box[data-v-3f809888]{padding:24px 32px;background:var(--sap-m3-surface-low);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--sap-m3-outline-variant)}.pagin-info[data-v-3f809888]{font-size:.85rem;color:var(--sap-m3-on-surface-variant)}.pagin-controls button[data-v-3f809888]{width:36px;height:36px;border-radius:10px;background:var(--sap-m3-surface-lowest);border:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface);cursor:pointer}.btn-refresh[data-v-3f809888]{height:48px;padding:0 24px;border-radius:14px;background:var(--sap-m3-surface-lowest);border:1px solid var(--sap-m3-outline-variant);color:var(--sap-m3-on-surface);font-weight:700;cursor:pointer;transition:all .3s}.btn-refresh[data-v-3f809888]:hover{background:var(--sap-m3-primary);color:#fff}@media(max-width:768px){.stat-grid[data-v-3f809888]{grid-template-columns:1fr}.page-header[data-v-3f809888]{flex-direction:column;align-items:flex-start;gap:16px}}