:root{--bg:#07111f;--bg-soft:#0c1b30;--panel:linear-gradient(180deg, #0f1c30f5, #08101dfa);--panel-strong:#ffffff0d;--border:#8fb0d62e;--input-bg:#060e18b8;--input-border:#8fb0d63d;--text-main:#f7f2ea;--text-muted:#99abc2;--focus:#ffd166;--shadow:0 30px 70px #00000057;--mono:"SFMono-Regular", "Consolas", monospace;--sans:"Space Grotesk", "Trebuchet MS", sans-serif;--heading:"Clash Display", "Avenir Next", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--text-main);background:radial-gradient(circle at top left, #ff9f432e, transparent 28%), radial-gradient(circle at top right, #6ac9b029, transparent 25%), linear-gradient(180deg, var(--bg-soft), var(--bg));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 75%);mask-image:linear-gradient(#00000073,#0000 75%)}a{color:inherit}button,input{font:inherit}#root{width:min(1200px,100% - 32px);min-height:100vh;margin:0 auto}h1,h2{font-family:var(--heading);margin:0;line-height:.98}h1{letter-spacing:-.05em;max-width:12ch;font-size:clamp(3rem,7vw,5.4rem)}h2{letter-spacing:-.04em;font-size:clamp(1.6rem,3vw,2.2rem)}p{margin:0}.lede{max-width:62ch;color:var(--text-muted)}.page-shell{flex-direction:column;gap:28px;padding:48px;display:flex}.minimal-card,.gateway-card,.hero-card,.approval-card,.info-card,.vault-card,.vault-header{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);border-radius:28px}.minimal-card{text-align:left;gap:24px;width:min(760px,100%);margin:8vh auto 0;padding:40px 32px;display:grid}.gateway-card{text-align:left;gap:24px;width:min(760px,100%);margin:10vh auto 0;padding:40px 32px;display:grid}.hero-card,.vault-header{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:end;gap:24px;padding:32px;display:grid}.hero-copy,.card-heading{flex-direction:column;gap:12px;display:flex}.hero-meta{gap:14px;display:grid}.stat-card{background:var(--panel-strong);border:1px solid #ffffff0d;border-radius:20px;gap:6px;padding:18px;display:grid}.stat-label,.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--text-muted);font-size:12px}.content-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;display:grid}.summary-stack{gap:12px;display:grid}.summary-row{background:var(--panel-strong);border:1px solid #ffffff0d;border-radius:18px;justify-content:space-between;gap:16px;padding:16px 18px;display:flex}.summary-row span{color:var(--text-muted)}.card-topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.connect-chip{padding:10px 16px}.gateway-actions,.wallet-launcher{gap:14px;display:grid}.approval-card,.info-card,.vault-card{padding:28px}.approval-card{gap:18px;display:grid}.approval-card label,.inline-fields label{text-align:left;gap:8px;display:grid}.inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.approval-card input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font:inherit;border-radius:16px;padding:14px 16px}.approval-card input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.primary-button,.ghost-link{border-radius:999px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,opacity .18s}.button-row{flex-wrap:wrap;gap:14px;display:flex}.primary-button{color:#fffaf3;cursor:pointer;background:linear-gradient(135deg,#ff9f43,#ff5c5c);border:0;padding:16px 20px;box-shadow:0 18px 35px #ff5c5c47}.primary-button:hover,.ghost-link:hover{transform:translateY(-1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ghost-link{cursor:pointer;color:var(--text-main);border:1px solid var(--input-border);background:#ffffff0a;justify-content:center;align-items:center;padding:14px 18px;display:inline-flex}.status-panel,.warning-banner{text-align:left;border-radius:16px;margin:0;padding:14px 16px}.status-panel{color:var(--text-main);background:#6ac9b01f}.warning-banner{color:#ffd6d6;background:#ff5c5c1f}.error-box{color:#ffd6d6;white-space:pre-wrap;word-break:break-word;background:#ff5c5c24;border:1px solid #ff5c5c47;border-radius:16px;margin:0;padding:16px;font:500 13px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto}.debug-panel{border:1px solid var(--input-border);background:#ffffff0a;border-radius:16px;padding:14px 16px}.debug-panel summary{cursor:pointer;color:var(--text-main);font-weight:600}.debug-box{color:#cfe0ff;white-space:pre-wrap;word-break:break-word;background:#070c16b3;border-radius:14px;margin:12px 0 0;padding:16px;font:500 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;overflow-x:auto}.info-card{text-align:left;gap:20px;display:grid}.config-card input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);border-radius:16px;padding:14px 16px}.auth-card,.auth-form,.password-section{gap:20px;display:grid}.auth-card{width:min(640px,100%);margin:0 auto}.auth-form label,.password-section label{gap:8px;display:grid}.auth-form input,.password-section input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font:inherit;border-radius:16px;padding:14px 16px}.tabs-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.tab-button{border:1px solid var(--input-border);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:12px 18px;font-weight:600}.tab-button.is-active{color:#fffaf3;background:linear-gradient(135deg,#ff9f43,#ff5c5c);border-color:#0000}.logout-button{margin-left:auto}.tab-panel{gap:20px;display:grid}.config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.config-grid label{gap:8px;display:grid}.config-wide{grid-column:1/-1}.footer-link-row{justify-content:flex-end;display:flex}.text-link{color:var(--text-muted);text-decoration:none}.text-link:hover{color:var(--text-main)}.info-list{gap:12px;margin:0;padding-left:18px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:16px 14px}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:13px}.mono-text,code{font-family:var(--mono)}.hover-address{cursor:help}.wallet-modal-backdrop{z-index:20;background:#02060cc7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.wallet-modal{border:1px solid var(--border);background:var(--panel);width:min(560px,100%);box-shadow:var(--shadow);border-radius:28px;gap:20px;padding:28px;display:grid}.text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.text-button:hover{color:var(--text-main)}@media (width<=900px){.page-shell{padding:20px}.hero-card,.vault-header,.content-grid,.inline-fields,.config-grid{grid-template-columns:1fr}.summary-row{flex-direction:column}.logout-button{margin-left:0}.card-topbar{flex-direction:column;align-items:flex-start}}