:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111f;--panel:#0c1728d6;--panel-strong:#101d31;--panel-soft:#13253f;--line:#9db5d829;--line-strong:#9db5d842;--text:#edf4ff;--text-muted:#8ea5c5;--positive:#30d98b;--negative:#ff6b7a;--blue:#5d8dff;--teal:#24c6b8;--amber:#ffbe3d;--violet:#6f7dff;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#3457a552,#0000 28%),radial-gradient(circle at 100% 0,#00adb529,#0000 24%),linear-gradient(#0b1526 0%,#07101c 100%);margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.screen-loader,.panel-inline-loader{place-items:center;display:grid}.screen-loader{min-height:100vh;padding:24px}.loader-card,.panel-inline-loader{text-align:center;color:var(--text);gap:16px}.loader-card{border:1px solid var(--line);background:linear-gradient(160deg,#122035f5,#091220eb);border-radius:24px;place-items:center;width:min(280px,100%);padding:28px 24px;display:grid;box-shadow:0 24px 60px #0000004d}.loader-ring{border:3px solid #61a0ff;border-color:#61a0ff #2ac6b8 #ffffff1a #ffffff1a;border-radius:50%;width:42px;height:42px;animation:.85s linear infinite spin}.eyebrow{color:#7fa8ff;letter-spacing:.18em;text-transform:uppercase;font-size:12px;display:inline-block}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:linear-gradient(135deg,#0f1b2ef5,#091220eb);border-radius:28px;grid-template-columns:1.15fr .85fr;gap:24px;width:min(1080px,100%);padding:28px;display:grid;box-shadow:0 28px 70px #00000059}.login-copy,.login-form,.panel,.metric-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-copy{background:linear-gradient(160deg,#162743e6,#0e192ab8);border-radius:24px;padding:28px}.login-copy h1{margin:16px 0 12px;font-size:clamp(32px,4vw,56px);line-height:1.05}.login-copy p{color:var(--text-muted);margin:0;line-height:1.7}.login-form{border:1px solid var(--line);background:#0a1321e0;border-radius:24px;flex-direction:column;gap:16px;padding:28px;display:flex}.login-form h2,.panel-head h2{margin:0;font-size:24px}.login-form label{color:var(--text-muted);flex-direction:column;gap:8px;display:flex}.login-form input{border:1px solid var(--line);color:var(--text);background:#091321;border-radius:14px;outline:none;padding:14px 16px}.login-form input:focus{border-color:#5d8dff8c;box-shadow:0 0 0 4px #5d8dff1f}.login-form button,.ghost-button,.filter-button{border:0;transition:all .2s}.login-form button{color:#fff;background:linear-gradient(135deg,#4c7dff,#2ac6b8);border-radius:14px;margin-top:8px;padding:14px 18px;font-weight:700}.login-form button:disabled{opacity:.7;cursor:wait}.form-error{color:var(--negative);margin:0}.dashboard-page{padding:24px}.topbar,.panel,.metric-card{border:1px solid var(--line);box-shadow:0 16px 40px #0208124d}.topbar{background:linear-gradient(135deg,#0d192af0,#08111fd6);border-radius:24px;justify-content:space-between;gap:20px;padding:24px 28px;display:flex}.topbar h1{margin:10px 0 8px;font-size:clamp(30px,4vw,44px)}.topbar p,.panel-head p,.meta-text,table small{color:var(--text-muted);margin:0}.topbar-actions{align-items:flex-start;gap:14px;display:flex}.user-chip{background:#5d8dff14;border-radius:16px;flex-direction:column;gap:6px;min-width:180px;padding:12px 16px;display:flex}.ghost-button{color:var(--text);background:#ffffff0a;border-radius:14px;padding:12px 16px}.ghost-button:hover,.filter-button:hover{background:#ffffff14}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.metric-card{background:linear-gradient(160deg,#111e32eb,#0a1422d1);border-radius:20px;flex-direction:column;gap:10px;min-height:132px;padding:18px 20px;display:flex}.metric-card span,.insight-item span{color:var(--text-muted);font-size:14px}.metric-card strong,.insight-item strong{font-size:30px}.metric-card small{color:#d7e1f3}.metric-card[data-tone=blue]{background-image:linear-gradient(160deg,#213665eb,#0e1a2cdb)}.metric-card[data-tone=teal]{background-image:linear-gradient(160deg,#144e59eb,#0e1f29db)}.metric-card[data-tone=amber]{background-image:linear-gradient(160deg,#705012eb,#271d0ddb)}.metric-card[data-tone=violet]{background-image:linear-gradient(160deg,#3f407beb,#181930db)}.metric-card[data-tone=green]{background-image:linear-gradient(160deg,#125d39eb,#0e251ddb)}.metric-card[data-tone=red]{background-image:linear-gradient(160deg,#662431eb,#2b141bdb)}.dashboard-main{grid-template-columns:1.6fr .9fr;align-items:stretch;gap:16px;margin-top:16px;display:grid}.panel{background:var(--panel);border-radius:24px;padding:20px}.trend-panel,.insight-panel{height:100%;min-height:760px}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.meta-text{text-align:right;flex-direction:column;gap:8px;font-size:13px;display:flex}.trend-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:16px;min-height:340px;display:grid}.trend-bar{flex-direction:column;align-items:center;gap:10px;display:flex}.bar-track{background:#ffffff08;border-radius:18px;align-items:flex-end;width:100%;height:236px;padding:10px;display:flex}.bar-fill{background:linear-gradient(#65a4ff 0%,#22c6b9 100%);border-radius:14px;width:100%;box-shadow:0 10px 24px #3a8fff4d}.trend-bar strong,.trend-bar span,.trend-bar em{font-style:normal}.trend-insight-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.trend-insight-card,.trend-summary-item{border:1px solid var(--line);background:#ffffff08;border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.trend-insight-card span,.trend-summary-item span{color:var(--text-muted);font-size:14px}.trend-insight-card strong,.trend-summary-item strong{font-size:24px}.trend-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.insight-list{gap:14px;display:grid}.insight-panel{flex-direction:column;display:flex}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.insight-item{border:1px solid var(--line);background:#ffffff08;border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.analysis-block{border:1px solid var(--line);background:#ffffff08;border-radius:18px;margin-top:16px;padding:16px 18px}.analysis-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.compact-block{margin-top:0;padding:14px 16px}.analysis-head,.symbol-focus-row,.risk-account-item,.risk-account-metrics,.analysis-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.analysis-head{margin-bottom:14px}.analysis-head span,.risk-account-item small,.symbol-focus-item small,.analysis-note span,.analysis-note small{color:var(--text-muted)}.risk-account-list,.symbol-focus-list{gap:12px;display:grid}.compact-list{gap:8px}.risk-account-item{border-top:1px solid #9db5d81a;padding:12px 0}.risk-account-item:first-child{border-top:0;padding-top:0}.compact-item{padding:8px 0}.risk-account-metrics{flex-direction:column;align-items:flex-end}.symbol-focus-item{gap:8px;display:grid}.compact-symbol-item{gap:6px}.focus-bar{background:#ffffff0f;border-radius:999px;height:8px;overflow:hidden}.focus-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#5d8dff,#24c6b8);height:100%;display:block}.analysis-inline{margin-top:auto;padding-top:28px}.analysis-note{border:1px solid var(--line);background:#ffffff08;border-radius:16px;flex-direction:column;flex:1;gap:6px;padding:14px 16px;display:flex}.accounts-panel,.positions-panel{margin-top:16px}.panel-inline-loader{border:1px solid var(--line);background:#0a1321c2;border-radius:24px;min-height:320px}.filters-row{align-items:center}.filters{flex-wrap:wrap;gap:10px;display:flex}.filter-button{color:var(--text-muted);background:#ffffff08;border-radius:999px;padding:10px 14px}.filter-button.active{color:var(--text);background:#5d8dff29;box-shadow:inset 0 0 0 1px #5d8dff66}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto}table{border-collapse:collapse;background:#070f1bc2;width:100%;min-width:1024px}thead{background:#ffffff08}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #9db5d81a;padding:16px 14px}tbody tr:hover{background:#ffffff06}td strong,td div{display:block}.status-pill,.tag-long,.tag-short{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-active,.tag-long{color:#8ff0bf;background:#30d98b1f}.status-inactive,.tag-short{color:#ff9da7;background:#ff6b7a1f}.positive{color:var(--positive)}.negative{color:var(--negative)}@media (width<=1080px){.metrics-grid,.dashboard-main,.login-panel{grid-template-columns:1fr}.topbar,.panel-head,.filters-row{flex-direction:column}.topbar-actions,.meta-text{width:100%}.meta-text{text-align:left}.insight-grid,.analysis-compact-grid{grid-template-columns:1fr}.analysis-inline{flex-direction:column;align-items:stretch}.trend-insight-grid,.trend-summary-row{grid-template-columns:1fr 1fr}}@media (width<=720px){.dashboard-page,.login-page{padding:16px}.metrics-grid{grid-template-columns:1fr}.trend-chart{grid-template-columns:repeat(2,minmax(0,1fr));min-height:auto}.trend-insight-grid,.trend-summary-row,.insight-grid{grid-template-columns:1fr}.analysis-inline,.risk-account-item,.symbol-focus-row{flex-direction:column;align-items:flex-start}.risk-account-metrics{align-items:flex-start}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}