:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a0a0f;color:#e5e7eb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.app-shell{min-height:100vh;position:relative;overflow-x:hidden}.background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse 80% 48% at 50% 0%,rgba(167,139,250,.1),transparent 70%),#0a0a0f}.grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px);background-size:56px 56px}.soft-light{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,.88) 72%)}.topbar{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:20px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:36px;height:36px;filter:invert(1)}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{color:#9ca3af;font-size:12px;margin-top:2px}.topbar-actions{display:flex;align-items:center;gap:10px}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric,.panel,.setup-notice,.tx-banner{border:1px solid rgba(255,255,255,.15);background:#ffffff1a;border-radius:8px}.metric{min-height:100px;padding:18px}.metric span,.wallet-value span,.panel-heading span,.field span,.info-row span,.request-item span,.tx-banner span,.setup-notice span,.setup-notice small{color:#9ca3af}.metric strong{display:block;margin-top:18px;font-size:clamp(20px,2.2vw,30px);line-height:1.05;overflow-wrap:anywhere}.account-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-bottom:18px}.wallet-panel{flex:0 0 auto;min-width:360px;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:12px}.wallet-value{min-width:0}.wallet-panel .wallet-value:nth-child(2){text-align:center}.wallet-panel .wallet-value:last-child{text-align:right}.wallet-value strong,.wallet-value span{display:block}.wallet-value strong{font-size:clamp(16px,1.6vw,22px);font-weight:400;line-height:1;white-space:nowrap}.wallet-value span{margin-top:6px;font-size:13px}.vault-panel{flex:0 0 auto;padding:20px;display:flex;flex-direction:column;justify-content:center}.action-tabs{display:flex;gap:8px}.action-tabs button{min-height:44px;border:1px solid rgba(255,255,255,.08);color:#c7d2fe;border-radius:8px;background:#ffffff08;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;transition:background .16s ease,border-color .16s ease}.action-tabs button:hover,.action-tabs button.active{background:#a78bfa29;border-color:#a78bfa8c;color:#ddd6fe}.action-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;animation:fadeIn .15s ease}.action-modal{background:#0d0d14fa;border:1px solid rgba(255,255,255,.13);border-radius:14px;width:100%;max-width:400px;margin:0 24px;animation:slideUp .22s cubic-bezier(.34,1.4,.64,1);box-shadow:0 32px 80px #0009}.action-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.action-modal-header h2{margin:0;font-size:18px;font-weight:600}.action-modal-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff0a;color:#9ca3af;display:grid;place-items:center;padding:0;transition:background .16s ease,color .16s ease}.action-modal-close:hover{background:#ffffff1a;color:#e5e7eb}.action-modal-body{padding:20px;display:grid;gap:14px}.action-modal-available{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px}.action-modal-available span{color:#9ca3af}.action-modal-available strong{color:#e5e7eb}.field-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.pct-buttons{display:flex;gap:4px}.pct-button{font-size:11px;font-weight:500;padding:2px 8px;min-height:22px;border:1px solid rgba(167,139,250,.22);border-radius:4px;background:#a78bfa12;color:#a78bfa;transition:background .12s ease,border-color .12s ease,color .12s ease}.pct-button:hover{background:#a78bfa2e;border-color:#a78bfa80;color:#ddd6fe}.form-balance{color:#9ca3af;font-size:13px;text-align:right;overflow-wrap:anywhere}.vault-pending-divider{height:1px;background:#ffffff14;margin:18px 0}.vault-pending-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,auto));gap:16px}.vault-pending-section .panel-heading{margin-bottom:12px}.panel{padding:18px}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;min-height:34px;margin-bottom:18px}.panel-heading h2{margin:0;font-size:16px}.panel-heading span{font-size:13px;text-align:right;overflow-wrap:anywhere}.field{display:grid;gap:8px;margin-bottom:4px}.field input{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff0a;color:#f9fafb;padding:0 14px;outline:none}.field input:focus{border-color:#a78bfa8c}.primary-button,.secondary-button,.icon-button{border:1px solid rgba(167,139,250,.3);color:#ddd6fe;border-radius:8px;background:#a78bfa1f;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.primary-button:hover,.secondary-button:hover,.icon-button:hover{background:#a78bfa33;border-color:#a78bfa8c}.secondary-button{color:#c7d2fe;border-color:#818cf83d;background:#818cf817}.wide{width:100%}.icon-button{width:40px;padding:0}.pnl-positive{color:#4ade80}.pnl-negative{color:#f87171}.wallet-value strong em{font-size:13px;font-style:normal;font-weight:500;margin-left:6px;opacity:.8}.wallet-pill{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#e5e7eb;border-radius:8px;padding:0 12px;font-size:14px;transition:background .16s ease,border-color .16s ease}.wallet-pill:hover{background:#ffffff1a;border-color:#ffffff2e}.rows{display:grid;gap:12px}.info-row,.request-item{display:grid;align-items:center;gap:12px}.info-row{grid-template-columns:1fr auto}.info-row strong{overflow-wrap:anywhere;text-align:right}.request-list{display:grid;gap:8px}.request-item{grid-template-columns:1.2fr 1fr 1fr auto;min-height:58px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#ffffff08}.request-item strong,.request-item span{display:block}.request-actions{display:flex;gap:8px}.empty-state{min-height:82px;display:grid;place-items:center;color:#9ca3af;border:1px dashed rgba(255,255,255,.12);border-radius:8px}.setup-notice{display:grid;gap:6px;padding:16px;margin-bottom:18px}.setup-notice code{color:#ddd6fe}.tx-banner{position:sticky;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;box-shadow:0 18px 60px #00000047}.tx-banner.error{border-color:#f8717166}.tx-banner strong,.tx-banner span{display:block}.tx-banner a{color:#ddd6fe}.performance-section{margin-bottom:18px}.range-row{display:flex;justify-content:flex-end;margin-bottom:10px}.range-control{display:inline-grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:4px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff08}.range-control button{min-height:32px;border:0;border-radius:6px;color:#9ca3af;background:transparent;padding:0 10px}.range-control button:hover,.range-control button.active{color:#ddd6fe;background:#a78bfa29}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-panel{min-height:288px}.chart-loading{height:180px;display:grid;place-items:center}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.08);border-top-color:#a78bfae6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-heading{align-items:center}.chart-heading h2{font-size:13px;color:#9ca3af;font-weight:500;margin:0}.chart-value-inline{color:#e5e7eb;font-weight:400}.estimate-hint{font-size:13px;color:#a78bfad9;margin-top:-4px}.estimate-hint span{font-size:11px;color:#6b7280}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;animation:fadeIn .18s ease}.success-modal{background:#0f0f16f2;border:1px solid rgba(167,139,250,.25);border-radius:16px;padding:40px 36px;max-width:420px;width:calc(100% - 48px);text-align:center;animation:slideUp .24s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 80px #00000080}.success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px}.success-icon svg{width:32px;height:32px}.success-icon.deposit{background:#22c55e1f;border:2px solid rgba(34,197,94,.35)}.success-icon.deposit svg{stroke:#4ade80}.success-icon.withdraw{background:#a78bfa1f;border:2px solid rgba(167,139,250,.35)}.success-icon.withdraw svg{stroke:#a78bfa}.success-modal h2{margin:0 0 10px;font-size:22px;color:#f9fafb;font-weight:600}.success-amount{font-size:30px;font-weight:700;color:#e5e7eb;margin-bottom:16px;letter-spacing:-.02em}.success-modal p{color:#9ca3af;line-height:1.6;font-size:14px;margin:0 0 28px}.success-actions{display:flex;gap:10px;justify-content:center}.success-actions .primary-button,.success-actions .secondary-button{min-width:120px}.toast-banner{position:fixed;top:24px;right:24px;z-index:90;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#111827f2;border:1px solid rgba(34,197,94,.35);border-radius:10px;color:#4ade80;font-size:14px;cursor:pointer;animation:slideInRight .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0006;max-width:340px}.toast-banner svg{width:18px;height:18px;stroke:#4ade80;flex-shrink:0}.toast-banner span{color:#e5e7eb;line-height:1.4}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:880px){.summary-grid{grid-template-columns:1fr 1fr}.account-row,.vault-pending-grid{grid-template-columns:1fr}.request-item{grid-template-columns:1fr 1fr}.charts-grid{grid-template-columns:1fr}}@media(max-width:640px){.topbar{align-items:flex-start}.summary-grid,.wallet-panel,.request-item{grid-template-columns:1fr}.request-actions{justify-content:flex-start}.range-row{justify-content:stretch}.range-control{width:100%}.action-form{max-width:100%}.success-actions{flex-direction:column}.success-actions .primary-button,.success-actions .secondary-button{width:100%}.toast-banner{top:auto;bottom:80px;right:16px;left:16px;max-width:100%}}