:root{color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#112a3eeb,#215256db),radial-gradient(circle at top left,rgba(226,179,81,.3),transparent 34%),#112a3e}.login-panel{width:min(100%,430px);padding:34px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:#fffffff5;box-shadow:0 24px 80px #0d1c2b42}.brand-block{display:flex;align-items:center;gap:16px;margin-bottom:30px}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#17324f;color:#f4c96a;font-weight:800}.eyebrow{margin:0 0 6px;color:#67778a;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:#162033;letter-spacing:0}h1{font-size:28px;line-height:1.18}h2{font-size:18px}.login-form{display:grid;gap:18px}label{display:grid;gap:8px;color:#435168;font-size:14px;font-weight:700}input,select{width:100%;min-height:46px;border:1px solid #cad2dd;border-radius:8px;padding:0 14px;color:#162033;background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:#1d6f8f;box-shadow:0 0 0 3px #1d6f8f29}.primary-button,.ghost-button{min-height:42px;border-radius:8px;padding:0 16px;font-weight:800}.primary-button{border:0;color:#fff;background:#1d6f8f}.ghost-button{border:1px solid #c8d2df;color:#243349;background:#fff}.form-error{margin:0;border:1px solid #f0b8b8;border-radius:8px;padding:10px 12px;color:#a32626;background:#fff2f2;font-size:14px}.form-error.in-section{margin:18px}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.with-bottom-nav{padding-bottom:104px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:74px}.topbar-actions{display:flex;align-items:center;gap:12px}.current-user{color:#435168;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.metric-grid article{min-height:96px;border:1px solid #dce3ec;border-radius:8px;padding:18px;background:#fff}.metric-grid span{display:block;color:#67778a;font-size:13px;font-weight:700}.metric-grid strong{display:block;margin-top:8px;color:#17324f;font-size:30px;line-height:1.2}.table-section{border:1px solid #dce3ec;border-radius:8px;background:#fff}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px;border:1px solid #dce3ec;border-radius:8px;padding:18px;background:#fff}.detail-heading h2{font-size:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;border-bottom:1px solid #e3e8ef;padding:0 18px}.section-subtitle{margin:6px 0 0;color:#67778a;font-family:Cascadia Mono,Consolas,monospace;font-size:13px}.state-text{margin:0;padding:22px 18px;color:#67778a}.compact-state{margin:-4px 0 18px;border:1px solid #dce3ec;border-radius:8px;background:#fff}.table-wrap{overflow-x:auto}table{width:100%;min-width:860px;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid #edf1f5;text-align:left;vertical-align:middle;font-size:14px}th{color:#67778a;background:#f8fafc;font-weight:800}.sort-header-button{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:0;border-radius:8px;padding:0 8px;color:#17324f;background:transparent;font-weight:800}.sort-header-button:hover,.sort-header-button:focus{background:#edf8fc;outline:none}td{color:#27364b}.clickable-row{cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.clickable-row:hover,.clickable-row:focus{background:#f2f8fb;outline:none}.clickable-row:focus{box-shadow:inset 3px 0 #1d6f8f}.mono{color:#5a687c;font-family:Cascadia Mono,Consolas,monospace}.detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.snapshot-panel,.chart-section{margin:0 0 18px;border:1px solid #dce3ec;border-radius:8px;background:#fff}.chart-tabs{display:inline-flex;align-items:center;gap:4px;border:1px solid #dce3ec;border-radius:8px;padding:4px;background:#f8fafc}.chart-tabs button{min-width:58px;min-height:32px;border:0;border-radius:6px;padding:0 12px;color:#5a687c;background:transparent;font-weight:800}.chart-tabs button.active{color:#fff;background:#1d6f8f}.chart-canvas{width:100%;height:360px;overflow:hidden}.snapshot-panel dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0}.snapshot-panel div{min-height:82px;border-right:1px solid #edf1f5;padding:16px 18px}.snapshot-panel div:last-child{border-right:0}.snapshot-panel dt{color:#67778a;font-size:13px;font-weight:800}.snapshot-panel dd{margin:8px 0 0;color:#162033;font-size:18px;font-weight:800}.position-table{min-width:1100px}.position-action-cell{width:176px}.position-action-header,.position-action-cell{position:sticky;right:0;box-shadow:-10px 0 16px #17203314}.position-action-header{z-index:3;background:#f8fafc}.position-action-cell{z-index:2;background:#fff}.position-close-controls{display:flex;align-items:center;gap:8px}.compact-input{width:72px;min-height:34px;padding:0 8px}.history-section,.orders-section{margin-top:18px}.orders-table{min-width:1320px}.trade-history-table{min-width:980px}.pagination-actions{display:flex;align-items:center;gap:10px}.pagination-actions .ghost-button{min-height:36px}.compact-button{min-height:34px;padding:0 12px;white-space:nowrap}.order-action-cell{width:104px}.order-action-header,.order-action-cell{position:sticky;right:0;box-shadow:-10px 0 16px #17203314}.order-action-header{z-index:3;background:#f8fafc}.order-action-cell{z-index:2;background:#fff}.position-profit-row td,.position-profit-row .mono{color:#0f7b4f}.position-profit-row td,.position-profit-row .position-action-cell{background:#ecf8f1}.position-loss-row td,.position-loss-row .mono{color:#c92a2a}.position-loss-row td,.position-loss-row .position-action-cell{background:#fff1f1}.account-profit-row td,.account-profit-row .mono{color:#0f7b4f}.account-profit-row td{background:#ecf8f1}.account-loss-row td,.account-loss-row .mono{color:#c92a2a}.account-loss-row td{background:#fff1f1}.market-up-row td,.market-up-row .mono,.market-up-row .change-cell{color:#0f7b4f}.market-up-row td{background:#ecf8f1}.market-down-row td,.market-down-row .mono,.market-down-row .change-cell{color:#c92a2a}.market-down-row td{background:#fff1f1}.status-pill{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;color:#0f6b48;background:#e5f6ed;font-size:12px;font-weight:800}.status-pill.off{color:#8a3a12;background:#fff0df}.status-pill.compact{min-height:22px;margin-left:8px;padding:0 8px;font-size:11px}.market-table{min-width:1240px}.trade-section{margin-top:18px;border:1px solid #dce3ec;border-radius:8px;background:#fff}.trade-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding:18px}.trade-actions{display:flex;align-items:end}.trade-actions button{width:100%}.order-result{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 18px 18px;border:1px solid #b7e2c9;border-radius:8px;padding:12px 14px;color:#0f6b48;background:#ecf8f1;font-size:14px}.order-result strong{color:#0b5d3d}.price-cell{color:#0f6b48;font-weight:800}.change-cell{font-weight:800;white-space:nowrap}.change-up{color:#c92a2a}.change-down{color:#0f7b4f}.change-neutral{color:#5a687c}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:30;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #dce3ec;padding:8px max(16px,calc((100vw - 1180px)/2 + 16px)) 10px;background:#fffffff5;box-shadow:0 -12px 30px #0d1c2b14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav a{display:grid;min-height:54px;place-items:center;gap:2px;border-radius:8px;color:#5a687c;text-decoration:none;font-size:13px;font-weight:800}.bottom-nav a.active{color:#1d6f8f;background:#edf8fc}.nav-icon{font-size:21px;line-height:1}@media(max-width:720px){.login-panel{padding:24px}.topbar,.section-heading,.detail-heading{align-items:flex-start;flex-direction:column;justify-content:center;padding:16px 0}.topbar-actions{width:100%;justify-content:space-between}.metric-grid,.trade-form,.snapshot-panel dl{grid-template-columns:1fr}.snapshot-panel div{border-right:0;border-bottom:1px solid #edf1f5}.snapshot-panel div:last-child{border-bottom:0}.section-heading,.detail-heading{padding:16px 18px}.section-heading button,.detail-heading button,.pagination-actions{width:100%}.pagination-actions .ghost-button{flex:1}.chart-tabs{width:100%}.chart-tabs button{flex:1}.chart-canvas{height:320px}}