:root{
  color-scheme:light;
  --blue:#3047ff;
  --blue-700:#2036cf;
  --blue-050:#eef2ff;
  --cyan:#57d8ff;
  --ink:#10151c;
  --ink-2:#2f3944;
  --muted:#72808d;
  --muted-2:#929eaa;
  --line:#d8e3ea;
  --line-2:#e8eef2;
  --paper:#ffffff;
  --ground:#f3f7fa;
  --green:#149b70;
  --green-bg:#e8f8f2;
  --red:#d54b5e;
  --red-bg:#fff0f2;
  --amber:#b97816;
  --amber-bg:#fff6e3;
  --sans:Inter,Aptos,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --display:Manrope,Inter,Aptos,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  --mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ground);color:var(--ink);font-family:var(--sans)}
body{min-width:1280px}
button,input,select{font:inherit}
button,a,input,select{outline-offset:3px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue)}
button{cursor:pointer}
.app-shell{width:100vw;height:100vh;display:grid;grid-template-rows:88px minmax(0,1fr);background:var(--ground)}
.topbar{display:grid;grid-template-columns:340px minmax(0,1fr) 430px;align-items:center;gap:28px;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97)}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:800 17px/1 var(--display)}
.brand em{color:var(--blue);font-style:normal}
.brand-mark{position:relative;width:22px;height:18px;flex:none}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;border:3px solid var(--blue);border-right:0;border-bottom:0;border-radius:5px 0 0 0;transform:rotate(45deg)}
.brand-mark::before{inset:6px 2px 0 8px}.brand-mark::after{inset:0 10px 8px 0;opacity:.45}
.main-nav{display:flex;align-items:center;justify-content:center;gap:4px}
.main-nav a{display:flex;height:42px;align-items:center;padding:0 17px;border-radius:7px;color:#697580;text-decoration:none;font-size:13px;font-weight:750}
.main-nav a:hover{background:#f4f7f9;color:var(--ink)}
.main-nav a.active{background:var(--blue);color:#fff}
.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.snapshot{padding-right:14px;color:var(--muted);font:700 11px/1.35 var(--mono);text-align:right;text-transform:uppercase}
.quiet-link,.primary-button,.secondary-button{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:0 16px;text-decoration:none;font-size:12px;font-weight:800}
.quiet-link,.secondary-button{border:1px solid var(--line);background:#fff;color:var(--ink-2)}
.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 10px 22px rgba(48,71,255,.17)}
.quiet-link:hover,.secondary-button:hover{border-color:#bccbd5;background:#f9fbfc}
.primary-button:hover{background:var(--blue-700)}
.page{min-height:0;padding:28px 42px 34px}
.eyebrow{display:block;color:var(--blue);font:800 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-family:var(--display);letter-spacing:0}
h1{font-size:38px;line-height:1.06;font-weight:700}
h2{font-size:20px;line-height:1.15;font-weight:760}
h3{font-size:15px;line-height:1.2;font-weight:760}
.page-copy{margin-top:9px;color:var(--muted);font-size:14px;font-weight:550;line-height:1.5}
.mono-label{color:var(--muted-2);font:800 10px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}
.positive{color:var(--green)!important}.negative{color:var(--red)!important}
.type-chip,.status-chip{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:28px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:850}
.type-buy{background:var(--blue-050);color:var(--blue)}
.type-sell{background:var(--red-bg);color:var(--red)}
.type-transfer{background:#edf6f8;color:#367384}
.status-chip{min-width:auto;height:25px;background:var(--green-bg);color:var(--green)}
.asset-icon{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #dce5ff;border-radius:9px;background:#f0f3ff;color:var(--blue);font:850 11px/1 var(--mono)}
.asset-name{display:flex;align-items:center;gap:11px}.asset-name strong{display:block;font-size:13px}.asset-name small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:650}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.toast{position:fixed;left:50%;bottom:26px;z-index:30;display:flex;align-items:center;gap:11px;min-width:330px;padding:13px 16px;border:1px solid #cbd8e1;border-radius:7px;background:#10151c;color:#fff;box-shadow:0 18px 50px rgba(16,21,28,.24);font-size:12px;font-weight:750;opacity:0;transform:translate(-50%,18px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(87,216,255,.16)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}