:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",sans-serif;background:#0b0f17;color:#f4f6fa}*{box-sizing:border-box}body{margin:0;max-width:680px;margin:auto;padding-bottom:90px}header{padding:32px 20px 20px;display:flex;justify-content:space-between;background:radial-gradient(circle at 85% 10%,#173f35,#0b0f17 55%)}small{color:#8e9aae}h1{font-size:34px;margin:8px 0}h2{font-size:18px;margin:24px 0 12px}.paper{height:max-content;color:#2ee6a6;background:#12362d;border:1px solid #23634f;padding:6px 10px;border-radius:8px;font-size:12px}#profit.up,.up{color:#2ee6a6}#profit.down,.down{color:#ff6474}nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(680px,100%);display:flex;background:#111722;border-top:1px solid #222b39;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;border:0;background:none;color:#778297;padding:18px}nav button.active{color:#2ee6a6}main{padding:0 16px}.tab{display:none}.tab.active{display:block}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metrics article,.card{background:#121925;border:1px solid #202a39;border-radius:14px;padding:16px}.metrics strong{display:block;font-size:20px;margin-top:8px}.cards{display:grid;gap:10px}.card .top,.title-row{display:flex;justify-content:space-between;align-items:center}.card p{color:#98a3b5;margin:10px 0 0;font-size:13px}.pill{border-radius:20px;padding:5px 9px;font-size:12px;background:#252d3a}.empty{color:#667185;padding:24px 0}.primary{border:0;border-radius:10px;background:#2ee6a6;color:#062119;font-weight:700;padding:10px 14px}button{cursor:pointer}dialog{width:min(620px,calc(100% - 24px));border:1px solid #283344;border-radius:18px;background:#111722;color:#fff;padding:20px}dialog::backdrop{background:#000b}dialog label{display:grid;gap:7px;color:#9da8b9;font-size:13px;margin:10px 0;flex:1}.row{display:flex;gap:10px}input,select{width:100%;background:#0b1018;color:#fff;border:1px solid #293446;border-radius:9px;padding:12px}.submit{width:100%;margin-top:14px;padding:14px}#close{font-size:28px;background:none;color:#8894a8;border:0}#error{color:#ff6474;font-size:13px}@media(max-width:440px){.row{display:grid;grid-template-columns:1fr 1fr}.row label:last-child:nth-child(3){grid-column:1/-1}}
.login{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#173f35,#0b0f17 48%);padding:20px}.login[hidden],#app[hidden],[hidden]{display:none!important}.login-card,.panel{width:min(420px,100%);background:#121925;border:1px solid #263244;border-radius:18px;padding:22px}.login-card label,.panel label{display:grid;gap:7px;color:#9da8b9;font-size:13px;margin:14px 0}.login-card .primary,.panel .primary{width:100%;padding:14px}.error{color:#ff6474;font-size:13px}.actions{display:flex;gap:8px;margin-top:12px}.actions button,.danger{border:1px solid #354156;border-radius:8px;background:#1b2330;color:#dbe4f2;padding:8px 12px}.danger{border-color:#71313b;color:#ff8b97}.panel{width:100%}#live-price{color:#2ee6a6}
.position-pnl{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px;margin-top:14px}.position-pnl span{color:#8e9aae;font-size:12px}.position-pnl strong{font-size:22px}.position-pnl b{grid-column:2;grid-row:1/3}.position-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px;margin-top:16px;padding-top:14px;border-top:1px solid #202a39}.position-grid span{color:#778297;font-size:11px}.position-grid b{display:block;color:#dce3ed;font-size:13px;margin-top:4px;font-weight:600}.position-grid .up{color:#2ee6a6}.position-grid .down{color:#ff6474}.position-grid .warn{color:#f1bd62}.trade-meta{color:#98a3b5;font-size:12px}
.template-box{background:linear-gradient(135deg,#12241f,#121925);border:1px solid #235344;border-radius:14px;padding:15px}.template-box small{display:block;margin:5px 0 12px;line-height:1.5}.template-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-list button{border:1px solid #2b6655;background:#143329;color:#baf8df;border-radius:9px;padding:10px 7px;font-size:12px}
.strategy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.strategy-stats span{font-size:11px;color:#778297}.strategy-stats b{display:block;color:#dce3ed;font-size:13px;margin-top:4px}.strategy-stats .up{color:#2ee6a6}.strategy-stats .down{color:#ff6474}