:root{
  --bg:#f5f6f9;
  --panel:#ffffff;
  --text:#111827;
  --sub:#6b7280;
  --muted:#9ca3af;
  --line:#e8eaed;
  --soft:#f8f9fb;
  --blue:#2563eb;
  --blue-2:#1d4ed8;
  --blue-soft:#eff6ff;
  --green:#16a34a;
  --green-soft:#f0fdf4;
  --red:#dc2626;
  --red-soft:#fff1f2;
  --orange:#ea580c;
  --shadow:0 1px 4px rgba(0,0,0,.06);
  --shadow-hover:0 8px 24px rgba(17,24,39,.10);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{min-height:100%;}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px;}
button,input,select,textarea{font:inherit}
button{border:0;background:transparent;cursor:pointer}
.hidden{display:none!important}.muted{color:var(--muted)}.small-text{font-size:12px}.error{color:var(--red)}

.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:
  radial-gradient(circle at 20% 18%,rgba(37,99,235,.18),transparent 28%),
  radial-gradient(circle at 80% 80%,rgba(22,163,74,.12),transparent 28%),
  linear-gradient(135deg,#f8fbff,#eef2ff 48%,#f8fafc)}
.login-card{width:min(420px,calc(100vw - 32px));background:rgba(255,255,255,.96);border:1px solid rgba(232,234,237,.9);border-radius:24px;padding:28px;box-shadow:0 24px 70px rgba(17,24,39,.14)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.login-brand strong{display:block;font-size:16px}.login-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.brand-logo,.rail-logo{display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:900;letter-spacing:.04em}.brand-logo{width:42px;height:42px;border-radius:12px}.login-card h1{margin:0 0 8px;font-size:26px;letter-spacing:-.03em}.login-card p{margin:0 0 22px;color:var(--sub);line-height:1.75}.auth-form{display:grid;gap:14px}.auth-form label,.form-grid label{display:grid;gap:8px;color:#374151;font-size:13px;font-weight:700}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);outline:none;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}textarea{resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#bfdbfe;box-shadow:0 0 0 4px rgba(37,99,235,.10)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:10px;padding:0 14px;font-size:13px;font-weight:700;border:1px solid var(--line);transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-2)}.btn-ghost{background:#fff;color:#374151}.auth-toggle{width:100%;margin-top:12px}.form-message{font-size:12px;line-height:1.6}

.app{min-height:100vh;display:grid;grid-template-columns:60px minmax(0,1fr)}
.rail{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 6px;z-index:10}.rail-logo{width:36px;height:36px;border-radius:11px;margin-bottom:8px}.rail-item{width:44px;height:44px;border-radius:10px;color:#9ca3af;font-size:18px;display:grid;place-items:center;transition:background .18s,color .18s,box-shadow .18s}.rail-item:hover{background:#f3f6ff;color:var(--blue)}.rail-item.active{background:#dbe7ff;color:var(--blue);box-shadow:inset 3px 0 0 var(--blue)}
.main-shell{min-width:0;display:flex;flex-direction:column}.page-bar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:24px;position:sticky;top:0;z-index:8}.page-bar-left{display:flex;align-items:center;gap:10px}.header-icon{width:28px;height:28px;border-radius:7px;background:var(--blue-soft);border:1px solid #bfdbfe;color:var(--blue);display:grid;place-items:center;font-size:14px}.bar-title{font-size:14px;font-weight:800}.bar-subtitle{font-size:12px;color:var(--muted);margin-top:2px}.bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-chip{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 10px;color:#374151;font-size:12px;font-weight:700}.icon-btn{height:36px;border-radius:9px;padding:0 11px;color:#6b7280;font-size:12px;font-weight:700;transition:background .18s,color .18s}.icon-btn:hover{background:#f3f4f6;color:#374151}.icon-btn.danger{color:var(--red)}
.content-wrap{width:min(1120px,calc(100vw - 96px));margin:0 auto;padding:28px 0 48px}.title-block{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.title-block h1{margin:4px 0 8px;font-size:28px;letter-spacing:-.035em}.title-block p{max-width:720px;margin:0;color:var(--sub);line-height:1.75}.kicker{margin:0 0 4px!important;color:#9ca3af!important;text-transform:uppercase;letter-spacing:.14em;font-size:10px!important;font-weight:900;line-height:1.2!important}
.pill-tabs{display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:18px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.pill-tab{height:30px;border-radius:7px;padding:0 14px;color:#6b7280;font-size:12px;font-weight:700;white-space:nowrap;transition:all .18s}.pill-tab.active{background:var(--blue);color:#fff;box-shadow:0 1px 4px rgba(37,99,235,.30)}
.tab-page{display:none}.tab-page.active{display:block;animation:tabIn .22s ease-out}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.records-layout{grid-template-columns:.8fr 1.2fr}.wide-card{min-width:0}.soft-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.soft-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px}.card-head.compact{padding-bottom:12px}.card-head h2{margin:0;font-size:15px;letter-spacing:-.01em}.card-head p{margin:5px 0 0;color:var(--sub);font-size:12px;line-height:1.55}.head-left{display:flex;align-items:flex-start;gap:12px}.circle-icon{width:40px;height:40px;border-radius:999px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:18px;flex:0 0 auto}.status-tag{display:inline-flex;align-items:center;gap:5px;height:20px;border-radius:999px;padding:0 8px;font-size:11px;font-weight:800;white-space:nowrap}.status-tag::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status-tag.blue{background:var(--blue-soft);border:1px solid #bfdbfe;color:#1d4ed8}.status-tag.green{background:var(--green-soft);border:1px solid #bbf7d0;color:#15803d}.status-tag.red{background:var(--red-soft);border:1px solid #fecdd3;color:#dc2626}.status-tag.gray,.status-tag.neutral{background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280}.status-tag.orange{background:#fff7ed;border:1px solid #fed7aa;color:#ea580c}
.detail-list{padding:0 18px 14px}.detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #f3f4f6}.detail-row:first-child{border-top:0}.detail-row span{color:#9ca3af;font-size:12px}.detail-row strong{text-align:right;color:#374151;font-size:12px;word-break:break-all}.account-actions{display:flex;gap:8px;align-items:center;border-top:1px solid #f3f4f6;padding:9px 10px}.link-btn{height:30px;border-radius:8px;padding:0 8px;color:#111827;font-size:12px;font-weight:700}.link-btn:hover{background:#f3f4f6;color:var(--blue)}.link-btn.danger{color:#ef4444}.bind-card{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 18px}.form-grid.single{grid-template-columns:1fr}.notice{border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:10px 12px;color:#6b7280;font-size:12px;line-height:1.65}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-grid .notice,.form-grid .form-actions,.form-grid .full{grid-column:1/-1}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px}.check-row input{width:auto}
.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow)}.metric-card span{display:block;color:#9ca3af;font-size:11px;font-weight:800}.metric-card strong{display:block;margin:7px 0 4px;font-size:20px;letter-spacing:-.02em}.metric-card small{color:#9ca3af;font-size:11px;line-height:1.4}
.strategy-list{display:grid;gap:16px}.strategy-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.strategy-card.bot-pa{border-top-color:var(--orange)}.strategy-card.bot-pa .circle-icon{background:#fff7ed;color:var(--orange)}.strategy-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.strategy-main{padding:18px}.strategy-heading{display:flex;align-items:flex-start;gap:12px}.strategy-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.strategy-title-row h2{font-size:15px;margin:0;font-weight:900;letter-spacing:-.01em;max-width:620px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strategy-desc{margin:12px 0 0;color:#6b7280;font-size:12px;line-height:1.65;max-width:760px}.expand-text{display:inline-block;margin-top:10px;color:var(--blue);font-size:12px;font-weight:700}.bot-pa .expand-text{color:var(--orange)}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.stats-strip div{border-radius:8px;background:#f8f9fb;text-align:center;padding:11px 8px}.stats-strip span{display:block;color:#c4c9d4;font-size:10px;font-weight:700;margin-bottom:5px}.stats-strip strong{display:block;color:#374151;font-size:12px}.fresh-row{display:flex;align-items:center;gap:7px;height:30px;margin-top:12px;border-radius:8px;border:1px solid #bbf7d0;background:#f0fdf4;padding:0 10px}.fresh-row.stale{border-color:#e5e7eb;background:#f3f4f6}.fresh-dot{width:6px;height:6px;border-radius:50%;background:#16a34a}.fresh-row.stale .fresh-dot{background:#9ca3af}.fresh-label{font-size:10px;color:#9ca3af}.fresh-value{margin-left:auto;font-size:10px;font-weight:800;color:#15803d}.fresh-row.stale .fresh-value{color:#9ca3af}.strategy-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid #f3f4f6;padding:8px 10px}.strategy-config{border-top:1px solid #f3f4f6;background:#fcfdff;padding:18px;animation:panelOpen .24s cubic-bezier(.2,.8,.2,1);transform-origin:top}.config-section-title{margin:0 0 12px;font-size:13px;font-weight:900;color:#374151}.config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.config-grid .wide{grid-column:1/-1}.save-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.mode-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.position-list{padding:0 18px 18px;display:grid;gap:10px}.position-card{border:1px solid #eef0f3;border-radius:10px;background:#f9fafb;padding:12px}.position-card h3{margin:8px 0 6px;font-size:14px}.empty-block,.empty-cell{text-align:center;color:#c4c9d4;padding:26px}.table-wrap{overflow:auto;padding:0 0 10px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-top:1px solid #f3f4f6;text-align:left;font-size:12px;white-space:nowrap}th{color:#9ca3af;background:#fbfbfc;font-weight:800}.order-status{display:inline-flex;align-items:center;border-radius:999px;background:#f3f4f6;padding:4px 8px;font-weight:700;color:#6b7280}.audit-list{padding:0 18px 18px;display:grid;gap:10px;max-height:520px;overflow:auto}.audit-item{border:1px solid #eef0f3;border-radius:10px;background:#f9fafb;padding:11px}.audit-item strong{display:flex;justify-content:space-between;gap:10px;font-size:12px}.audit-item code{display:block;margin-top:6px;color:#6b7280;font-size:11px;white-space:pre-wrap;word-break:break-all;line-height:1.5}
@keyframes tabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes panelOpen{from{opacity:0;transform:perspective(900px) rotateX(-5deg) translateY(-8px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:980px){.app{grid-template-columns:1fr}.rail{position:static;height:auto;flex-direction:row;justify-content:flex-start;padding:10px 14px}.rail-logo{margin:0 8px 0 0}.page-bar{padding:12px 16px;height:auto;align-items:flex-start}.content-wrap{width:calc(100vw - 32px);padding-top:20px}.two-col,.records-layout,.metric-row{grid-template-columns:1fr}.title-block{display:block}.title-block .status-tag{margin-top:12px}.config-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.bar-actions{justify-content:flex-start}}
@media (max-width:620px){.page-bar{display:block}.bar-actions{margin-top:12px}.pill-tabs{width:100%;overflow:auto}.pill-tab{flex:1}.config-grid,.stats-strip{grid-template-columns:1fr}.strategy-title-row h2{white-space:normal}.metric-card strong{font-size:18px}.rail-item{width:40px;height:40px}.content-wrap{width:calc(100vw - 24px)}}

/* === Letter gallery refresh: dark vault + flat editorial finance UI === */
:root{
  --color-vault-ink:#191b1f;
  --color-paper-white:#ffffff;
  --color-mist-white:#f6f9f9;
  --color-fog-gray:#9fabad;
  --color-hairline:#e6ebec;
  --color-obsidian:#000000;
  --color-peach-wall:#fcede1;
  --color-mint-wall:#eefcef;
  --color-lavender-wall:#e6def0;
  --color-deep-teal:#186f64;
  --color-electric-violet:#536eff;
  --color-royal-violet:#644bc4;
  --color-sapphire-blue:#154ea5;
  --font-neufile-grotesk-extended:"Inter","IBM Plex Sans","Segoe UI","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;
  --font-albra-sans:"Playfair Display","Times New Roman","Noto Serif SC","Songti SC",serif;
  --radius-sm:2px;
  --shadow:none;
  --shadow-hover:none;
  --radius:0px;
}
html{scroll-behavior:smooth}
body{
  background:var(--color-paper-white);
  color:var(--color-vault-ink);
  font-family:var(--font-neufile-grotesk-extended);
  font-size:16px;
  line-height:1.4;
}
button,input,select,textarea{border-radius:var(--radius-sm)!important}
button,.btn,.icon-btn,.link-btn,.pill-tab,.rail-item{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease!important}
button:hover,.btn:hover,.soft-card:hover,.strategy-card:hover{box-shadow:none!important}
.btn:hover,.soft-card:hover,.strategy-card:hover{transform:none!important}

/* Auth becomes a private black gallery stage */
.login-shell{
  background:var(--color-vault-ink);
  position:relative;
  overflow:hidden;
}
.login-shell::before,.login-shell::after{
  content:"";
  position:absolute;
  pointer-events:none;
  filter:saturate(1.45) contrast(1.1);
}
.login-shell::before{
  width:460px;height:460px;right:8%;bottom:4%;
  background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.9),rgba(126,143,255,.62) 20%,rgba(83,110,255,.15) 39%,transparent 62%),
             conic-gradient(from 120deg,rgba(255,255,255,.95),rgba(83,110,255,.5),rgba(24,111,100,.55),rgba(255,255,255,.85));
  clip-path:polygon(48% 0,100% 34%,78% 100%,15% 84%,0 24%);
  opacity:.48;
  animation:vaultArtifactFloat 10s ease-in-out infinite;
}
.login-shell::after{
  width:280px;height:280px;left:10%;top:10%;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,rgba(255,255,255,.35),rgba(83,110,255,.16),rgba(24,111,100,.24),rgba(255,255,255,.08));
  transform:rotate(18deg);
  opacity:.42;
  animation:prismDrift 14s ease-in-out infinite alternate;
}
.login-card{
  width:min(460px,calc(100vw - 32px));
  border:1px solid rgba(230,235,236,.22);
  border-radius:0;
  box-shadow:none;
  background:rgba(25,27,31,.88);
  color:var(--color-paper-white);
  backdrop-filter:none;
  animation:galleryRise .65s cubic-bezier(.2,.8,.2,1) both;
}
.login-card h1{
  font-family:var(--font-albra-sans);
  font-size:clamp(40px,7vw,72px);
  line-height:1.08;
  letter-spacing:.02em;
  color:#fff;
}
.login-card p,.login-brand span{color:rgba(255,255,255,.68)}
.login-brand strong{color:#fff;letter-spacing:.16em;text-transform:uppercase}
.brand-logo,.rail-logo{
  border-radius:0;
  background:#fff;
  color:var(--color-vault-ink);
  font-family:var(--font-albra-sans);
}
.auth-form label{color:rgba(255,255,255,.78);letter-spacing:.02em}
.login-card input{
  background:transparent;
  border-color:rgba(230,235,236,.34);
  color:#fff;
}
.login-card input:focus{border-color:#fff;box-shadow:none}
.login-card .btn-primary{background:#fff;border-color:#fff;color:var(--color-vault-ink)}
.login-card .btn-ghost{background:transparent;border-color:rgba(255,255,255,.34);color:#fff}

/* App shell: top gallery navigation instead of heavy dashboard chrome */
.app{display:block;min-height:100vh;background:var(--color-paper-white)}
.rail{
  position:sticky;top:0;z-index:40;
  height:64px;width:100%;
  flex-direction:row;justify-content:center;
  background:var(--color-vault-ink);
  border:0;
  padding:0 32px;
}
.rail-logo{position:absolute;left:32px;width:36px;height:36px;margin:0;border:1px solid rgba(255,255,255,.26)}
.rail-item{
  width:auto;height:64px;padding:0 23px;
  border-radius:0;color:rgba(255,255,255,.72);
  font-size:0;background:transparent;
}
.rail-item::after{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.rail-item[data-tab="account"]::after{content:"Account"}
.rail-item[data-tab="strategy"]::after{content:"Strategies"}
.rail-item[data-tab="records"]::after{content:"Records"}
.rail-item[data-tab="system"]::after{content:"System"}
.rail-item:hover,.rail-item.active{background:transparent;color:#fff;box-shadow:none}
.rail-item.active{border-bottom:1px solid #fff}
.main-shell{display:block;background:var(--color-paper-white)}
.page-bar{
  height:72px;position:static;
  background:var(--color-paper-white);
  border-bottom:1px solid var(--color-hairline);
  padding:0 48px;
}
.header-icon,.circle-icon{border-radius:0;background:var(--color-vault-ink);color:#fff;border:0}
.bar-title{font-family:var(--font-albra-sans);font-size:22px;letter-spacing:.02em;font-weight:600}
.bar-subtitle{color:var(--color-fog-gray)}
.icon-btn,.user-chip{border-radius:0;background:#fff;border:1px solid var(--color-hairline);color:var(--color-vault-ink)}
.icon-btn:hover{background:var(--color-vault-ink);color:#fff}
.icon-btn.danger:hover{background:#000;color:#fff}
.content-wrap{width:min(1200px,calc(100vw - 64px));padding:32px 0 80px}

/* Dark editorial hero */
.title-block{
  position:relative;overflow:hidden;
  min-height:380px;margin:0 0 48px;
  padding:88px 64px 72px;
  background:var(--color-vault-ink);
  color:#fff;
  border:0;
  isolation:isolate;
  animation:galleryRise .72s cubic-bezier(.2,.8,.2,1) both;
}
.title-block::before{
  content:"";position:absolute;right:5%;bottom:-18%;width:520px;height:520px;z-index:-1;opacity:.72;
  background:radial-gradient(circle at 42% 34%,#fff 0 7%,rgba(246,222,240,.85) 8% 18%,rgba(83,110,255,.50) 19% 32%,rgba(24,111,100,.35) 33% 46%,transparent 62%),
             conic-gradient(from 40deg,#fff,#536eff,#186f64,#fcede1,#fff);
  clip-path:polygon(52% 0,88% 18%,100% 58%,70% 100%,20% 82%,0 38%);
  animation:vaultArtifactFloat 12s ease-in-out infinite;
}
.title-block::after{
  content:"";position:absolute;right:17%;top:18%;width:160px;height:160px;z-index:-1;opacity:.5;
  border:1px solid rgba(255,255,255,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.08),rgba(83,110,255,.24));
  transform:rotate(22deg);
  animation:prismDrift 9s ease-in-out infinite alternate;
}
.title-block .kicker{color:rgba(255,255,255,.62)!important;letter-spacing:.18em;font-size:13px!important}
.title-block h1{
  max-width:760px;margin:8px 0 16px;
  font-family:var(--font-albra-sans);
  font-size:clamp(48px,7vw,80px);
  line-height:1.1;letter-spacing:.02em;font-weight:600;color:#fff;
}
.title-block p{max-width:700px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.75}
.title-block .status-tag{align-self:flex-start;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:0}

/* Tabs and buttons */
.pill-tabs{
  display:flex;width:100%;justify-content:flex-start;
  background:#fff;border:0;border-bottom:1px solid var(--color-hairline);
  border-radius:0;box-shadow:none;padding:0;margin:0 0 32px;
}
.pill-tab{height:52px;border-radius:0;padding:0 28px;background:#fff;color:var(--color-vault-ink);border-bottom:2px solid transparent;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.pill-tab.active{background:#fff;color:var(--color-vault-ink);border-bottom-color:var(--color-vault-ink);box-shadow:none}
.btn{border-radius:0;min-height:46px;padding:0 27px;border:1px solid var(--color-vault-ink);box-shadow:none!important}
.btn-primary{background:var(--color-deep-teal);border-color:var(--color-deep-teal);color:#fff}
.btn-primary:hover{background:#145f56;border-color:#145f56;color:#fff}
.btn-ghost{background:#fff;color:var(--color-vault-ink)}
.link-btn{border-radius:0;color:var(--color-deep-teal);height:36px;padding:0 12px}
.link-btn:hover{background:transparent;color:var(--color-vault-ink);text-decoration:underline;text-underline-offset:4px}

/* Flat cards, no soft SaaS shadows */
.two-col{gap:24px}.soft-card,.metric-card,.strategy-card,.position-card,.audit-item{
  border-radius:0!important;box-shadow:none!important;border:1px solid var(--color-hairline);background:#fff;
}
.soft-card{overflow:hidden}.soft-card:hover{border-color:#d4dddd}
.card-head{padding:32px}.card-head h2,.strategy-title-row h2,.position-card h3{
  font-family:var(--font-albra-sans);font-weight:600;letter-spacing:.02em;color:var(--color-vault-ink);
}
.card-head h2{font-size:28px;line-height:1.3}.card-head p{font-size:16px;line-height:1.55;color:#5c6669}
.detail-list{padding:0 32px 24px}.detail-row{border-color:var(--color-hairline);padding:14px 0}.detail-row span{color:var(--color-fog-gray);font-size:13px}.detail-row strong{font-size:13px;color:var(--color-vault-ink)}
.account-actions,.strategy-actions{border-top:1px solid var(--color-hairline);padding:12px 20px;background:#fff}
.form-grid{padding:0 32px 32px}.form-grid label,.config-grid label{font-size:13px;letter-spacing:.02em;color:var(--color-vault-ink)}
input,select,textarea{border-radius:0;border-color:var(--color-hairline);box-shadow:none!important;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--color-vault-ink);box-shadow:none!important}
.notice{border-radius:0;border-color:var(--color-hairline);background:var(--color-mist-white)}
.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 32px}
.metric-card{padding:24px 24px;background:var(--color-mist-white)}
.metric-card:nth-child(2){background:var(--color-peach-wall)}
.metric-card:nth-child(3){background:var(--color-mint-wall)}
.metric-card:nth-child(4){background:var(--color-lavender-wall)}
.metric-card span{font-size:13px;color:#667274;letter-spacing:.08em;text-transform:uppercase}
.metric-card strong{font-family:var(--font-albra-sans);font-size:34px;line-height:1.1;font-weight:600;letter-spacing:.02em}
.metric-card small{font-size:13px;color:#667274}

/* Strategy cards as tinted gallery walls with animated chrome artifacts */
.strategy-list{gap:24px}
.strategy-card{position:relative;overflow:hidden;border:0!important;border-top:0!important;background:var(--color-peach-wall);animation:galleryRise .55s cubic-bezier(.2,.8,.2,1) both}
.strategy-card:nth-child(2){animation-delay:.08s}
.strategy-card.bot-pa{background:var(--color-mint-wall)}
.strategy-card::before{
  content:"";position:absolute;right:34px;top:26px;width:170px;height:170px;pointer-events:none;opacity:.62;
  background:radial-gradient(circle at 35% 30%,#fff,rgba(255,255,255,.72) 12%,rgba(83,110,255,.34) 28%,rgba(24,111,100,.26) 47%,transparent 66%),
             conic-gradient(from 210deg,#fff,#536eff,#186f64,#fcede1,#fff);
  clip-path:polygon(50% 0,100% 36%,78% 100%,16% 82%,0 24%);
  animation:artifactHover 8s ease-in-out infinite;
}
.strategy-card.bot-pa::before{
  background:radial-gradient(circle at 45% 35%,#fff,rgba(255,255,255,.72) 12%,rgba(100,75,196,.38) 30%,rgba(21,78,165,.26) 50%,transparent 66%),
             conic-gradient(from 160deg,#fff,#644bc4,#154ea5,#eefcef,#fff);
  animation-delay:-2s;
}
.strategy-main{position:relative;padding:32px;z-index:1}.strategy-heading{max-width:780px}.strategy-card .circle-icon{background:var(--color-vault-ink);color:#fff}.strategy-card.bot-pa .circle-icon{background:var(--color-electric-violet);color:#fff}
.strategy-title-row h2{font-size:28px;max-width:620px}.strategy-desc{font-size:16px;color:#344145;max-width:720px}.expand-text{color:var(--color-deep-teal)}.bot-pa .expand-text{color:var(--color-electric-violet)}
.stats-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(25,27,31,.14);margin-top:28px}.stats-strip div{background:rgba(255,255,255,.54);border-radius:0;padding:18px 12px}.stats-strip span{color:#657174;font-size:13px}.stats-strip strong{font-size:16px;color:var(--color-vault-ink)}
.fresh-row{height:40px;border-radius:0;border:1px solid rgba(25,27,31,.12);background:rgba(255,255,255,.50);margin-top:16px}.fresh-value{font-size:13px;color:var(--color-deep-teal)}.bot-pa .fresh-value{color:var(--color-electric-violet)}
.strategy-config{background:rgba(255,255,255,.66);border-top:1px solid rgba(25,27,31,.12);padding:32px;animation:panelOpen .28s cubic-bezier(.2,.8,.2,1)}
.config-grid{gap:16px}.config-section-title{font-family:var(--font-albra-sans);font-size:22px;letter-spacing:.02em}
.status-tag{border-radius:0;height:24px;border:1px solid currentColor;background:transparent!important;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.status-tag::before{display:none}
.status-tag.green{color:var(--color-deep-teal)}.status-tag.blue{color:var(--color-sapphire-blue)}.status-tag.red{color:#b91c1c}.status-tag.gray,.status-tag.neutral{color:#667274}.status-tag.orange{color:#c35b19}

/* Tables and logs */
table{background:#fff}th{background:var(--color-mist-white);color:#667274;letter-spacing:.08em;text-transform:uppercase}th,td{border-color:var(--color-hairline);font-size:13px}.order-status{border-radius:0;background:var(--color-mist-white);color:var(--color-vault-ink)}
.audit-list,.position-list{padding:0 32px 32px}.audit-item,.position-card{background:var(--color-mist-white)}

/* Motion: gallery walk, not noisy SaaS */
.tab-page.active{animation:galleryRise .42s cubic-bezier(.2,.8,.2,1)}
.soft-card,.metric-card{animation:galleryRise .48s cubic-bezier(.2,.8,.2,1) both}
.two-col .soft-card:nth-child(2),.metric-card:nth-child(2){animation-delay:.04s}.metric-card:nth-child(3){animation-delay:.08s}.metric-card:nth-child(4){animation-delay:.12s}
@keyframes galleryRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes vaultArtifactFloat{0%,100%{transform:translate3d(0,0,0) rotate(-7deg) scale(1)}50%{transform:translate3d(-18px,-22px,0) rotate(5deg) scale(1.03)}}
@keyframes prismDrift{0%{transform:translate3d(0,0,0) rotate(18deg)}100%{transform:translate3d(22px,18px,0) rotate(32deg)}}
@keyframes artifactHover{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(8deg)}}

@media (prefers-reduced-motion:reduce){
  .login-card,.title-block,.strategy-card,.soft-card,.metric-card,.tab-page.active{animation:none!important}
  .login-shell::before,.login-shell::after,.title-block::before,.title-block::after,.strategy-card::before{animation:none!important}
}
@media (max-width:980px){
  .rail{justify-content:flex-start;overflow:auto;padding-left:76px}.rail-logo{left:18px}.page-bar{padding:14px 18px;height:auto}.content-wrap{width:calc(100vw - 32px);padding-top:24px}.title-block{padding:64px 28px;min-height:340px}.title-block::before{width:360px;height:360px;right:-18%;bottom:-12%}.metric-row{grid-template-columns:1fr 1fr}.config-grid{grid-template-columns:1fr 1fr}.strategy-card::before{width:120px;height:120px;right:18px;top:18px;opacity:.38}
}
@media (max-width:620px){
  .rail-item{padding:0 14px}.rail-item::after{font-size:11px}.bar-actions{margin-top:12px}.title-block h1{font-size:42px}.title-block{padding:52px 22px}.metric-row,.two-col,.records-layout,.config-grid,.stats-strip{grid-template-columns:1fr}.strategy-main,.strategy-config,.card-head,.form-grid,.detail-list,.audit-list,.position-list{padding-left:22px;padding-right:22px}.strategy-title-row h2{font-size:24px}.pill-tab{padding:0 14px}
}

/* === Factory terminal war-room override: dark canvas + bone work cards === */
:root{
  --color-obsidian-canvas:#101010;
  --color-carbon-lift:#1d1a18;
  --color-ash-stroke:#3d3a39;
  --color-graphite-mid:#4d4947;
  --color-warm-granite:#8a8380;
  --color-pale-stone:#b8b3b0;
  --color-bone:#eeeeee;
  --color-chalk:#fafafa;
  --color-signal-orange:#ee6018;
  --color-metric-green:#a0ca92;
  --font-geist:"Inter","Geist","Segoe UI","PingFang SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;
  --font-geist-mono:"JetBrains Mono","IBM Plex Mono",Consolas,"SFMono-Regular",ui-monospace,monospace;
  --radius-sm:3px;
  --radius-lg:10px;
  --radius-2xl:20px;
  --motion-factory:cubic-bezier(.4,0,.2,1);
  --bg:var(--color-obsidian-canvas);
  --panel:var(--color-carbon-lift);
  --text:var(--color-bone);
  --sub:var(--color-warm-granite);
  --muted:var(--color-pale-stone);
  --line:var(--color-ash-stroke);
  --soft:var(--color-carbon-lift);
  --blue:var(--color-bone);
  --green:var(--color-metric-green);
  --red:var(--color-signal-orange);
  --orange:var(--color-signal-orange);
  --shadow:none;
  --shadow-hover:none;
  --radius:10px;
}
*{scrollbar-color:#3d3a39 #101010;scrollbar-width:thin}
html,body{background:var(--color-obsidian-canvas)!important;color:var(--color-bone);font-family:var(--font-geist);font-weight:400;letter-spacing:-.01em}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.16;
  background-image:linear-gradient(rgba(238,238,238,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(238,238,238,.035) 1px,transparent 1px);
  background-size:64px 64px;
}
button,input,select,textarea{font-family:var(--font-geist);border-radius:var(--radius-sm)!important;transition:background-color .18s var(--motion-factory),border-color .18s var(--motion-factory),color .18s var(--motion-factory),transform .18s var(--motion-factory),opacity .18s var(--motion-factory)!important;box-shadow:none!important}
button:hover,.btn:hover,.soft-card:hover,.strategy-card:hover{box-shadow:none!important}.btn:hover,.soft-card:hover,.strategy-card:hover{transform:none!important}
.hidden{display:none!important}.muted{color:var(--color-warm-granite)}.small-text{font-size:12px}.error{color:var(--color-signal-orange)}

/* Login: midnight terminal dispatch */
.login-shell{background:var(--color-obsidian-canvas)!important;overflow:hidden;position:relative}
.login-shell::before{
  content:"";position:absolute;right:8vw;top:16vh;width:min(520px,42vw);height:330px;clip-path:none;border-radius:var(--radius-lg);opacity:1;filter:none;
  border:1px solid var(--color-ash-stroke);
  background:#0d0d0d;
  background-image:linear-gradient(#1d1a18 1px,transparent 1px),linear-gradient(90deg,#1d1a18 1px,transparent 1px);
  background-size:48px 48px;
  animation:sfDashboardFrameIn .45s var(--motion-factory) both;
}
.login-shell::after{
  content:"LIVE / AUTH";position:absolute;right:calc(8vw + 20px);top:calc(16vh + 18px);width:auto;height:auto;border:0;background:transparent;opacity:1;filter:none;clip-path:none;transform:none;
  font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;color:var(--color-pale-stone);
  padding-left:14px;
  animation:factoryBlink 1.2s steps(2,end) infinite;
}
.login-card{position:relative;z-index:2;width:min(440px,calc(100vw - 32px));border:1px solid var(--color-ash-stroke);border-radius:var(--radius-lg);background:var(--color-bone);color:var(--color-obsidian-canvas);box-shadow:none;backdrop-filter:none;padding:24px;animation:factoryPanelIn .32s var(--motion-factory) both}
.login-card h1{font-family:var(--font-geist);font-size:44px;line-height:1.12;letter-spacing:-1.1px;font-weight:400;color:var(--color-obsidian-canvas);margin-bottom:12px}
.login-card p{color:#4d4947;line-height:1.5}.login-brand strong{font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;color:#101010}.login-brand span{font-family:var(--font-geist-mono);font-size:12px;color:#8a8380;text-transform:uppercase}
.brand-logo{background:#101010!important;color:#eeeeee!important;border-radius:3px!important;font-family:var(--font-geist-mono);font-size:12px}
.auth-form label{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:#4d4947}
.login-card input{background:#fafafa;border:1px solid #b8b3b0;color:#101010}.login-card input:focus{border-color:#101010;box-shadow:none}.login-card .btn-primary{background:#101010;border-color:#101010;color:#eeeeee}.login-card .btn-ghost{background:transparent;border-color:#3d3a39;color:#101010}

/* App shell */
.app{display:block;min-height:100vh;background:var(--color-obsidian-canvas)!important;color:var(--color-bone)}
.rail{position:sticky;top:0;z-index:50;width:100%;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(16,16,16,.96)!important;border:0;border-bottom:1px solid var(--color-ash-stroke);padding:0 32px;backdrop-filter:none}
.rail-logo{position:absolute;left:32px;width:auto;height:64px;margin:0;background:transparent!important;color:var(--color-bone)!important;border:0;border-radius:0!important;font-family:var(--font-geist-mono);font-size:0;letter-spacing:-.02em}
.rail-logo::after{content:"ZTOPAI";font-size:12px;color:var(--color-bone)}
.rail-logo::before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-signal-orange);margin-right:8px;vertical-align:1px;border-radius:50%;animation:statusPulse 1.3s steps(2,end) infinite}
.rail-item{height:64px;width:auto;padding:0 18px;border-radius:3px;color:var(--color-bone);font-size:0;background:transparent;box-shadow:none;text-transform:uppercase}
.rail-item::after{font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;color:inherit}.rail-item[data-tab="account"]::after{content:"ACCOUNT"}.rail-item[data-tab="strategy"]::after{content:"STRATEGY"}.rail-item[data-tab="records"]::after{content:"RECORDS"}.rail-item[data-tab="system"]::after{content:"SYSTEM"}
.rail-item:hover{background:var(--color-carbon-lift);color:var(--color-chalk)}.rail-item.active{background:var(--color-carbon-lift);color:var(--color-chalk);box-shadow:none;border-bottom:1px solid var(--color-signal-orange)}
.main-shell{display:block;background:transparent}.page-bar{position:static;height:72px;background:var(--color-obsidian-canvas)!important;border-bottom:1px solid var(--color-ash-stroke);padding:0 40px;color:var(--color-bone)}
.header-icon{display:none}.bar-title{font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-bone);font-weight:400}.bar-subtitle{font-size:14px;color:var(--color-warm-granite)}
.bar-actions{gap:10px}.user-chip,.icon-btn{height:36px;border:1px solid var(--color-ash-stroke);background:transparent;color:var(--color-bone);border-radius:3px!important;font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;text-transform:uppercase}.icon-btn:hover{background:var(--color-bone);color:var(--color-obsidian-canvas)}.icon-btn.danger{color:var(--color-signal-orange)}.icon-btn.danger:hover{background:var(--color-signal-orange);border-color:var(--color-signal-orange);color:#101010}
.content-wrap{width:min(1200px,calc(100vw - 64px));margin:0 auto;padding:56px 0 120px;background:transparent}

/* Hero: left copy, right dashboard frame */
.title-block{position:relative;isolation:isolate;min-height:520px;margin:0 0 96px;padding:72px 56px;background:transparent!important;color:var(--color-bone);display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);align-items:center;gap:56px;border:0;overflow:visible;animation:factoryPanelIn .32s var(--motion-factory) both}
.title-block>div:first-child{position:relative;z-index:2}.title-block .kicker{font-family:var(--font-geist-mono)!important;font-size:12px!important;letter-spacing:-.02em!important;line-height:1!important;color:var(--color-pale-stone)!important;text-transform:uppercase}.title-block .kicker::before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-signal-orange);border-radius:50%;margin-right:8px;vertical-align:1px}
.title-block h1{font-family:var(--font-geist);font-size:clamp(48px,6vw,72px);line-height:1;letter-spacing:-.04em;font-weight:400;color:var(--color-bone);margin:16px 0 24px;max-width:620px}.title-block p{max-width:520px;color:var(--color-warm-granite);font-size:16px;line-height:1.5}.title-block #robotModeBadge{position:absolute;left:56px;bottom:64px;background:var(--color-carbon-lift)!important;color:var(--color-bone);border:1px solid var(--color-ash-stroke)}
.title-block::before{content:"";position:relative;right:auto;bottom:auto;top:auto;width:100%;height:380px;display:block;grid-column:2;grid-row:1;z-index:1;opacity:1;filter:none;clip-path:none;border-radius:10px;border:1px solid var(--color-ash-stroke);background:#0d0d0d;background-image:linear-gradient(#1d1a18 1px,transparent 1px),linear-gradient(90deg,#1d1a18 1px,transparent 1px),radial-gradient(circle at 18% 28%,rgba(238,96,24,.12),transparent 28%),radial-gradient(circle at 78% 64%,rgba(160,202,146,.10),transparent 28%);background-size:48px 48px,48px 48px,100% 100%,100% 100%;animation:sfDashboardFrameIn .48s var(--motion-factory) both}
.title-block::after{content:"● ● ●   RUNTIME / MONITOR";position:absolute;right:calc(56px + 24px);top:calc(50% - 162px);z-index:2;width:calc(50% - 80px);height:auto;border:0;background:transparent;clip-path:none;transform:none;opacity:1;filter:none;font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;color:var(--color-pale-stone);padding:0 0 18px;border-bottom:1px solid var(--color-carbon-lift);animation:none}

/* Tabs */
.pill-tabs{display:flex;width:100%;background:transparent;border:0;border-bottom:1px solid var(--color-ash-stroke);border-radius:0;box-shadow:none;padding:0;margin:0 0 40px}.pill-tab{height:48px;border-radius:3px 3px 0 0;padding:0 18px;background:transparent;color:var(--color-warm-granite);border:0;border-bottom:1px solid transparent;font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;text-transform:uppercase}.pill-tab:hover{color:var(--color-bone);background:var(--color-carbon-lift)}.pill-tab.active{background:var(--color-carbon-lift);color:var(--color-bone);border-bottom-color:var(--color-signal-orange);box-shadow:none}

/* Buttons + forms */
.btn{min-height:40px;border-radius:3px!important;padding:0 14px;border:0;font-size:14px;font-weight:400;box-shadow:none!important}.btn-primary{background:var(--color-carbon-lift);color:var(--color-bone);border:1px solid var(--color-carbon-lift)}.btn-primary:hover{background:var(--color-bone);border-color:var(--color-bone);color:var(--color-obsidian-canvas)}.btn-ghost{background:transparent;color:var(--color-bone);border:1px solid var(--color-ash-stroke)}.btn-ghost:hover{border-color:var(--color-bone);color:var(--color-chalk);background:transparent}.link-btn{height:36px;border-radius:0!important;color:var(--color-bone);font-size:14px;background:transparent;border:1px solid var(--color-ash-stroke);padding:0 12px}.link-btn:hover{color:var(--color-chalk);border-color:var(--color-bone);text-decoration:none;background:transparent}.link-btn.danger{color:var(--color-signal-orange)}
input,select,textarea{background:#0d0d0d;color:var(--color-bone);border:1px solid var(--color-ash-stroke);border-radius:3px!important}input:focus,select:focus,textarea:focus{border-color:var(--color-bone);box-shadow:none!important}select option{background:#101010;color:#eeeeee}.form-grid label,.config-grid label,.auth-form label{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:var(--color-pale-stone)}.notice{background:#0d0d0d;border:1px solid var(--color-ash-stroke);border-radius:10px;color:var(--color-warm-granite)}.form-message{font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;color:var(--color-pale-stone)}

/* Panels */
.two-col{gap:24px}.soft-card,.metric-card,.strategy-card,.position-card,.audit-item{box-shadow:none!important}.soft-card{background:transparent;border:1px solid var(--color-carbon-lift);border-radius:10px!important;color:var(--color-bone);overflow:hidden}.soft-card:hover{border-color:var(--color-ash-stroke);transform:none}.card-head{padding:24px;border-bottom:1px solid var(--color-carbon-lift)}.head-left{gap:16px}.circle-icon{border-radius:3px!important;background:var(--color-carbon-lift)!important;color:var(--color-bone);border:1px solid var(--color-ash-stroke);font-family:var(--font-geist-mono)}.card-head h2,.strategy-title-row h2,.position-card h3{font-family:var(--font-geist);font-size:36px;line-height:1.1;letter-spacing:-1.12px;font-weight:400;color:inherit}.card-head h2{font-size:36px}.card-head p,.strategy-desc{font-size:14px;line-height:1.43;color:var(--color-warm-granite)}.detail-list{padding:0 24px 20px}.detail-row{border-color:var(--color-carbon-lift);padding:14px 0}.detail-row span{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:var(--color-pale-stone)}.detail-row strong{font-size:14px;font-weight:400;color:var(--color-bone)}.account-actions,.strategy-actions{border-top:1px solid var(--color-carbon-lift);background:transparent;padding:12px 16px}.form-grid{padding:0 24px 24px}

/* Metrics as terminal tiles */
.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 40px;border:1px solid var(--color-carbon-lift);border-radius:10px;overflow:hidden;background:#0d0d0d}.metric-card{position:relative;border:0!important;border-right:1px solid var(--color-carbon-lift);border-radius:0!important;background:transparent!important;color:var(--color-bone);padding:20px;min-height:132px}.metric-card:last-child{border-right:0}.metric-card span{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:var(--color-pale-stone)}.metric-card strong{display:block;margin:18px 0 8px;font-family:var(--font-geist);font-size:36px;line-height:1.1;letter-spacing:-1.12px;font-weight:400;color:var(--color-bone)}.metric-card small{font-size:12px;color:var(--color-warm-granite)}.metric-card::after{content:"";position:absolute;left:20px;right:20px;bottom:18px;height:28px;opacity:.9;background:linear-gradient(135deg,transparent 0 18%,var(--color-signal-orange) 19% 21%,transparent 22% 38%,var(--color-signal-orange) 39% 41%,transparent 42% 58%,var(--color-signal-orange) 59% 61%,transparent 62%)}.metric-card:nth-child(2)::after,.metric-card:nth-child(4)::after{background:linear-gradient(135deg,transparent 0 18%,var(--color-metric-green) 19% 21%,transparent 22% 38%,var(--color-metric-green) 39% 41%,transparent 42% 58%,var(--color-metric-green) 59% 61%,transparent 62%)}

/* Strategy cards: bone dispatch cards on black canvas */
.strategy-list{display:grid;gap:24px}.strategy-card{position:relative;border:0!important;border-radius:10px!important;background:var(--color-bone)!important;color:var(--color-obsidian-canvas);overflow:hidden;animation:factoryPanelIn .32s var(--motion-factory) both}.strategy-card:nth-child(2){animation-delay:.06s}.strategy-card::before{content:"";position:absolute;inset:0;right:auto;top:auto;width:100%;height:100%;opacity:.16;border:0;background-image:radial-gradient(#101010 .6px,transparent .8px);background-size:6px 6px;clip-path:none;animation:none;pointer-events:none}.strategy-card::after{content:"";position:absolute;right:24px;top:24px;width:8px;height:8px;border-radius:50%;background:var(--color-signal-orange);animation:statusPulse 1.2s steps(2,end) infinite}.strategy-card.bot-pa::after{background:var(--color-metric-green)}.strategy-main{position:relative;z-index:1;padding:24px}.strategy-heading{max-width:760px}.strategy-card .circle-icon{background:#101010!important;color:#eeeeee;border:0}.strategy-card.bot-pa .circle-icon{background:#101010!important;color:#a0ca92;border:0}.strategy-title-row h2{font-size:36px;color:#101010}.strategy-desc{color:#4d4947;font-size:14px}.strategy-card .status-tag{background:transparent!important;border:1px solid #b8b3b0;color:#101010}.expand-text{margin-top:16px;color:#101010;font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase}.expand-text::after{content:" →"}.stats-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;background:transparent;border:1px solid #d1ccca;border-radius:10px;overflow:hidden}.stats-strip div{background:transparent;border-right:1px solid #d1ccca;border-radius:0;padding:18px 16px;text-align:left}.stats-strip div:last-child{border-right:0}.stats-strip span{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;color:#4d4947}.stats-strip strong{font-size:20px;font-weight:400;color:#101010}.fresh-row{height:42px;margin-top:16px;border:1px solid #d1ccca;border-radius:10px;background:transparent;color:#101010}.fresh-dot{background:var(--color-signal-orange);animation:statusPulse 1.2s steps(2,end) infinite}.bot-pa .fresh-dot{background:var(--color-metric-green)}.fresh-label{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;color:#4d4947}.fresh-value{font-family:var(--font-geist-mono);font-size:12px;color:#101010}.strategy-card .strategy-actions{position:relative;z-index:1;background:transparent;border-top:1px solid #d1ccca}.strategy-card .link-btn{color:#101010;border-color:#b8b3b0}.strategy-card .link-btn:hover{border-color:#101010;color:#101010}.strategy-config{position:relative;z-index:1;background:#fafafa;border-top:1px solid #d1ccca;padding:24px;animation:factoryPanelIn .2s var(--motion-factory)}.config-section-title{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:#101010}.strategy-config input,.strategy-config select,.strategy-config textarea{background:#eeeeee;color:#101010;border-color:#b8b3b0}.strategy-config input:focus,.strategy-config select:focus,.strategy-config textarea:focus{border-color:#101010}.strategy-config label{color:#4d4947}.strategy-config .btn-primary{background:#101010;border-color:#101010;color:#eeeeee}.strategy-config .btn-ghost{color:#101010;border-color:#b8b3b0}.strategy-config .form-message{color:#4d4947}

/* Status tags */
.status-tag{height:22px;border-radius:3px!important;padding:0 8px;background:transparent!important;border:1px solid var(--color-ash-stroke);font-family:var(--font-geist-mono);font-size:12px;line-height:1;letter-spacing:-.02em;text-transform:uppercase;color:var(--color-pale-stone)}.status-tag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:6px}.status-tag.green{color:var(--color-metric-green);border-color:rgba(160,202,146,.45)}.status-tag.blue{color:var(--color-bone);border-color:var(--color-ash-stroke)}.status-tag.red,.status-tag.orange{color:var(--color-signal-orange);border-color:rgba(238,96,24,.45)}.status-tag.gray,.status-tag.neutral{color:var(--color-pale-stone);border-color:var(--color-ash-stroke)}

/* Records/system */
.records-layout{grid-template-columns:.8fr 1.2fr}.position-list,.audit-list{padding:24px}.position-card,.audit-item{background:#0d0d0d;border:1px solid var(--color-carbon-lift);border-radius:10px!important;color:var(--color-bone)}.position-card h3{font-size:28px;color:var(--color-bone)}.empty-block,.empty-cell{color:var(--color-warm-granite);padding:32px}.table-wrap{background:#0d0d0d}table{background:#0d0d0d;color:var(--color-bone)}th,td{border-color:var(--color-carbon-lift);font-size:14px}th{background:#101010;color:var(--color-pale-stone);font-family:var(--font-geist-mono);font-size:12px;letter-spacing:-.02em;text-transform:uppercase}.order-status{border-radius:3px;background:var(--color-carbon-lift);color:var(--color-pale-stone);font-family:var(--font-geist-mono);font-size:12px}.audit-item strong{font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;color:var(--color-bone)}.audit-item code{color:var(--color-warm-granite);font-family:var(--font-geist-mono);font-size:12px}

/* Mechanical motion */
.tab-page.active{animation:factoryPanelIn .24s var(--motion-factory)}.soft-card,.metric-row,.strategy-card{animation:factoryPanelIn .28s var(--motion-factory) both}.soft-card:nth-child(2){animation-delay:.04s}
@keyframes factoryPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes sfDashboardFrameIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes statusPulse{0%,48%{opacity:1}49%,100%{opacity:.32}}
@keyframes factoryBlink{0%,70%{opacity:1}71%,100%{opacity:.45}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (max-width:980px){.rail{justify-content:flex-start;overflow:auto;padding-left:108px}.rail-logo{left:24px}.page-bar{height:auto;padding:14px 18px}.content-wrap{width:calc(100vw - 32px);padding-top:32px}.title-block{display:block;min-height:auto;padding:40px 0 0;margin-bottom:64px}.title-block h1{font-size:56px}.title-block #robotModeBadge{position:static;margin-top:24px}.title-block::before{margin-top:40px;height:320px}.title-block::after{display:none}.metric-row{grid-template-columns:1fr 1fr}.metric-card:nth-child(2){border-right:0}.metric-card:nth-child(1),.metric-card:nth-child(2){border-bottom:1px solid var(--color-carbon-lift)}.config-grid{grid-template-columns:1fr 1fr}.two-col,.records-layout{grid-template-columns:1fr}}
@media (max-width:620px){.rail-item{padding:0 12px}.rail-item::after{font-size:11px}.bar-actions{margin-top:12px}.content-wrap{width:calc(100vw - 24px)}.title-block h1{font-size:44px}.title-block::before{height:240px}.metric-row,.config-grid,.stats-strip{grid-template-columns:1fr}.metric-card{border-right:0;border-bottom:1px solid var(--color-carbon-lift)}.metric-card:last-child{border-bottom:0}.stats-strip div{border-right:0;border-bottom:1px solid #d1ccca}.stats-strip div:last-child{border-bottom:0}.strategy-main,.strategy-config,.card-head,.form-grid,.detail-list,.position-list,.audit-list{padding-left:18px;padding-right:18px}.strategy-title-row h2{font-size:30px}}


/* UI copy cleanup */
.title-block::after{content:"● ● ●   RUNTIME / MONITOR"!important}
.signal-split{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:12px;border:1px solid #d1ccca;border-radius:10px;overflow:hidden;background:rgba(16,16,16,.02)}
.signal-split>div{padding:14px 16px;border-right:1px solid #d1ccca}
.signal-split>div:last-child{border-right:0}
.signal-split span{display:block;font-family:var(--font-geist-mono);font-size:12px;text-transform:uppercase;letter-spacing:-.02em;color:#4d4947}
.signal-split strong{display:block;margin:8px 0 4px;font-size:16px;font-weight:500;color:#101010}
.signal-split small{display:block;font-family:var(--font-geist-mono);font-size:12px;line-height:1.45;color:#4d4947}
.signal-split .muted-signal{opacity:.58}
@media (max-width:620px){.signal-split{grid-template-columns:1fr}.signal-split>div{border-right:0;border-bottom:1px solid #d1ccca}.signal-split>div:last-child{border-bottom:0}}

/* Aurora Dashboard v2
   Open-source style direction: shadcn/ui layout density + Tremor dashboard cards + Magic UI soft motion.
   Motion is intentionally slow/transform-only to avoid refresh flicker. */
:root{
  --aurora-bg:#07111f;
  --aurora-bg-2:#0b1628;
  --aurora-panel:rgba(13,23,42,.74);
  --aurora-panel-2:rgba(15,23,42,.92);
  --aurora-card:rgba(255,255,255,.075);
  --aurora-card-strong:rgba(255,255,255,.12);
  --aurora-border:rgba(148,163,184,.20);
  --aurora-border-strong:rgba(148,163,184,.34);
  --aurora-text:#eef6ff;
  --aurora-sub:#9fb0c8;
  --aurora-muted:#6f819b;
  --aurora-blue:#38bdf8;
  --aurora-cyan:#22d3ee;
  --aurora-green:#34d399;
  --aurora-orange:#fb923c;
  --aurora-red:#f87171;
  --aurora-radius:24px;
  --aurora-shadow:0 24px 90px rgba(0,0,0,.34);
}
html,body{background:var(--aurora-bg)!important;color:var(--aurora-text)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif}

/* Stop the previous blinking / repeated refresh animations */
.login-shell::after,.rail-logo::before,.fresh-dot,.strategy-card::after{animation:none!important}
.strategy-card,.metric-row,.soft-card,.tab-page.active{animation:none!important}
.title-block::after{animation:none!important}

.app{
  position:relative;
  display:grid!important;
  grid-template-columns:248px minmax(0,1fr)!important;
  min-height:100vh;
  background:
    radial-gradient(circle at 12% 8%,rgba(56,189,248,.16),transparent 30%),
    radial-gradient(circle at 88% 12%,rgba(52,211,153,.12),transparent 34%),
    linear-gradient(135deg,var(--aurora-bg),#050816 58%,#07101d)!important;
  color:var(--aurora-text)!important;
  overflow-x:hidden;
}
.app::before{
  content:"";
  position:fixed;
  inset:-28% -20% auto auto;
  width:680px;
  height:680px;
  pointer-events:none;
  border-radius:999px;
  background:conic-gradient(from 180deg,rgba(34,211,238,.20),rgba(52,211,153,.13),rgba(251,146,60,.10),rgba(56,189,248,.20));
  filter:blur(70px);
  opacity:.75;
  transform:translate3d(0,0,0);
  animation:auroraFloat 24s ease-in-out infinite alternate;
}
@keyframes auroraFloat{
  from{transform:translate3d(-18px,8px,0) rotate(0deg) scale(1)}
  to{transform:translate3d(24px,38px,0) rotate(18deg) scale(1.08)}
}

/* Sidebar */
.rail{
  position:sticky!important;
  top:0!important;
  z-index:30;
  width:auto!important;
  height:100vh!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:22px 16px!important;
  background:rgba(2,6,23,.72)!important;
  border:0!important;
  border-right:1px solid var(--aurora-border)!important;
  backdrop-filter:blur(22px);
}
.rail-logo{
  position:relative!important;
  left:auto!important;
  width:100%!important;
  height:52px!important;
  margin:0 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(52,211,153,.12))!important;
  border:1px solid var(--aurora-border)!important;
  color:var(--aurora-text)!important;
  font-size:0!important;
}
.rail-logo::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  border-radius:999px;
  margin-right:10px;
  background:var(--aurora-green);
  box-shadow:0 0 18px rgba(52,211,153,.65);
}
.rail-logo::after{
  content:"ZTOPAI";
  color:var(--aurora-text);
  font-size:14px;
  font-weight:900;
  letter-spacing:.08em;
}
.rail-item{
  width:100%!important;
  height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0 14px!important;
  border-radius:14px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  color:var(--aurora-sub)!important;
  font-size:0!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
.rail-item::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  margin-right:12px;
  background:rgba(148,163,184,.38);
  transition:background .18s ease,box-shadow .18s ease;
}
.rail-item::after{
  font-size:13px!important;
  font-weight:800;
  letter-spacing:.02em!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
}
.rail-item:hover{
  transform:translateX(2px);
  background:rgba(255,255,255,.07)!important;
  border-color:var(--aurora-border)!important;
  color:var(--aurora-text)!important;
}
.rail-item.active{
  background:linear-gradient(135deg,rgba(56,189,248,.18),rgba(34,211,238,.08))!important;
  border-color:rgba(56,189,248,.36)!important;
  color:var(--aurora-text)!important;
}
.rail-item.active::before{background:var(--aurora-cyan);box-shadow:0 0 14px rgba(34,211,238,.75)}

/* Top bar + content */
.main-shell{min-width:0;background:transparent!important}
.page-bar{
  position:sticky!important;
  top:0!important;
  z-index:20;
  height:72px!important;
  padding:0 32px!important;
  background:rgba(7,17,31,.76)!important;
  color:var(--aurora-text)!important;
  border:0!important;
  border-bottom:1px solid var(--aurora-border)!important;
  backdrop-filter:blur(20px);
}
.header-icon{
  display:grid!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:rgba(56,189,248,.12)!important;
  border:1px solid rgba(56,189,248,.28)!important;
  color:var(--aurora-cyan)!important;
}
.bar-title{font-size:15px!important;font-weight:900!important;color:var(--aurora-text)!important;letter-spacing:-.01em;text-transform:none!important}
.bar-subtitle{font-size:12px!important;color:var(--aurora-sub)!important}
.user-chip,.icon-btn{
  height:36px!important;
  border-radius:999px!important;
  border:1px solid var(--aurora-border)!important;
  background:rgba(255,255,255,.06)!important;
  color:var(--aurora-text)!important;
  font-size:12px!important;
  text-transform:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.icon-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)!important;border-color:var(--aurora-border-strong)!important;color:#fff!important}
.icon-btn.danger{color:#fecaca!important}
.content-wrap{
  width:min(1180px,calc(100vw - 64px))!important;
  margin:0 auto!important;
  padding:28px 0 96px!important;
  background:transparent!important;
}

/* Hero */
.title-block{
  position:relative!important;
  isolation:isolate;
  min-height:238px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:24px!important;
  margin:0 0 22px!important;
  padding:32px!important;
  border-radius:var(--aurora-radius)!important;
  border:1px solid var(--aurora-border)!important;
  overflow:hidden!important;
  color:var(--aurora-text)!important;
  background:
    linear-gradient(135deg,rgba(15,23,42,.88),rgba(15,23,42,.62)),
    radial-gradient(circle at 18% 12%,rgba(56,189,248,.24),transparent 34%),
    radial-gradient(circle at 88% 24%,rgba(52,211,153,.20),transparent 32%)!important;
  box-shadow:var(--aurora-shadow)!important;
}
.title-block::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  right:-120px!important;
  top:-170px!important;
  width:460px!important;
  height:460px!important;
  display:block!important;
  border:0!important;
  border-radius:999px!important;
  background:conic-gradient(from 110deg,rgba(56,189,248,.30),rgba(52,211,153,.22),rgba(251,146,60,.13),rgba(56,189,248,.28))!important;
  filter:blur(44px)!important;
  opacity:.82!important;
  animation:auroraFloat 28s ease-in-out infinite alternate!important;
  grid-column:auto!important;
  grid-row:auto!important;
}
.title-block::after{
  content:"LIVE MONITOR"!important;
  position:absolute!important;
  right:28px!important;
  top:24px!important;
  width:auto!important;
  padding:8px 12px!important;
  border:1px solid rgba(56,189,248,.24)!important;
  border-radius:999px!important;
  background:rgba(8,18,32,.54)!important;
  color:var(--aurora-cyan)!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}
.title-block .kicker{color:var(--aurora-cyan)!important;font-size:12px!important;letter-spacing:.12em!important;font-weight:900!important}
.title-block .kicker::before{display:none!important}
.title-block h1{
  color:var(--aurora-text)!important;
  font-size:clamp(34px,4.6vw,64px)!important;
  line-height:1.02!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
  margin:10px 0 14px!important;
}
.title-block p{max-width:680px!important;color:var(--aurora-sub)!important;font-size:15px!important;line-height:1.75!important}
.title-block #robotModeBadge{
  position:static!important;
  margin:0!important;
  align-self:flex-start!important;
}

/* Tabs */
.pill-tabs{
  width:100%!important;
  display:flex!important;
  gap:8px!important;
  margin:0 0 22px!important;
  padding:6px!important;
  border:1px solid var(--aurora-border)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  overflow:auto;
}
.pill-tab{
  height:40px!important;
  min-width:max-content;
  padding:0 18px!important;
  border-radius:13px!important;
  border:1px solid transparent!important;
  color:var(--aurora-sub)!important;
  font-weight:800!important;
  font-size:13px!important;
  text-transform:none!important;
  transition:all .18s ease!important;
}
.pill-tab:hover{background:rgba(255,255,255,.08)!important;color:var(--aurora-text)!important}
.pill-tab.active{
  background:linear-gradient(135deg,rgba(56,189,248,.22),rgba(34,211,238,.10))!important;
  border-color:rgba(56,189,248,.34)!important;
  color:#fff!important;
  box-shadow:0 10px 30px rgba(56,189,248,.12)!important;
}

/* Cards */
.two-col{gap:18px!important}
.soft-card,.metric-card,.strategy-card,.position-card,.audit-item{
  border:1px solid var(--aurora-border)!important;
  border-radius:22px!important;
  background:var(--aurora-card)!important;
  color:var(--aurora-text)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.soft-card:hover,.metric-card:hover,.strategy-card:hover{
  transform:translateY(-2px)!important;
  border-color:var(--aurora-border-strong)!important;
  background:var(--aurora-card-strong)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
}
.card-head{padding:22px!important;border-bottom:1px solid var(--aurora-border)!important}
.card-head h2,.strategy-title-row h2,.position-card h3{
  color:var(--aurora-text)!important;
  font-size:22px!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
}
.card-head p,.strategy-desc{color:var(--aurora-sub)!important;font-size:13px!important;line-height:1.7!important}
.circle-icon{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(56,189,248,.28)!important;
  background:rgba(56,189,248,.12)!important;
  color:var(--aurora-cyan)!important;
}

.metric-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:18px 0 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.metric-card{
  min-height:128px!important;
  padding:18px!important;
  overflow:hidden;
}
.metric-card span,.stats-strip span,.signal-split span,.detail-row span{
  color:var(--aurora-muted)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
.metric-card strong{
  color:var(--aurora-text)!important;
  font-size:30px!important;
  font-weight:900!important;
  letter-spacing:-.04em!important;
}
.metric-card small{color:var(--aurora-sub)!important}
.metric-card::after{
  opacity:.35!important;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.50),transparent)!important;
  height:1px!important;
  left:18px!important;
  right:18px!important;
  bottom:16px!important;
}

/* Strategy cards */
.strategy-list{gap:18px!important}
.strategy-card{
  border-radius:26px!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,23,42,.74)),
    radial-gradient(circle at 92% 12%,rgba(56,189,248,.14),transparent 28%)!important;
}
.strategy-card.bot-pa{
  background:
    linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,23,42,.74)),
    radial-gradient(circle at 92% 12%,rgba(52,211,153,.14),transparent 28%)!important;
}
.strategy-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  opacity:1!important;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(56,189,248,.45),rgba(52,211,153,.20),transparent 42%) top left/100% 1px no-repeat!important;
  clip-path:none!important;
}
.strategy-card::after{
  content:""!important;
  position:absolute!important;
  right:22px!important;
  top:22px!important;
  width:10px!important;
  height:10px!important;
  border-radius:999px!important;
  background:var(--aurora-cyan)!important;
  box-shadow:0 0 18px rgba(34,211,238,.75)!important;
}
.strategy-card.bot-pa::after{background:var(--aurora-green)!important;box-shadow:0 0 18px rgba(52,211,153,.70)!important}
.strategy-main{padding:24px!important}
.strategy-title-row{gap:8px!important}
.strategy-title-row h2{font-size:28px!important;max-width:100%!important;color:var(--aurora-text)!important}
.strategy-desc{max-width:860px!important;color:var(--aurora-sub)!important}
.expand-text{
  margin-top:12px!important;
  color:var(--aurora-cyan)!important;
  font-size:13px!important;
  font-weight:900!important;
  text-transform:none!important;
}
.expand-text::after{content:" →"}
.strategy-actions{
  border-top:1px solid var(--aurora-border)!important;
  background:rgba(2,6,23,.20)!important;
  padding:12px 16px!important;
}
.stats-strip,.fresh-row,.signal-split{
  border:1px solid var(--aurora-border)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
}
.stats-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:20px!important;
  overflow:hidden!important;
}
.stats-strip div{padding:16px!important;border-right:1px solid var(--aurora-border)!important;background:transparent!important}
.stats-strip div:last-child{border-right:0!important}
.stats-strip strong{color:var(--aurora-text)!important;font-size:20px!important;font-weight:900!important}
.fresh-row{height:auto!important;min-height:46px!important;margin-top:14px!important;padding:12px 14px!important;color:var(--aurora-text)!important}
.fresh-dot{
  background:var(--aurora-cyan)!important;
  box-shadow:0 0 12px rgba(34,211,238,.7);
}
.bot-pa .fresh-dot{background:var(--aurora-green)!important;box-shadow:0 0 12px rgba(52,211,153,.62)}
.fresh-label{color:var(--aurora-muted)!important;font-size:12px!important;text-transform:none!important}
.fresh-value{color:var(--aurora-text)!important;font-size:13px!important}
.signal-split{
  grid-template-columns:1fr 1fr!important;
  margin-top:14px!important;
  overflow:hidden!important;
}
.signal-split>div{padding:16px!important;border-right:1px solid var(--aurora-border)!important}
.signal-split>div:last-child{border-right:0!important}
.signal-split strong{color:var(--aurora-text)!important;font-size:16px!important}
.signal-split small{color:var(--aurora-sub)!important;font-size:12px!important}
.signal-split .muted-signal{opacity:.64}

/* Forms / records */
input,select,textarea{
  border-radius:14px!important;
  border:1px solid var(--aurora-border)!important;
  background:rgba(2,6,23,.58)!important;
  color:var(--aurora-text)!important;
  padding:11px 12px!important;
  box-shadow:none!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(56,189,248,.60)!important;box-shadow:0 0 0 4px rgba(56,189,248,.12)!important}
select option{background:#0b1628!important;color:var(--aurora-text)!important}
.form-grid label,.config-grid label,.auth-form label{color:var(--aurora-sub)!important;text-transform:none!important;font-size:12px!important;letter-spacing:0!important}
.strategy-config{
  padding:22px!important;
  border-top:1px solid var(--aurora-border)!important;
  background:rgba(2,6,23,.34)!important;
}
.strategy-config input,.strategy-config select,.strategy-config textarea{background:rgba(7,17,31,.82)!important;color:var(--aurora-text)!important;border-color:var(--aurora-border)!important}
.config-section-title{color:var(--aurora-cyan)!important;font-size:12px!important;font-weight:900!important;text-transform:none!important}
.btn,.link-btn{
  border-radius:999px!important;
  border:1px solid var(--aurora-border)!important;
  color:var(--aurora-text)!important;
  background:rgba(255,255,255,.06)!important;
  font-weight:900!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
.btn:hover,.link-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)!important;border-color:var(--aurora-border-strong)!important;color:#fff!important}
.btn-primary{
  border-color:rgba(56,189,248,.50)!important;
  background:linear-gradient(135deg,rgba(56,189,248,.95),rgba(34,211,238,.70))!important;
  color:#02111f!important;
}
.notice{border-color:var(--aurora-border)!important;background:rgba(255,255,255,.06)!important;color:var(--aurora-sub)!important}
.detail-list{padding:0 22px 18px!important}
.detail-row{border-color:var(--aurora-border)!important}
.detail-row strong{color:var(--aurora-text)!important}
.account-actions{border-color:var(--aurora-border)!important;background:rgba(2,6,23,.18)!important}
.position-list,.audit-list{padding:22px!important}
.table-wrap,table{background:rgba(2,6,23,.38)!important;color:var(--aurora-text)!important}
th,td{border-color:var(--aurora-border)!important}
th{background:rgba(2,6,23,.55)!important;color:var(--aurora-sub)!important}
.order-status{background:rgba(255,255,255,.08)!important;color:var(--aurora-text)!important}
.empty-block,.empty-cell{color:var(--aurora-muted)!important}

/* Tags */
.status-tag{
  height:24px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid var(--aurora-border)!important;
  color:var(--aurora-sub)!important;
  font-size:11px!important;
  font-weight:900!important;
  text-transform:none!important;
}
.status-tag::before{width:6px!important;height:6px!important;margin-right:2px!important}
.status-tag.green{color:var(--aurora-green)!important;border-color:rgba(52,211,153,.35)!important;background:rgba(52,211,153,.08)!important}
.status-tag.blue{color:var(--aurora-cyan)!important;border-color:rgba(34,211,238,.35)!important;background:rgba(34,211,238,.08)!important}
.status-tag.red,.status-tag.orange{color:var(--aurora-orange)!important;border-color:rgba(251,146,60,.35)!important;background:rgba(251,146,60,.08)!important}
.status-tag.gray,.status-tag.neutral{color:var(--aurora-sub)!important}

/* Login */
.login-shell{
  background:
    radial-gradient(circle at 18% 16%,rgba(56,189,248,.20),transparent 32%),
    radial-gradient(circle at 88% 82%,rgba(52,211,153,.15),transparent 32%),
    linear-gradient(135deg,#07111f,#050816)!important;
}
.login-card{
  background:rgba(15,23,42,.82)!important;
  border:1px solid var(--aurora-border)!important;
  color:var(--aurora-text)!important;
  border-radius:28px!important;
  box-shadow:var(--aurora-shadow)!important;
  backdrop-filter:blur(22px);
}
.login-card h1{color:var(--aurora-text)!important;font-size:34px!important;font-weight:900!important}
.login-card p,.login-brand span{color:var(--aurora-sub)!important}
.login-brand strong{color:var(--aurora-text)!important}
.brand-logo{background:linear-gradient(135deg,var(--aurora-blue),var(--aurora-green))!important;color:#02111f!important;border-radius:14px!important}
.login-card input{background:rgba(2,6,23,.56)!important;color:var(--aurora-text)!important}

@media (max-width:980px){
  .app{display:block!important;padding-bottom:74px!important}
  .app::before{width:520px;height:520px;opacity:.55}
  .rail{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    height:60px!important;
    width:auto!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-around!important;
    gap:6px!important;
    padding:8px!important;
    border:1px solid var(--aurora-border)!important;
    border-radius:22px!important;
    background:rgba(2,6,23,.78)!important;
    box-shadow:0 16px 50px rgba(0,0,0,.34)!important;
  }
  .rail-logo{display:none!important}
  .rail-item{
    width:auto!important;
    flex:1 1 0!important;
    height:44px!important;
    justify-content:center!important;
    padding:0 6px!important;
    transform:none!important;
  }
  .rail-item::before{display:none!important}
  .rail-item::after{font-size:11px!important}
  .page-bar{
    height:auto!important;
    min-height:68px!important;
    padding:12px 16px!important;
    gap:12px!important;
    flex-wrap:wrap!important;
  }
  .bar-actions{width:100%;justify-content:flex-start!important;overflow:auto;padding-bottom:2px}
  .content-wrap{width:calc(100vw - 28px)!important;padding:18px 0 94px!important}
  .title-block{
    min-height:auto!important;
    display:block!important;
    padding:24px!important;
    margin-bottom:16px!important;
  }
  .title-block h1{font-size:40px!important}
  .title-block p{font-size:14px!important}
  .title-block #robotModeBadge{margin-top:18px!important;display:inline-flex!important}
  .title-block::before{right:-210px!important;top:-210px!important}
  .title-block::after{right:18px!important;top:18px!important;font-size:10px!important}
  .pill-tabs{gap:6px!important;margin-bottom:16px!important}
  .pill-tab{height:38px!important;padding:0 14px!important}
  .two-col,.records-layout{grid-template-columns:1fr!important}
  .metric-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .config-grid,.form-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:640px){
  .page-bar-left{width:100%}
  .user-chip{max-width:100%!important}
  .content-wrap{width:calc(100vw - 22px)!important}
  .title-block{padding:20px!important;border-radius:22px!important}
  .title-block h1{font-size:34px!important;letter-spacing:-.045em!important}
  .title-block p{line-height:1.65!important}
  .metric-row,.stats-strip,.signal-split,.config-grid,.form-grid{grid-template-columns:1fr!important}
  .metric-card{min-height:108px!important}
  .strategy-main,.strategy-config,.card-head,.detail-list,.position-list,.audit-list{padding-left:16px!important;padding-right:16px!important}
  .strategy-title-row h2{font-size:24px!important;white-space:normal!important}
  .strategy-heading{display:block!important}
  .strategy-heading .circle-icon{margin-bottom:12px}
  .stats-strip div,.signal-split>div{border-right:0!important;border-bottom:1px solid var(--aurora-border)!important}
  .stats-strip div:last-child,.signal-split>div:last-child{border-bottom:0!important}
  .strategy-actions,.account-actions,.form-actions,.save-row{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
  .strategy-actions .link-btn,.account-actions .link-btn{flex:1 1 auto!important}
  input,select,textarea{font-size:16px!important}
}
@media (prefers-reduced-motion:reduce){
  .app::before,.title-block::before{animation:none!important}
}