:root{
  --bg:#06100a;
  --bg2:#08140d;
  --surface:#0d1b13;
  --surface2:#102017;
  --surface3:#14281d;
  --border:#20372b;
  --border2:#345944;
  --text:#eef4ee;
  --text-dim:#aec2b2;
  --text-faint:#738276;
  --gold:#c9a227;
  --gold2:#f1d35f;
  --gold-dim:rgba(201,162,39,.28);
  --green-light:#8ee7aa;
  --green-bright:#8ee7aa;
  --green-dim:#245c38;
  --red:#ff9a9a;
  --sans:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  --serif:Georgia,serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(850px 470px at 84% -10%,rgba(241,211,95,.13),transparent 61%),
    radial-gradient(620px 460px at -10%,rgba(81,194,120,.10),transparent 56%),
    var(--bg);
  color:var(--text);
  font-family:var(--sans);
  line-height:1.52;
  overflow-x:hidden;
}
.bp-embedded-app-root body{padding-bottom:18px}
a{color:inherit}
.bp-embedded-app-root .pin-overlay,
.bp-embedded-app-root #pinOverlay,
.bp-embedded-app-root #onboardModal{display:none!important}
header{
  position:sticky;
  top:0;
  z-index:50;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding:12px 18px;
  background:rgba(6,16,10,.94);
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(12px);
}
.logo-wrap{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);min-width:220px}
.logo-wrap img,.logo-bell{height:42px;width:auto;display:block}
.logo-name{font-weight:1000;font-size:19px}
.logo-by{display:block;color:var(--text-faint);font:800 11px var(--mono);letter-spacing:.12em}
.nav-hamburger{display:none}
.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.nav-tab,button,.btn-primary,.btn-outline,.btn-add,.btn-sm{
  border:1px solid rgba(255,255,255,.13);
  border-radius:12px;
  background:#0b1710;
  color:var(--gold2);
  min-height:40px;
  padding:9px 12px;
  font:900 14px var(--sans);
  cursor:pointer;
}
.nav-tab.active,.btn-primary,.btn-add,.btn-sm.add{
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#06100a;
  border-color:transparent;
}
.btn-outline{background:#0b1710;color:var(--gold2)}
.header-right{min-width:220px}
.bp-embedded-app-root .market-ticker-outer{display:none!important}
.market-ticker-outer{
  overflow:hidden;
  max-width:360px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:#08140d;
  padding:5px 10px;
  color:var(--text-faint);
}
.live-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(81,194,120,.32);border-radius:999px;color:var(--green-light);font:900 11px var(--mono);padding:6px 9px}
.live-dot{width:8px;height:8px;border-radius:999px;background:var(--green-light);box-shadow:0 0 14px rgba(142,231,170,.8)}
.app,.container{max-width:1220px;margin:0 auto;padding:18px}
.page{display:none}.page.active{display:block}
.panel,.card{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px;
  margin:14px 0;
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.stat-row,.grid-2,.grid-2-1,.grid-3,.tool-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:14px;
}
.grid-2-1{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}
.stat-card{
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:#08140d;
  padding:16px;
  min-height:110px;
}
.stat-card.highlight{border-color:rgba(241,211,95,.26);background:rgba(241,211,95,.055)}
.s-label,.label,.mini,.panel-sub{font:850 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.s-val,.balance,.metric{font-size:clamp(26px,5vw,42px);line-height:1.02;font-weight:1000;color:var(--gold2);letter-spacing:-.04em}
.s-sub,.muted,p,li{color:var(--text-dim)}
.panel-title{font-size:20px;font-weight:950;color:var(--text)}
.asset-list,.alerts-wrap,.result-box,.output,.info-pill{
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:#06100a;
  padding:12px;
  color:var(--text-dim);
}
input,select,textarea,.form-input{
  width:100%;
  border:1px solid rgba(255,255,255,.13);
  background:#06100a;
  color:var(--text);
  border-radius:12px;
  padding:11px 12px;
  font:inherit;
}
textarea{min-height:120px;resize:vertical}
label,.form-lbl{display:block;color:var(--text-dim);font-weight:850;margin:9px 0 5px}
table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}
th{color:var(--gold2);font:850 12px var(--mono);text-transform:uppercase;letter-spacing:.08em}
.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.09);border-radius:16px}
.badge,.pill,.info-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(241,211,95,.34);
  border-radius:999px;
  color:var(--gold2);
  font:900 12px var(--sans);
  padding:5px 9px;
  margin:3px;
}
.coach-box,.notice{
  border-left:4px solid var(--gold2);
  background:rgba(241,211,95,.07);
  border-radius:12px;
  padding:12px 14px;
  color:var(--text-dim);
}
.modal,.modal-overlay{z-index:4000}
.toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translate(-50%,20px);
  opacity:0;
  z-index:4500;
  transition:.18s;
  background:#07130d;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:10px 16px;
  color:var(--text);
}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:860px){
  header{align-items:flex-start;padding:12px}
  .nav-hamburger{display:inline-flex}
  .nav-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .nav-tab,button,.btn-primary,.btn-outline,.btn-add{width:100%}
  .app,.container{padding:12px}
  .grid-2-1{grid-template-columns:1fr}
}
@media print{
  header,.pin-overlay,button,.nav-tabs{display:none!important}
  body{background:#fff;color:#111}
  .panel,.card,.stat-card{background:#fff;color:#111;border-color:#ccc;box-shadow:none}
  p,li,.muted{color:#333}
}