@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background:#020617}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b 0,#020617 80%);background-attachment:fixed}#root{min-height:100vh}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.app-root{color:#e5e7eb;min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2.5rem;border-bottom:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(to right,rgba(15,23,42,.95),transparent)}.brand{display:inline-flex;align-items:center;gap:.75rem}.brand-mark{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 0,#38bdf8,#6366f1);font-weight:700;font-size:.9rem}.brand-text{font-weight:600;letter-spacing:.04em}.header-right,.nav{display:flex;align-items:center;gap:.75rem}.nav-link{color:#94a3b8;text-decoration:none;padding:.35rem .75rem;border-radius:999px;border:1px solid transparent;font-size:.9rem}.nav-link.active{background:#1e40afe6;border-color:#818cf8b3;color:#e5e7eb}.nav-link:hover{color:#e5e7eb}.user-chip{padding:.25rem .75rem;border-radius:999px;background:#0f172acc;border:1px solid rgba(148,163,184,.5);font-size:.85rem}.app-main{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1.5rem 3rem}.card{width:100%;max-width:960px;background:#0f172aa6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:1.25rem;border:1px solid rgba(255,255,255,.1);border-top-color:#fff3;box-shadow:0 24px 80px #0006,inset 0 1px #ffffff1a;padding:2rem 2.25rem 2.5rem}.form{display:flex;flex-direction:column;gap:1rem}.form.inline{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}input,select{border-radius:.75rem;border:1px solid rgba(148,163,184,.4);background:#0f172ab3;color:#e5e7eb;padding:.6rem .75rem;font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:focus,select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840;background:#0f172af2}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:2.5rem}.password-toggle-btn{position:absolute;right:.5rem;background:transparent;border:none;color:#94a3b8;padding:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s ease}.password-toggle-btn:hover{color:#e5e7eb}.btn{border-radius:999px;border:1px solid transparent;padding:.6rem 1.4rem;font-size:.95rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.btn.primary{background:linear-gradient(to right,#38bdf8,#6366f1);color:#0b1120;box-shadow:0 4px 14px #6366f133}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn.ghost{background:transparent;border-color:#94a3b8b3;color:#e5e7eb}.btn.small{padding-inline:1rem;padding-block:.45rem;font-size:.85rem}.dashboard{display:flex;flex-direction:column;gap:1.75rem}.tabs{display:flex;gap:.5rem;border-bottom:1px solid rgba(30,64,175,.8);padding-bottom:.5rem;margin-bottom:.5rem}.tab{border:none;background:transparent;padding:.45rem 1rem;border-radius:999px;color:#94a3b8;font-size:.9rem}.tab.active{background:#1e40afe6;color:#e5e7eb}.section{margin-top:.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.account-card{border-radius:1rem;padding:1.5rem;background:linear-gradient(135deg,#1e40afe6,#0f172af2);border:1px solid rgba(129,140,248,.4);box-shadow:0 10px 25px -5px #00000080,inset 0 1px 1px #ffffff26;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.account-card:hover{transform:translateY(-4px);box-shadow:0 20px 30px -5px #0009,inset 0 1px 1px #fff3}.account-card:after{content:"";position:absolute;top:-50%;right:-20%;width:15rem;height:15rem;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.account-number{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.account-balance{font-size:1.5rem;font-weight:600;margin-top:.4rem}.account-meta{display:flex;flex-direction:column;gap:.15rem;font-size:.8rem;margin-top:.4rem;color:#cbd5f5}.muted{color:#9ca3af;font-size:.9rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:.5rem;border-radius:.5rem}.table{width:100%;border-collapse:collapse;font-size:.85rem;white-space:nowrap}.table th,.table td{padding:.5rem .75rem;border-bottom:1px solid rgba(30,64,175,.7);text-align:left}.table th{font-weight:500;color:#93c5fd;background:#0f172a66}.table tbody tr{transition:background-color .2s ease}.table tbody tr:hover{background-color:#1e40af33}.actions{text-align:right}.otp-row{margin-top:1rem;align-items:end}.otp-meta{grid-column:1 / -1;margin-top:-.5rem}@keyframes slideDownAlert{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert{margin-top:1.25rem;padding:.75rem .9rem;border-radius:.75rem;font-size:.86rem;animation:slideDownAlert .3s cubic-bezier(.16,1,.3,1) forwards;display:flex;align-items:center;gap:.5rem}.alert.error{background:#f871711f;border:1px solid rgba(248,113,113,.5);color:#fecaca}.alert.success{background:#16a34a1f;border:1px solid rgba(34,197,94,.5);color:#bbf7d0}.link-button{border:none;background:none;padding:0;color:#60a5fa;cursor:pointer;font:inherit}a{color:#60a5fa}.bbps-panel{margin-top:1rem;padding:1rem 1.1rem;border-radius:.9rem;background:radial-gradient(circle at top left,#1e40af73,#0f172afa);border:1px solid rgba(129,140,248,.7)}.bbps-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.bbps-panel-label{font-size:.9rem;color:#e5e7eb}.bbps-panel-tag{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(129,140,248,.7);color:#bfdbfe}.bbps-panel-body{font-size:.85rem;color:#e5e7eb}.bbps-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;max-height:220px;overflow:auto;padding:.6rem .75rem;border-radius:.6rem;background:#0f172af2;border:1px solid rgba(30,64,175,.85)}.bbps-kv{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.6rem;font-size:.8rem;color:#cbd5f5}.bbps-kv span{opacity:.9}@media(max-width:768px){.app-header{padding-inline:1.25rem}.card{padding:1.5rem 1.25rem 1.75rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:#94a3b8;background:#0f172a66;border-radius:1rem;border:1px dashed rgba(148,163,184,.3);margin-top:1rem}.empty-state-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.empty-state p{margin:0;font-size:.95rem}.loader{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid rgba(56,189,248,.2);border-radius:50%;border-top-color:#38bdf8;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#94a3b8}.info-card{background:#0f172ab3;border:1px solid rgba(129,140,248,.25);border-radius:.9rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;border-bottom:1px solid rgba(148,163,184,.08)}.info-row:last-child{border-bottom:none}.info-label{font-size:.82rem;color:#94a3b8;font-weight:500;white-space:nowrap;flex-shrink:0}.info-value{font-size:.88rem;color:#e2e8f0;font-weight:500;text-align:right;word-break:break-all}