*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,"Liberation Sans",Helvetica,sans-serif;font-size:11px;color:#111;background:#E9EBEF;min-width:1280px}
a{cursor:pointer}
.top{height:58px;background:linear-gradient(#162038,#0D1425);display:flex;align-items:stretch;color:#fff}
.logo{width:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0F172A}
.logo b{font:italic 900 36px/1 Arial Black,Arial,sans-serif;letter-spacing:-1px;color:#E9EEF6;text-shadow:0 2px 0 #6b7a90}
.logo small{font-size:7.5px;font-weight:700;letter-spacing:.5px;color:#cfd6e2}
.top-mid{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 4px}
.ticker{background:#0A0F1C;color:#d7dde8;padding:4px 8px;font-size:10.5px;width:640px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #26314a}
.prod a{color:#fff;font-weight:700;font-size:11.5px;margin-right:22px}
.top-right{display:flex;align-items:flex-start;gap:5px;padding:7px 8px 0}
.tbtn{border:1px solid #3b4660;background:#1b2337;padding:3px 7px;border-radius:2px;font-size:10px}
.bal{font-weight:700;padding:3px 4px}
.ic{width:20px;height:20px;border-radius:50%;background:#2a3348;display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.ic.red{background:#D81F26}
.subbar{height:20px;background:#0F172A;display:flex;align-items:center;color:#fff;border-top:1px solid #222c40}
.clock{width:178px;padding-left:6px;font-size:10px;color:#cfd6e2}
.subbar nav a{font-weight:700;font-size:10px;padding:0 9px;border-right:1px solid #3a4459}
.layout{display:flex;align-items:flex-start}
/* sidebar */
.side{width:178px;background:#1B1D21;color:#fff;align-self:stretch;min-height:calc(100vh - 78px);font-size:10.5px}
.acct{background:#2E2E2E;padding:5px 6px}
.acct .r{display:flex;justify-content:space-between;padding:2px 0;font-size:10px}
.acct .r b{font-weight:700}
.btn2{display:flex;gap:2px;padding:4px 6px}
.btn2 span{flex:1;text-align:center;background:#d9dde4;color:#222;padding:4px 0;font-weight:700;border-radius:2px}
.btn2 span.on{background:#2F7CD6;color:#fff}
.sbig{display:flex;align-items:center;margin:3px 6px;padding:6px 6px;border-radius:3px;background:linear-gradient(#4b5a72,#33405a);font-weight:700;font-size:11px}
.sbig.all{background:linear-gradient(#3a8ee8,#1d64c2)}
.sbig .ct,.sp .ct{margin-left:auto;background:#5d6a80;border-radius:8px;padding:1px 6px;font-size:9.5px}
.sp{display:flex;align-items:center;padding:6px 8px;border-bottom:1px solid #2a2c31;font-weight:700}
.sp .dot{width:11px;height:11px;border-radius:50%;margin-right:6px;background:#e88}
.sp .ct{background:transparent}
.sub a{display:flex;justify-content:space-between;padding:5px 14px;color:#ddd;font-size:10px;border-bottom:1px solid #26282d}
.sub a.on{background:#3a3d44;color:#fff}
.sub a span{background:#3b3e45;border-radius:7px;padding:0 6px}
.sub a.on span{background:#fff;color:#111}
/* main */
.main{flex:1;min-width:0;padding:0 4px}
.lmc-head{font-weight:700;font-size:10px;padding:3px 2px;display:flex;justify-content:space-between}
.lmc-ct{background:#555;color:#fff;padding:0 4px;border-radius:2px}
.lmc{display:flex;gap:5px;overflow:hidden;padding-bottom:4px}
.card{flex:0 0 141px;background:#fff;border:1px solid #d3d7de;border-radius:3px;padding:4px;font-size:9.5px}
.card .lg{display:flex;align-items:center;gap:3px;font-weight:700}
.card .lg em{margin-left:auto;background:#3F5676;color:#fff;font-style:normal;padding:0 3px;border-radius:2px}
.card .vs{display:flex;justify-content:space-between;align-items:center;margin:4px 0;text-align:center}
.card .vs>div{width:52px;font-size:8.5px}
.card .vs b{color:#1A3FB0;font-size:13px}
.card .crest{width:18px;height:18px;border-radius:50%;margin:0 auto 2px;background:#c33}
.card .hd{font-weight:700;margin:3px 0}
.card .px{display:flex;gap:3px}
.card .px span{flex:1;background:#EDF0F6;display:flex;justify-content:space-between;padding:2px 4px;color:#1A3FB0}
.card .px span b{color:#111}.card .px span b.n{color:#D81F26}
.filters{display:flex;align-items:center;gap:5px;background:#fff;border:1px solid #d6dae1;padding:5px 6px;margin:2px 0 4px;border-radius:3px}
.fbtn,.fsel,.fsearch{border:1px solid #c9ced8;border-radius:3px;padding:3px 6px;font-size:10px;background:#fff;color:#1d2a44}
.fsearch{width:136px;display:flex;justify-content:space-between;color:#777}
select.fsel{font-family:inherit;height:21px}
.grow{flex:1}
.tog{display:flex;align-items:center;gap:4px;font-weight:700;font-size:10px}
.tog i,.sw{display:inline-block;width:24px;height:12px;border-radius:7px;background:#9aa3b1;position:relative}
.tog i:after,.sw:after{content:"";position:absolute;left:1px;top:1px;width:10px;height:10px;border-radius:50%;background:#fff}
.fbtn.sq{background:#2F7CD6;color:#fff;border-color:#2F7CD6}
.mtabs{display:flex;gap:4px;margin-bottom:5px}
.mtabs span{border:1px solid #b9c1ce;background:#e6e9ef;padding:3px 7px;border-radius:3px;font-weight:700;font-size:10px;color:#2a3a58}
.mtabs span.on{background:#3F5676;color:#fff}
.today{display:flex;align-items:center;gap:5px;background:#0F172A;color:#fff;padding:4px 6px;font-weight:700;font-size:10px}
.pill{background:#fff;color:#1d4ed8;border-radius:3px;padding:2px 6px}
.dd{background:#3F5676;padding:0 4px}
.tablewrap{overflow-x:auto}
table.odds{border-collapse:collapse;width:100%;table-layout:fixed;background:#FAE8DC}
.odds th{background:linear-gradient(#53698a,#3F5676);color:#fff;font-size:10px;font-weight:700;height:20px;border-right:1px solid #6b7f9e}
.odds thead tr.sub th{height:15px;font-size:9px;font-weight:400;background:#4a5f80}
.odds td{border-right:1px solid #e1c6b4;vertical-align:top;padding:0}
.odds tr.lg td{background:linear-gradient(#e9edf3,#cdd5e1);height:22px;font-weight:700;color:#1b2b46;padding:0 6px;vertical-align:middle;border-top:1px solid #9fb0c8}
.lg .star{color:#999;margin-right:4px}.lg .fl{display:inline-block;width:11px;height:11px;border-radius:50%;background:#D81F26;vertical-align:-2px;margin-right:4px}
.lg .n{float:right;background:#3F5676;color:#fff;padding:0 4px;border-radius:2px;margin-left:6px}
tr.m{background:#F9D4C3}tr.m.alt{background:#FAE8DC}
tr.m.first td{border-top:1px solid #d9b9a5}
.tm{text-align:center;padding-top:6px !important}
.tm .sc{display:inline-block;background:#D81F26;color:#fff;font-weight:700;padding:0 3px;font-size:10px}
.tm .mn{display:block;color:#990000;font-size:9.5px;margin-top:2px}
.tm .ko{color:#1b2b46;font-size:10px;line-height:13px}
.ev{padding:2px 4px !important}
.ev .t{height:15px;line-height:15px;display:flex;align-items:center;gap:3px;font-weight:700;white-space:nowrap;overflow:hidden}
.ev .t .cr{width:9px;height:9px;border-radius:50%;background:#8a6a3a;flex:none}
.ev .t.g{color:#D81F26}
.ev .t .st{margin-left:auto;color:#666;font-weight:400}
.ev .icons{float:right;margin-top:-13px}
.ev .icons i{display:inline-block;width:11px;height:10px;border:1px solid #7a8cb0;background:#e7ecf6;margin-left:2px}
.c{padding:2px 3px !important}
.c .l{height:15px;line-height:15px;display:flex;justify-content:space-between;white-space:nowrap}
.c .l .hl{color:#1A3FB0;font-weight:400;font-size:10px}
.c .l b{color:#111}.c .l b.n{color:#D81F26}
.c .l.lock{justify-content:flex-end;color:#999;font-size:9px}
.c .l.x b{margin-left:auto}
.more{text-align:center;padding-top:6px !important}
.more b{display:inline-block;background:#1b2b46;color:#fff;border-radius:3px;padding:1px 3px;font-size:9.5px}
.more i{display:block;font-style:normal;color:#8a3a3a;margin-top:2px}
.corner{display:inline-block;margin:3px 0 3px 4px;border:1px solid #b9a594;background:#fff;padding:1px 5px;font-size:9.5px}
/* single line */
.single .c{padding:4px 3px !important;vertical-align:middle}
.single .c .l{gap:3px;justify-content:flex-start}
.single .c .l b{margin-left:0}
.slip{width:232px;flex:0 0 232px;background:#fff;align-self:stretch;border-left:1px solid #d6dae1}
.sliptabs{display:flex}.sliptabs span{flex:1;text-align:center;padding:6px 0;background:#e3e6ec;font-weight:700;font-size:10px}
.sliptabs span.on{background:#3F5676;color:#fff}
.slipsub{display:flex;border-bottom:1px solid #ddd}.slipsub span{flex:1;text-align:center;padding:4px 0;font-size:10px;font-weight:700;color:#334}
.slipsub span.on{border-bottom:2px solid #2F7CD6}
.empty{margin:8px;border:1px solid #d7dce5;border-radius:4px;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#1b2b46}
.emp-ic{font-size:24px;margin-bottom:4px}
.foot{position:fixed;bottom:0;left:0;right:0;background:#0F172A;color:#aab;font-size:9px;text-align:right;padding:2px 8px}