:root{--bg-deep: #030712;--bg: #0f1c2d;--bg-alt: #16263b;--surface: rgba(16, 30, 48, .92);--card: rgba(20, 36, 57, .92);--primary: #fbbf24;--primary-dark: #f97316;--secondary: #ff5400;--accent: #1dd3b0;--text: #f8fbff;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .08);--danger: #ff4d6d;--success: #4ade80;--shadow: 0 25px 80px rgba(3, 7, 18, .7)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(255,185,0,.15),transparent 45%),radial-gradient(circle at 18% 20%,rgba(13,148,136,.18),transparent 40%),var(--bg-deep);color:var(--text);min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url('data:image/svg+xml,%3Csvg width="200" height="200" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0 120 Q60 80 120 120 T240 120" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="2"/%3E%3C/svg%3E');opacity:.9;pointer-events:none;z-index:0}.app-shell{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.page{width:100%;padding:clamp(16px,4vw,48px)}.page-landing{min-height:100vh;display:flex;flex-direction:column;gap:clamp(24px,3vw,56px)}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#0f172a;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.brand h1{margin:0;font-size:1.35rem;letter-spacing:.06em}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-outline{border-radius:14px;padding:10px 18px;border:1px solid var(--border);background:transparent;color:var(--text);font-weight:600;cursor:pointer}.ws-pill{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;font-size:clamp(.65rem,1.8vw,.85rem);background:#ffffff0f;border:1px solid var(--border);color:var(--text);max-width:min(230px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .3s ease,border-color .3s ease}.ws-pill.online{background:#4ade801f;border-color:#4ade8066;color:var(--success)}.ws-heartbeat{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.heartbeat-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 #1dd3b066;animation:heartbeatDot 1.6s ease-in-out infinite}.heartbeat-wave{width:28px;height:12px;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 12"%3E%3Cpolyline points="0,6 4,6 7,2 10,10 13,6 20,6 23,2 26,10 29,6 32,6" fill="none" stroke="%231dd3b0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-size:cover;opacity:.75;animation:heartbeatTrace 1.6s linear infinite}.ws-pill:not(.online) .heartbeat-dot,.ws-pill:not(.online) .heartbeat-wave{animation-play-state:paused;opacity:.35;box-shadow:none}.ws-label{overflow:hidden;text-overflow:ellipsis}@keyframes heartbeatDot{0%,to{transform:scale(.9);box-shadow:0 0 #1dd3b026}50%{transform:scale(1.2);box-shadow:0 0 12px #1dd3b08c}}@keyframes heartbeatTrace{0%{transform:translate(0);opacity:.35}25%{opacity:.65}to{transform:translate(-4px);opacity:.35}}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,3vw,48px);align-items:center;max-width:1200px;margin:0 auto;width:100%}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:18px}.hero-copy h2{font-size:clamp(2.4rem,4vw,3.8rem);margin:0 0 16px;line-height:1.05}.hero-copy p{color:var(--text-muted);font-size:1.05rem;max-width:520px;margin:0 0 24px}.eyebrow{text-transform:uppercase;letter-spacing:.35em;font-size:.8rem;color:var(--accent);margin-bottom:12px}.landing-flow-card{background:var(--surface);border-radius:28px;padding:clamp(20px,3vw,32px);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;max-width:420px;align-items:center;text-align:center}.landing-flow-status{display:flex;justify-content:center;align-items:center}.landing-flow-card .ghost-button,.landing-flow-card .result,.landing-flow-card .landing-status,.landing-flow-card .landing-profile,.landing-step{width:100%}.landing-step{display:none;flex-direction:column;gap:10px;align-items:center}.landing-step.active{display:flex}label{font-size:.9rem;color:var(--text-muted)}.input-field{width:100%;border:1px solid var(--border);border-radius:18px;padding:16px;background:#ffffff05;color:var(--text);font-size:1.35rem;letter-spacing:.2em;text-align:center}.input-field:focus{outline:2px solid var(--primary);border-color:transparent}.input-field.input-error{border-color:#f87171e6;box-shadow:0 0 0 1px #f87171b3,0 0 16px #f8717173;animation:input-shake .16s ease-in-out 2}@keyframes input-shake{0%{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}to{transform:translate(0)}}.landing-status{min-height:26px;font-size:.95rem;font-weight:600;color:var(--text-muted)}.landing-status.error{color:var(--danger)}.landing-profile{border:1px solid var(--border);border-radius:18px;padding:16px;background:#ffffff08;display:none}.landing-profile.visible{display:block}.landing-profile h4{margin:0 0 6px}.page-dashboard{background:var(--bg-alt);min-height:100vh;display:flex;flex-direction:column;gap:24px;align-items:center;padding:clamp(24px,5vw,56px) 0 72px}.dashboard-container{width:min(1200px,100%);display:flex;flex-direction:column;gap:32px;align-items:center;margin:0 auto;padding:0 clamp(16px,4vw,32px)}.dashboard-header{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.dashboard-header-top{width:100%;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,32px);flex-wrap:nowrap}.dashboard-identity{display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px);text-align:center;flex:1 1 auto;min-width:0}.dashboard-title-stack{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;min-width:0}.dashboard-title{margin:0;font-size:clamp(1.2rem,4.5vw,2rem);letter-spacing:.05em;line-height:1.1}.dashboard-greeting{margin:0;font-size:clamp(.78rem,3.6vw,.95rem);color:var(--text-muted);white-space:nowrap}.dashboard-pill{border-radius:999px;padding:10px clamp(14px,3.5vw,26px);background:linear-gradient(120deg,var(--secondary),var(--primary));color:#0f172a;border:1px solid transparent;font-weight:600;box-shadow:0 18px 40px #fbbf2440;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center}button.dashboard-pill{cursor:pointer}button.dashboard-pill:hover{transform:translateY(-1px);box-shadow:0 22px 48px #fbbf2452}button.dashboard-pill:active{transform:translateY(0);box-shadow:0 12px 28px #fbbf2433;opacity:.9}.dashboard-logo-pill{font-size:clamp(.9rem,2.2vw,1rem);text-transform:uppercase;letter-spacing:.18em;font-weight:700;pointer-events:none}.dashboard-header .header-actions{justify-content:center}.dashboard-stats-row{width:100%;display:flex;gap:clamp(8px,2vw,18px);align-items:stretch;justify-content:center;flex-wrap:nowrap}.dashboard-stat{flex:1 1 0;border-radius:18px;padding:clamp(12px,2vw,18px);border:1px solid var(--border);background:#ffffff08;text-align:left;box-shadow:inset 0 0 0 1px #ffffff05}.dashboard-stat h4{margin:0 0 4px;font-size:clamp(.7rem,2vw,.85rem);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.dashboard-stat .value{font-size:clamp(1.1rem,3vw,1.9rem);font-weight:600;white-space:nowrap}.dashboard-stats-row,.dashboard-stat{text-align:center}.transaction-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 768px){.transaction-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.transaction-grid{grid-template-columns:repeat(3,1fr)}}.btn-cancel,.btn-back,.btn-delete,.btn-remove{box-shadow:0 0 10px #ff4d6d80!important;color:var(--danger)!important}.btn-copy{box-shadow:0 0 10px #4ade8080!important;color:var(--success)!important}.flex-container .btn-cancel,.flex-container .btn-back,.flex-container .btn-delete,.flex-container .btn-remove{order:-1;margin-right:auto}.dashboard-body{width:100%;display:flex;justify-content:center}.side-nav{width:100%;display:flex;gap:clamp(6px,1.5vw,12px);padding:clamp(6px,1.5vw,12px);border-radius:18px;border:1px solid var(--border);background:#ffffff05}.side-nav button{flex:1 1 0;min-width:0;padding:clamp(8px,1.5vw,12px) clamp(10px,2vw,18px);border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);font-weight:600;font-size:clamp(.72rem,2.4vw,.95rem);cursor:pointer;white-space:nowrap}.side-nav button.active{border-color:#fbbf24b3;background:#fbbf241f;color:var(--primary)}.panel-stack{border-radius:24px;border:1px solid var(--border);background:#040a148c;padding:clamp(16px,2vw,32px);min-height:60vh;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}.panel-stack>*{width:min(100%,640px);max-width:100%;overflow-x:hidden}.panel{display:none;flex-direction:column;gap:16px}.panel.active{display:flex}.panel,.form-card{width:100%;text-align:center}.form-card{border-radius:18px;border:1px solid var(--border);padding:20px;background:#ffffff05}.result-card{border-radius:16px;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;padding:16px 18px;margin-top:12px;text-align:center;margin-left:auto;margin-right:auto}.result-card.success{border-color:#22c55eb3}.result-card.error{border-color:#f87171cc;background:#7f1d1d80}.result-card h4{margin:0 0 8px;font-size:.95rem}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 18px}.kv-row{display:flex;flex-direction:column;gap:2px}.kv-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.kv-value{font-size:.9rem}.field-message{margin-top:6px;min-height:18px;font-size:.8rem;color:var(--text-muted);text-align:center}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.75rem;border:1px solid rgba(148,163,184,.4)}.status-pill.success{border-color:#22c55eb3;background:#16a34a1a;color:var(--success)}.status-pill.error{border-color:#f87171b3;background:#7f1d1d80;color:var(--danger)}.status-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.result-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.8rem;table-layout:auto}.result-table thead{background:#0f172ae6}.result-table th,.result-table td{padding:8px 10px;border-bottom:1px solid rgba(148,163,184,.2);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.history-table-wrapper{max-height:260px;overflow-y:auto;overflow-x:auto;margin-top:10px;width:100%;max-width:100%}.history-table-wrapper table{width:100%;min-width:600px}.result-table th{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.result-table tbody tr:last-child td{border-bottom:none}.btn-primary,.btn-outline,.ghost-button{border-radius:12px;font-weight:600;cursor:pointer;border:none}.btn-primary{padding:14px;background:linear-gradient(120deg,var(--secondary),var(--primary));color:#0f172a}.ghost-button{background:none;color:var(--primary);padding:0}.loading{display:inline-block;width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712a6;display:none;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-overlay.active{display:flex}.loading-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.15);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.input-group{display:flex;flex-direction:column;gap:8px;width:100%}.input-group label{text-align:left}.account-section{width:100%}.account-section.hidden{display:none}.bank-grid-scrollable::-webkit-scrollbar{width:8px}.bank-grid-scrollable::-webkit-scrollbar-track{background:transparent;border-radius:4px}.bank-grid-scrollable::-webkit-scrollbar-thumb{background:#2563eb4d;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.bank-grid-scrollable::-webkit-scrollbar-thumb:hover{background:#2563eb80}input[type=text]:focus{outline:2px solid var(--primary);border-color:var(--primary)}@media (max-width: 960px){.panel-stack>*{width:100%}}@media (max-width: 720px){.input-field{letter-spacing:.18em;font-size:1.05rem}.hero-copy{align-items:center;text-align:center}.dashboard-header-top{gap:clamp(8px,2vw,16px)}.dashboard-logo-pill{padding:8px 16px;font-size:clamp(.75rem,4vw,.9rem);letter-spacing:.12em}.dashboard-title{letter-spacing:.03em}.dashboard-greeting{font-size:clamp(.72rem,3.2vw,.85rem)}}