.workspace{display:flex;height:100dvh;overflow:hidden}.shell-sidebar{width:224px;flex-shrink:0;background:var(--gs-surface);border-right:1px solid var(--gs-border);padding:25px 16px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--gs-text);font-weight:700;font-size:19px;margin-bottom:28px}.brand-mark{display:inline-grid;place-items:center;border-radius:11px;background:var(--gs-accent);color:#09101e;width:36px;height:36px;font-size:24px;font-weight:800}nav a,.sidebar-bottom>a{display:block;border-radius:9px;padding:12px;color:var(--gs-muted)}nav a small{display:block;margin:4px 0 0 26px;font-size:11px}nav a span{display:inline-block;width:24px;color:var(--gs-accent)}nav a.active,.sidebar-bottom>a.active{background:#568fff18;color:var(--gs-text);box-shadow:inset 3px 0 var(--gs-accent)}.sidebar-bottom{margin-top:auto}.sidebar-bottom form button{width:100%}.identity{display:flex;align-items:center;gap:10px;margin:24px 10px 18px}.identity small{display:block}.avatar{display:grid;place-items:center;border:1px solid var(--gs-border);border-radius:50%;height:34px;width:34px}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--gs-border);gap:12px}.shell-header h1,.shell-header p{margin-bottom:0}.product-badge{border:1px solid var(--gs-border);border-radius:20px;font-size:12px;color:var(--gs-muted);padding:6px 12px}.product-frame{flex:1;width:100%;border:0;background:var(--gs-bg)}.page-content{padding:28px;overflow:auto;display:grid;gap:20px}.user-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.user-form label{flex:1;min-width:150px}.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 10%,#172c4d,transparent 60%),var(--gs-bg)}.login-card{width:420px;max-width:100%;padding:38px;background:var(--gs-surface);border:1px solid var(--gs-border);border-radius:18px}.login-card .brand-mark{margin-bottom:28px}.login-card form{display:grid;gap:20px;margin-top:28px}.footnote{font-size:12px;margin:28px 0 0;text-align:center}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.user-actions button{font-size:12px}#user-list{overflow:auto}@media(max-width:760px){.workspace{flex-direction:column}.shell-sidebar{width:100%;padding:10px 12px;flex-direction:row;align-items:center;gap:8px;border-right:0;border-bottom:1px solid var(--gs-border)}.brand{font-size:0;margin:0}.brand-mark{font-size:20px;width:30px;height:30px}.shell-sidebar>.eyebrow,nav small,.identity,.sidebar-bottom form{display:none}.shell-sidebar nav{display:flex}.shell-sidebar nav a{padding:9px}.sidebar-bottom{display:flex;margin:0 0 0 auto}.sidebar-bottom>a{font-size:11px;padding:6px}.shell-main{min-height:0}.shell-header{padding:14px 16px}.shell-header h1{font-size:20px}.product-badge{font-size:10px}.page-content{padding:16px}.surface{padding:18px}}
.product-tools{display:flex;gap:12px;padding:10px 24px;border-bottom:1px solid var(--gs-border);flex-wrap:wrap}.product-tools a{padding:8px;color:var(--gs-accent)}
.brand-mark{background:linear-gradient(145deg,#103147,#081522);color:transparent;background-image:url('/_shell/brand-mark.svg'),linear-gradient(145deg,#103147,#081522);background-size:90%,100%;background-repeat:no-repeat;background-position:center;border:1px solid #20cde030;box-shadow:0 0 20px #20cde00a}
nav a.active,.sidebar-bottom>a.active{background:#20cde00a;box-shadow:inset 2px 0 var(--gs-accent)}
.shell-header{padding-top:15px;padding-bottom:15px}.shell-header h1{font-size:21px}
body[data-page="futures"] .product-tools,body[data-page="spot"] .product-tools{display:none}
.shell-sidebar nav a,.sidebar-bottom>a{border:1px solid transparent;color:#8fa7c8;line-height:1.5;background:transparent;box-shadow:none}
.shell-sidebar nav a.active,.sidebar-bottom>a.active{border-color:#20cde022;background:#20cde010;color:#a6e7ed;box-shadow:inset 2px 0 #20cde0}
.shell-sidebar nav a:hover,.sidebar-bottom>a:hover{background:#20cde008;color:#c6e7ed}
.suite-brand{margin:-5px -4px 8px;display:block}.suite-brand img{display:block;width:100%;height:auto;mix-blend-mode:lighten}
.shell-sidebar nav .product-choice{display:flex;align-items:center;gap:9px;padding:10px 9px}.shell-sidebar nav .product-choice>div{min-width:0;font-size:13px}.shell-sidebar nav .product-choice small{margin:4px 0 0;font-size:9px;line-height:1.7}
.shell-sidebar nav .product-mark{width:38px;height:38px;flex-shrink:0;background:url('/_shell/product-marks.webp') left center/200% 100% no-repeat}.shell-sidebar nav .product-mark--futures{background-position:right center}
@media(max-width:760px){.suite-brand{width:90px;margin:0}.shell-sidebar nav .product-choice{gap:4px;padding:5px 7px}.shell-sidebar nav .product-mark{width:28px;height:28px}.shell-sidebar nav .product-choice>div{font-size:11px}.shell-sidebar nav .product-choice small{display:none}}
.login-suite{width:1120px;padding:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);overflow:hidden;background:#0d1828;border-radius:22px;box-shadow:0 26px 100px #0004}
.login-art{background:#070e19;display:flex;flex-direction:column;justify-content:center;padding:36px 28px;min-width:0}
.login-art>.eyebrow{text-align:center;color:#7995ac;letter-spacing:2px;font-size:10px;margin:0 0 34px}
.login-suite-logo{display:block;width:100%;height:auto;aspect-ratio:2;object-fit:contain;mix-blend-mode:lighten}
.login-products{display:flex;justify-content:center;gap:24px;color:#d6e8f2;font-size:14px;margin-top:32px}
.login-products>span{display:flex;align-items:center;gap:9px}.login-products small{font-size:8px;letter-spacing:1px;color:#57dce5;border:1px solid #20cde02b;background:#20cde009;padding:4px 6px;border-radius:5px}
.login-art-note{color:#69879f;font-size:11px;line-height:1.8;text-align:center;max-width:36ch;align-self:center;margin:22px 0 0}
.login-panel{padding:44px 34px;border-left:1px solid #24384b}.login-panel h1{font-size:27px;letter-spacing:-.6px;margin:0 0 12px}.login-panel>.muted{font-size:12px}.login-panel>.eyebrow{font-size:9px;color:#5bd9e3;letter-spacing:1.8px;margin:0 0 12px}.login-panel form{gap:20px;margin-top:30px}.login-panel label{font-size:12px;line-height:1.7}.login-panel input{width:100%;margin-top:7px;min-height:43px}.login-panel button{min-height:45px;font-weight:600}.login-panel .footnote{color:#718ba4;font-size:10px}
@media(max-width:800px){.login-page{padding:18px}.login-suite{display:flex;flex-direction:column;width:480px}.login-art{padding:24px 24px 20px}.login-art>.eyebrow{font-size:8px;margin-bottom:15px}.login-products{margin-top:14px;font-size:12px;gap:22px}.login-art-note{display:none}.login-panel{padding:28px;border-left:0;border-top:1px solid #24384b}.login-panel h1{font-size:24px}.login-panel .footnote{margin-top:24px}.login-panel form{margin-top:23px}}
@media(max-width:760px){.shell-sidebar{flex-wrap:wrap}.shell-sidebar .sidebar-bottom{flex-wrap:wrap}.shell-sidebar .sidebar-bottom form{display:block}.shell-sidebar .sidebar-bottom form button{font-size:11px;padding:6px}}
@media(max-width:760px){body:is([data-page="spot"],[data-page="futures"]) .shell-header{display:none}}
.recovery-message{font-size:12px;line-height:1.8;padding:14px;border:1px solid var(--gs-border);border-radius:10px;background:var(--gs-bg);overflow-wrap:anywhere}.login-panel .recovery-message{margin-top:18px}.login-panel label small{color:var(--gs-muted);display:block;margin-top:5px}.login-panel a{color:var(--gs-accent)}