@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg: #0a0f1c;--text: #e8f1ff;--muted: rgba(206, 221, 248, .72);--muted-2: rgba(189, 206, 240, .58);--border: rgba(137, 167, 232, .24);--border-strong: rgba(110, 174, 197, .35);--mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;color-scheme:dark;font-family:Space Grotesk,Trebuchet MS,Avenir Next,Segoe UI,sans-serif;line-height:1.45;font-weight:450;color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% -4%,rgba(79,167,154,.22),transparent 34%),radial-gradient(circle at 93% 6%,rgba(76,101,189,.28),transparent 38%),linear-gradient(180deg,#080b14,#0a1020 54%,#0a0f1c)}#root{position:relative;isolation:isolate}#root:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(149,177,242,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(149,177,242,.038) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 50% 10%,#000 48%,transparent 88%);mask-image:radial-gradient(circle at 50% 10%,#000 48%,transparent 88%)}a{color:#83d8cb;text-decoration:none}a:hover{color:#9ef7e9}button,input,textarea{font:inherit}.layout{max-width:1320px;margin:0 auto;padding:22px clamp(16px,2.6vw,32px) 42px;position:relative;z-index:1}.chrome{position:relative;padding:clamp(14px,1.8vw,22px);border:1px solid var(--border-strong);border-radius:22px;background:linear-gradient(160deg,#0c1329f0 8%,#0e1836d9 58%,#102234e6),linear-gradient(90deg,#0a0a0f,#224 32%,#4fa79a);box-shadow:0 22px 44px #03061485,inset 0 1px #bed8ff0f;overflow:hidden;animation:panel-in .56s ease-out both;margin-bottom:18px}.chrome:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#4fa79a33,#587ae8e6,#4fa79a33)}.chrome:after{content:"";position:absolute;top:-120px;right:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#4fa79a38,#4fa79a00 68%);pointer-events:none}.header{display:grid;grid-template-columns:1.1fr minmax(330px,.9fr);gap:16px;align-items:stretch}.brand{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;padding:14px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(140deg,#101831d1,#0f203599)}.brand-mark{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(140deg,#51beb0,#5f7ae8 72%);box-shadow:0 0 22px #4fa79a6b,inset 0 0 18px #ffffff1f}.brand-mark span{font-size:20px;font-weight:700;color:#f4fbff}.brand-copy{min-width:0}.brand-title{font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.08;letter-spacing:.01em;text-wrap:balance}.brand-subtitle{color:var(--muted);font-size:13px;margin-top:4px}.brand-nav{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.nav-pill{border:1px solid rgba(165,193,255,.2);background:#6e82db24;color:#e3efffdb;border-radius:10px;padding:8px 12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:11px;cursor:default}.nav-pill.active{border-color:#6ad3c26b;background:linear-gradient(180deg,#3387807a,#254859a6);color:#d8fffa}.wallet{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#121e3db8,#0c152dd6)}.wallet-meta{display:grid;gap:8px;min-width:0}.wallet-line{display:flex;align-items:center;gap:10px;min-width:0}.wallet-actions{display:grid;gap:8px}.label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.mono{font-family:var(--mono);font-size:12px;color:var(--text);word-break:break-all}.search-strip{margin-top:14px;display:grid;grid-template-columns:1fr auto;gap:10px}.quick-input{width:100%}.metrics{margin-top:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card{border:1px solid var(--border);border-radius:14px;padding:12px;background:linear-gradient(160deg,#101b36cc,#12233794);box-shadow:inset 0 1px #afcbff0f}.metric-k{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metric-v{margin-top:8px;font-size:clamp(16px,1.8vw,22px);font-weight:700;letter-spacing:.01em;color:var(--text)}.metric-v-small{font-size:clamp(14px,1.35vw,18px)}.metric-v.ok{color:#76f4b7}.metric-v.warn{color:#ffd46a}.metric-v.err{color:#ff8a8a}.metric-h{margin-top:6px;color:var(--muted-2);font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid var(--border);border-radius:16px;padding:16px;background:linear-gradient(155deg,#0c1329d1,#0e1c34ad);box-shadow:0 14px 32px #03091661,inset 0 1px #b6d1ff0d;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;animation:card-in .58s ease-out both}.card:nth-child(odd){animation-delay:40ms}.card:nth-child(2n){animation-delay:.1s}.card:hover{border-color:#68dac752;transform:translateY(-2px);box-shadow:0 18px 32px #030b1a6b,0 0 0 1px #68dac724,inset 0 1px #d5ecff14}.card.full{grid-column:1 / -1}h2{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#c7e1ffe6}.form{display:grid;gap:10px}input,textarea{width:100%;box-sizing:border-box;border-radius:11px;border:1px solid rgba(160,190,255,.2);background:#091023c7;color:var(--text);padding:10px 12px;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:#bdcef073}input:focus,textarea:focus{outline:none;border-color:#61d6c3b3;box-shadow:0 0 0 4px #51bfae26;background:#0a1328eb}textarea{resize:vertical;font-family:var(--mono);font-size:12px;min-height:120px}.kv{display:grid;gap:8px}.row{display:grid;grid-template-columns:minmax(122px,150px) minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid rgba(145,174,229,.18);background:linear-gradient(160deg,#0c1630d1,#0d1a3199)}.k{color:var(--muted);font-size:12px}.v{font-size:12px;line-height:1.5}.pre{white-space:pre-wrap;word-break:break-word}.hint{margin-top:10px;font-size:12px;color:var(--muted);line-height:1.4}.actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}.split{margin-top:10px;display:grid;gap:10px}.action .inline{display:flex;gap:8px;align-items:center}.action .inline input{flex:1}.btn{border:1px solid rgba(95,211,194,.3);border-radius:10px;background:linear-gradient(180deg,#3b978dad,#214f5fd1);color:#f0fdff;padding:9px 12px;font-family:inherit;font-weight:600;letter-spacing:.015em;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 8px 14px #13333f57}.btn:hover{transform:translateY(-1px);border-color:#65e9d59e;box-shadow:0 12px 20px #0d2c3a66,0 0 0 3px #4fa79a26}.btn.secondary{background:linear-gradient(180deg,#435aa5a3,#22305ad6);border-color:#7999f047}.btn.ghost{background:#1f2e528c;border-color:#7492e459}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(110,198,183,.35);background:#294e626b;font-size:12px}.pill.ok{border-color:#44e59c73;background:#25845f3d}.pill.warn{border-color:#ffc14b80;background:#a1671c33}.pill.err{border-color:#ff7a7a73;background:#942a2a38}.footer{margin-top:14px;padding:8px 4px}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.header{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.grid{grid-template-columns:1fr}.card.full{grid-column:auto}.search-strip{grid-template-columns:1fr}.wallet{flex-direction:column;align-items:flex-start}.wallet-actions{width:100%;grid-template-columns:1fr 1fr}}@media(max-width:680px){.metrics,.wallet-actions,.row{grid-template-columns:1fr}}
