:root{--bg:#07111f;--panel:rgba(17,30,50,.78);--line:rgba(143,174,214,.16);--line2:rgba(143,174,214,.28);--text:#eef6ff;--muted:#8ea2bd;--faint:#5f718b;--blue:#3b82f6;--cyan:#23d3b5;--green:#1fd18b;--red:#ff5f6d;--amber:#f5b84b;--shadow:0 24px 80px rgba(0,0,0,.38);--radius:24px}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--text);font-family:"Segoe UI","Microsoft YaHei",sans-serif;background:radial-gradient(circle at 18% 12%,rgba(35,211,181,.16),transparent 30%),radial-gradient(circle at 86% 3%,rgba(59,130,246,.22),transparent 28%),radial-gradient(circle at 70% 92%,rgba(245,184,75,.08),transparent 30%),linear-gradient(135deg,#050a12 0%,var(--bg) 44%,#081425 100%);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 30%,black,transparent 72%)}button,a{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:28px 20px;border-right:1px solid var(--line);background:rgba(5,12,23,.62);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(35,211,181,.98),rgba(59,130,246,.9));box-shadow:0 16px 36px rgba(35,211,181,.22)}.brand-mark span{width:16px;height:16px;border-radius:6px;border:2px solid white;transform:rotate(45deg)}.brand-name{font-weight:800;letter-spacing:-.04em;font-size:21px}.brand-sub{color:var(--muted);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.nav{display:grid;gap:7px}.nav-item{color:var(--muted);text-decoration:none;height:46px;display:flex;align-items:center;gap:12px;border-radius:14px;padding:0 13px;transition:180ms ease}.nav-item i{width:8px;height:8px;border-radius:99px;background:var(--faint)}.nav-item:hover,.nav-item.active{color:var(--text);background:rgba(255,255,255,.065)}.nav-item.active{border:1px solid rgba(35,211,181,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.nav-item.active i{background:var(--cyan);box-shadow:0 0 18px rgba(35,211,181,.8)}.sidebar-card{position:absolute;left:20px;right:20px;bottom:24px;padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(15,28,48,.62)}.tiny-label{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}.health-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:9px 0;color:#cfe0f4}.health-row.muted{color:var(--muted)}.pulse,.health-row span{width:8px;height:8px;border-radius:99px;background:var(--green);display:inline-block}.pulse{animation:pulse 1.8s infinite}.health-row.muted span{background:var(--faint)}.main{padding:28px;max-width:1540px;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{color:var(--cyan);font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:7px}h1{margin:0;font-size:clamp(32px,4vw,54px);letter-spacing:-.065em;line-height:.95}.top-actions{display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--panel);border:1px solid var(--line2);font-weight:800}button{cursor:pointer;border:0}.primary-btn,.ghost-btn,.text-btn{height:42px;padding:0 17px;border-radius:13px;color:var(--text);transition:transform 160ms ease}.primary-btn{background:linear-gradient(135deg,#1fbfa9,#307bf4);box-shadow:0 16px 36px rgba(48,123,244,.22);font-weight:700}.ghost-btn{background:rgba(255,255,255,.055);border:1px solid var(--line)}.ghost-btn.small{height:34px;font-size:13px}.text-btn{height:34px;padding:0;color:var(--amber);background:transparent}button:hover{transform:translateY(-1px)}button:active{transform:scale(.98)}.hero-grid{display:grid;grid-template-columns:minmax(420px,1.35fr) repeat(2,minmax(180px,.5fr));grid-template-rows:170px 170px;gap:16px}.hero-card,.metric-card,.risk-card,.panel{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.equity-card{grid-row:span 2;padding:24px;position:relative;overflow:hidden}.equity-card:after{content:"";position:absolute;right:-90px;top:-120px;width:280px;height:280px;border-radius:50%;background:rgba(35,211,181,.13);filter:blur(4px)}.card-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.card-head span{color:var(--muted);font-size:14px}.status{font-size:11px;line-height:1;padding:7px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.status.ok{color:#83f4cb;background:rgba(31,209,139,.12);border:1px solid rgba(31,209,139,.22)}.status.warn{color:#ffd386;background:rgba(245,184,75,.13);border:1px solid rgba(245,184,75,.22)}.equity-value{margin-top:26px;font-size:clamp(40px,5vw,68px);font-weight:850;letter-spacing:-.07em}.equity-value small{color:var(--muted);font-size:18px;letter-spacing:0;font-weight:700}.delta{margin-top:8px;font-size:14px}.positive{color:var(--green)}.line-chart{position:absolute;left:22px;right:22px;bottom:10px;height:150px}.line-chart svg{width:100%;height:100%}.metric-card{padding:22px;display:flex;flex-direction:column;justify-content:space-between}.metric-top,.metric-note{color:var(--muted);font-size:13px}.metric-value{font-size:40px;font-weight:820;letter-spacing:-.06em}.risk-card{grid-column:span 2;padding:22px;border-color:rgba(245,184,75,.24);background:linear-gradient(135deg,rgba(245,184,75,.12),rgba(17,30,50,.76))}.risk-card p{color:#f6d89b;max-width:720px;line-height:1.7;margin:28px 0 8px}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) 390px;gap:16px;margin-top:16px}.panel{padding:22px}.strategies-panel,.orders-panel{grid-column:1/2}.right-panel{grid-column:2/3;grid-row:span 2}.section-head h2{margin:0 0 6px;font-size:22px;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:13px}.strategy-row{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(98px,.36fr)) auto;align-items:center;gap:16px;margin-top:16px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.strategy-row.highlighted{border-color:rgba(245,184,75,.26);background:rgba(245,184,75,.055)}.strategy-main{display:flex;align-items:center;gap:13px}.strategy-icon{width:42px;height:42px;border-radius:14px}.strategy-icon.aqua{background:linear-gradient(135deg,var(--cyan),var(--blue))}.strategy-icon.amber{background:linear-gradient(135deg,var(--amber),#e56d5a)}.strategy-main h3{margin:0 0 4px;font-size:16px}.strategy-main p{margin:0;color:var(--muted);font-size:13px}.row-stat span{display:block;color:var(--faint);font-size:12px;margin-bottom:5px}.row-stat b{font-size:15px}.row-stat.danger b{color:var(--amber)}.check-list{margin-top:20px;display:grid;gap:12px}.check{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:16px;color:#dbe9fb;background:rgba(255,255,255,.035)}.check span{width:10px;height:10px;border-radius:99px}.check.ok span{background:var(--green);box-shadow:0 0 18px rgba(31,209,139,.7)}.check.warn span{background:var(--amber);box-shadow:0 0 18px rgba(245,184,75,.7)}.orders-panel table{width:100%;border-collapse:collapse;margin-top:12px}th{text-align:left;color:var(--faint);font-size:12px;font-weight:600;padding:12px 10px;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid rgba(143,174,214,.09);color:#dbe9fb;font-size:14px}.buy{color:var(--green);font-weight:800}.sell{color:var(--red);font-weight:800}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(31,209,139,.45)}50%{box-shadow:0 0 0 7px rgba(31,209,139,0)}}@media(max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-card{position:static;margin-top:20px}.hero-grid,.content-grid{grid-template-columns:1fr}.equity-card,.risk-card,.strategies-panel,.orders-panel,.right-panel{grid-column:auto;grid-row:auto}}@media(max-width:720px){.main{padding:18px}.topbar,.top-actions{align-items:flex-start;flex-direction:column}.hero-grid{grid-template-rows:auto}.equity-card{min-height:360px}.strategy-row{grid-template-columns:1fr}table{min-width:680px}.orders-panel{overflow-x:auto}}