*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;height:100%;margin:0;padding:0}@media (prefers-color-scheme:dark){html,body{--lightningcss-light: ;--lightningcss-dark:initial}}#root{height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--brand-500:#7e14ff;--brand-400:#863bff;--brand-300:#a76bff;--brand-cyan:#47bfff;--brand-gradient:linear-gradient(135deg, #7e14ff 0%, #a76bff 55%, #47bfff 130%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.25rem;--leading-normal:1.6;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 12px 40px #0000002e;--shadow-glow:0 0 48px #7e14ff73;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.6s}:root,[data-theme=light]{--bg:#fff;--bg-subtle:#f7f7f8;--surface:#fff;--surface-raised:#fff;--border:#ececef;--border-strong:#d8d8de;--text:#1a1a1e;--text-muted:#6b6b76;--text-faint:#9a9aa4;--accent:var(--brand-500);--accent-hover:var(--brand-400);--accent-contrast:#fff;--danger:#dc2626;--danger-bg:#fef2f2;--success:#16a34a;--success-bg:#f0fdf4;--pending-bg:#fffbeb;--pending-border:#fbbf24;--pending-text:#92400e;--ring:#7e14ff59}[data-theme=dark]{--bg:#0e0e12;--bg-subtle:#15151b;--surface:#16161d;--surface-raised:#1d1d26;--border:#26262f;--border-strong:#34343f;--text:#ececf1;--text-muted:#a0a0ad;--text-faint:#6e6e7a;--accent:var(--brand-400);--accent-hover:var(--brand-300);--accent-contrast:#fff;--danger:#f87171;--danger-bg:#2d1b1b;--success:#4ade80;--success-bg:#1b2d1b;--pending-bg:#2d2410;--pending-border:#d97706;--pending-text:#fbbf24;--ring:#a76bff73}html{font-family:var(--font-sans)}body{background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:var(--leading-normal)}.teller-shell{background:var(--bg-subtle);flex-direction:column;min-height:100dvh;display:flex}.teller-header{padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}.teller-header__brand{align-items:center;gap:var(--space-2);display:flex}.teller-header__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);letter-spacing:-.01em}.teller-header__controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.teller-header__user{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.teller-header__reset-confirm{gap:var(--space-2);display:flex}.teller-main{padding:var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;width:100%;max-width:1280px;margin:0 auto;display:flex}.teller-customer-header{padding:0}.teller-customer-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text);margin:0}.teller-section-title{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3);font-size:var(--text-sm)}.teller-loading{height:200px;color:var(--text-muted);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-family:var(--font-sans);font-weight:var(--weight-medium);cursor:pointer;transition:opacity var(--dur-fast), background var(--dur-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.btn--secondary{background:var(--bg-subtle);border-color:var(--border-strong);color:var(--text-muted)}.btn--secondary:hover{color:var(--text);border-color:var(--border-strong)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover{opacity:.88}.btn--ghost{border-color:var(--border);color:var(--text-muted);background:0 0}.btn--ghost:hover{color:var(--text)}.connection-status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:3px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);display:flex}.connection-status__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.connection-status--live .connection-status__dot{background:var(--success)}.connection-status--live .connection-status__label{color:var(--success)}.connection-status--reconnecting .connection-status__dot{background:var(--pending-border);animation:1s ease-in-out infinite pulse}.connection-status--reconnecting .connection-status__label{color:var(--pending-border)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.connection-status--reconnecting .connection-status__dot{animation:none}}.teller-accounts__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast)}.account-card:hover{box-shadow:var(--shadow-md)}.account-card__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.account-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text)}.account-card__type{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.account-card__balance{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--text);margin-bottom:var(--space-2);font-variant-numeric:tabular-nums}.account-card__balance--negative{color:var(--danger)}.account-card__credit-info{gap:var(--space-1) var(--space-3);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:auto 1fr;display:grid}.account-card__credit-label{color:var(--text-muted)}.account-card__credit-value,.account-card__credit-available{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}@keyframes card-flash{0%{background:var(--surface)}30%{background:var(--pending-bg)}to{background:var(--surface)}}.account-card--updated{animation:card-flash 1.2s var(--ease-out)}@media (prefers-reduced-motion:reduce){.account-card--updated{animation:none}}.pending-etransfers{background:var(--pending-bg);border:1px solid var(--pending-border);border-radius:var(--radius-md);padding:var(--space-4)}.pending-etransfers__header{margin-bottom:var(--space-3)}.pending-etransfers__title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--pending-text);align-items:center;gap:var(--space-2);margin:0;display:flex}.pending-etransfers__badge{min-width:20px;height:20px;padding:0 var(--space-1);background:var(--pending-border);color:#fff;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);justify-content:center;align-items:center;display:inline-flex}.pending-etransfers__empty{color:var(--pending-text);font-size:var(--text-sm);opacity:.7;margin:0}.pending-etransfers__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pending-etransfers__item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);grid-template-columns:1fr auto auto;display:grid}.pending-etransfers__recipient{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.pending-etransfers__amount{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--danger);font-variant-numeric:tabular-nums}.pending-etransfers__source{font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.transaction-table-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.transaction-table-section__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3)}.transaction-table-section__empty{color:var(--text-muted);font-size:var(--text-sm);margin:0}.transaction-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.transaction-table thead th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--text-faint);font-weight:var(--weight-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}.transaction-table tbody td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.transaction-table tbody tr:last-child td{border-bottom:none}.transaction-table tbody tr:hover td{background:var(--bg-subtle)}.transaction-table__amount-col{text-align:right!important}.transaction-table__debit,.transaction-table__credit{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.transaction-table__debit{color:var(--danger)}.transaction-table__credit{color:var(--success)}.login-scene{background:#08080c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-scene__aurora{filter:blur(80px);width:200%;height:200%;animation:aurora-drift var(--dur-slow) var(--ease-out) both, aurora-float 18s ease-in-out infinite alternate;pointer-events:none;will-change:transform;background:radial-gradient(at 60% 40%,#7e14ff2e 0%,#0000 60%),radial-gradient(at 30% 70%,#47bfff1f 0%,#0000 55%);position:absolute;inset:-50%}.login-scene__aurora--2{background:radial-gradient(at 75% 65%,#a76bff24 0%,#0000 55%),radial-gradient(at 20% 30%,#7e14ff1a 0%,#0000 60%);animation-duration:22s;animation-delay:-8s}@keyframes aurora-drift{0%{opacity:0}to{opacity:1}}@keyframes aurora-float{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(4%,3%)scale(1.04)}}@media (prefers-reduced-motion:reduce){.login-scene__aurora{opacity:.7;animation:none}}.login-scene__content{z-index:1;align-items:center;gap:var(--space-5);animation:scene-enter var(--dur-base) var(--ease-out) both;flex-direction:column;display:flex;position:relative}@keyframes scene-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.login-scene__content{animation:none}}.login-scene__mark{filter:drop-shadow(var(--shadow-glow));justify-content:center;align-items:center;display:flex}.login-scene__mark img{width:72px;height:72px;display:block}.login-scene__denied{color:var(--danger);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);text-align:center;background:#dc26261f;border:1px solid #dc26264d;max-width:320px;margin:0}.login-scene__gsi{justify-content:center;display:flex}@media (width<=768px){.teller-main{padding:var(--space-4)}.teller-header{padding:var(--space-3) var(--space-4)}.teller-accounts__grid,.pending-etransfers__item{grid-template-columns:1fr}}