:root{--navy:#06111f;--navy2:#0a1b2d;--pink:#f70778;--green:#02ad7a;--red:#ef3658;--ink:#101827;--muted:#6e7889;--line:#dfe5ec;--violet:#7b55dc;--gold:#e5b824;--shadow:0 4px 18px rgba(10,27,45,.08)}
*{box-sizing:border-box}html{background:#edf2f6}body{margin:0;background:#edf2f6;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}
.topbar>form{margin:0;display:flex;align-items:center;justify-content:center}
.topbar{height:72px;background:#fff;display:grid;grid-template-columns:278px 190px 1fr 1fr 180px 116px 140px 72px 38px;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;box-shadow:0 2px 12px rgba(10,27,45,.05)}.brand{height:72px;background:var(--navy);color:#fff;display:flex;gap:12px;align-items:center;padding:0 18px}.brand-mark{font-size:38px;color:var(--pink);font-weight:900}.brand strong{display:block;font-size:21px}.brand i{color:var(--pink);font-style:normal}.brand small{font-size:10px;color:#b8c3d1;letter-spacing:.08em}.connection,.quote-head,.clock,.latency,.mode{height:48px;border-right:1px solid var(--line);padding:4px 18px;display:flex;justify-content:center;flex-direction:column}.connection{flex-direction:row;justify-content:flex-start;align-items:center;gap:9px}.dot,.ai-head i,.speed-card i,footer i{width:9px;height:9px;border-radius:50%;background:#9aabba;display:inline-block;box-shadow:0 0 0 4px rgba(100,120,140,.1)}.dot.live,.connection .dot.live{background:#08bd83;box-shadow:0 0 0 4px rgba(8,189,131,.12)}.connection small,.quote-head small,.clock small,.latency small,.mode small{color:var(--muted);font-size:10px}.connection b{font-size:12px}.connection small{display:block}.quote-head{position:relative}.quote-head b{font-size:17px}.quote-head em{position:absolute;right:12px;bottom:10px;color:var(--green);font-size:10px;font-style:normal}.clock b{font-variant-numeric:tabular-nums}.latency b{display:flex;gap:8px;align-items:center;color:var(--green)}.mode>div{display:flex}.mode button{border:0;background:#edf1f5;padding:5px 10px;font-size:10px}.mode button:first-child{border-radius:10px 0 0 10px}.mode button:last-child{border-radius:0 10px 10px 0}.mode button.active{background:var(--pink);color:#fff}.logout-btn{border:1px solid #efbdd4;background:#fff;color:var(--pink);border-radius:5px;padding:7px 8px;font-size:9px;font-weight:900}.avatar{border:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}
.shell{display:grid;grid-template-columns:220px minmax(760px,1fr) 285px;gap:10px;padding:10px;min-height:calc(100vh - 106px)}.left-rail,.right-rail,.workspace{display:flex;flex-direction:column;gap:10px;min-width:0}.dark-card,.ai-card{background:var(--navy);color:#fff;border-radius:8px;padding:12px;border:1px solid #152940}.section-title{font-weight:800;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.section-title small{font-size:9px;color:var(--pink);letter-spacing:.08em}.dark-card label{font-size:11px;color:#c1ccda;display:block;margin:8px 0 5px}.seg{display:grid;grid-template-columns:1fr 1fr;gap:5px}.seg button,.radio-row button{background:#122438;border:1px solid #263c53;color:#d6deea;border-radius:5px;padding:8px;font-weight:700;font-size:11px}.seg button.active,.radio-row button.active{background:var(--pink);border-color:var(--pink);color:#fff}.dark-card input,.dark-card select{width:100%;background:#0d2033;border:1px solid #294259;color:#fff;padding:8px;border-radius:5px}.resolve,.pink-btn{width:100%;border:0;background:var(--pink);color:#fff;border-radius:5px;padding:9px;font-size:10px;font-weight:800;margin-top:10px}.pill{font-size:9px;background:var(--pink);padding:4px 6px;border-radius:5px}.contract strong{display:block;margin-bottom:8px}.contract dl{display:grid;grid-template-columns:1fr auto;margin:0;gap:6px;font-size:11px}.contract dt{color:#b9c6d4}.contract dd{margin:0;font-weight:700;text-align:right}.stepper{display:grid;grid-template-columns:32px 1fr 32px;border:1px solid #294259;border-radius:5px;overflow:hidden}.stepper button,.stepper b{border:0;background:#0d2033;color:#fff;padding:7px;text-align:center}.stepper button{font-size:16px}.radio-row{display:flex;gap:6px}.radio-row button{padding:7px 8px;flex:1}.keys{display:grid;grid-template-columns:1.3fr .7fr;gap:4px;margin-top:10px;font-size:9px}.keys span{background:#102238;padding:5px;border-radius:3px}.keys b{text-align:right;padding:5px}.setup>label{display:flex;justify-content:space-between}.setup>label span{color:#ff66ad;font-size:9px;font-weight:800}.capital-box{margin-top:8px;padding:9px;border:1px solid rgba(247,7,120,.55);background:linear-gradient(135deg,rgba(247,7,120,.15),rgba(247,7,120,.03));border-radius:6px}.capital-box small{display:block;color:#ff8ec3;font-size:8px;font-weight:800}.capital-box b{display:block;font-size:18px;margin:3px 0}.capital-box span{font-size:9px;color:#aebdcd}
.card{background:#fff;border:1px solid #ccd5df;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.underlyings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-card{height:290px}.card-head{background:var(--navy);color:#fff;padding:10px 13px;display:flex;justify-content:space-between;align-items:flex-start}.card-head>div:first-child{display:flex;flex-direction:column;gap:5px}.card-head small{color:#bac5d2;font-size:10px}.card-head small strong{background:var(--pink);color:#fff;padding:3px 6px;border-radius:4px}.card-head>div:last-child{text-align:right}.card-head em{display:block;color:#13c58a;font-size:11px;font-style:normal;margin-top:5px}.chart-card canvas{width:100%;height:202px;display:block}.legend{padding:5px 12px;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:5px}.legend i,.simple i{width:8px;height:3px;display:inline-block}.pink-line{background:var(--pink)}.violet-line{background:var(--violet)}.gold-line{background:var(--gold)}.legend span{margin-left:auto;font-weight:800}
.market-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:10px}.chain-card,.strike-card{height:375px}.tabs{height:43px;padding:7px 10px;border-bottom:1px solid var(--line);display:flex;gap:4px}.tabs button{border:0;border-radius:5px;padding:7px 14px;background:#fff}.tabs button.active{background:var(--pink);color:#fff;font-weight:700}.tabs select{margin-left:auto;border:1px solid var(--line);border-radius:5px}.chain-title{height:42px;padding:9px 12px;display:flex;justify-content:space-between}.chain-title span{font-size:10px;color:var(--muted)}.chain-title strong{color:var(--pink);font-size:13px}.chain-card table,.log-card table{width:100%;border-collapse:collapse;font-size:10px}.chain-card th{background:#f5f7fa;color:#657286;padding:8px 4px}.chain-card td{text-align:center;padding:13px 3px;border-bottom:1px solid #edf0f4}.chain-card tr.atm{background:#ffe8f3}.chain-card .empty{padding:55px 10px;color:var(--muted)}.chain-note{padding:12px;text-align:center;color:var(--muted);font-size:9px}.simple{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}.simple small{color:var(--muted)}.timeframe{border:1px solid var(--line);padding:5px 8px;border-radius:5px}.strike-card canvas{width:100%;height:238px;display:block}.mini-lines{height:80px;border-top:1px solid var(--line);padding:4px 10px;display:grid;grid-template-rows:repeat(3,1fr);gap:2px}.mini-lines>div{display:grid;grid-template-columns:56px 1fr;align-items:center}.mini-lines b{font-size:8px;color:#657286}.bars{height:14px;background:repeating-linear-gradient(90deg,#43c4a3 0 4px,transparent 4px 8px,#f580aa 8px 12px,transparent 12px 16px);opacity:.7}.spark{height:2px;background:linear-gradient(90deg,transparent,#2763dc 15%,#2763dc 85%,transparent)}.spark.purple{background:linear-gradient(90deg,transparent,#905de5 15%,#905de5 85%,transparent)}
.lower-grid{display:grid;grid-template-columns:1.35fr .65fr 1fr;gap:10px}.lower-grid .card{height:142px;padding:11px}.score{display:flex;gap:18px}.ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(var(--pink) 0 0%,#e8edf2 0);display:grid;place-items:center;position:relative}.ring:after{content:"";position:absolute;width:57px;height:57px;background:#fff;border-radius:50%}.ring b,.ring small{position:absolute;z-index:1}.ring b{font-size:21px}.ring small{margin-top:31px;font-size:8px}.factors{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%}.factors span{font-size:9px;border-bottom:3px solid #f6a8ca;padding-bottom:3px;display:flex;justify-content:space-between}.health-card ul{list-style:none;padding:0;margin:0}.health-card li{font-size:10px;padding:4px;color:var(--green);display:flex;justify-content:space-between}.log-card th,.log-card td{text-align:left;border-bottom:1px solid var(--line);padding:5px 3px;font-size:9px}
.ai-card{padding:0}.ai-head{padding:12px;border-bottom:1px solid #273a50;display:flex;justify-content:space-between}.ai-head span{font-size:10px;color:#bdd0df}.ai-head i,.speed-card i,footer i{background:#08bd83;box-shadow:0 0 0 4px rgba(8,189,131,.1)}.signal{margin:10px;border:1px solid var(--pink);border-radius:8px;padding:12px;background:radial-gradient(circle at 5% 5%,rgba(247,7,120,.25),transparent 35%),#081524}.signal-top{display:grid;grid-template-columns:38px 1fr 50px;gap:9px;align-items:center}.flame{width:38px;height:38px;border-radius:8px;background:var(--pink);display:grid;place-items:center;font-size:23px}.signal h2{font-size:19px;margin:2px 0;color:#fff}.signal-top small{color:#ff92c4;font-size:8px}.signal-top>div>b{font-size:10px}.signal-score{width:49px;height:49px;border:2px solid var(--pink);border-radius:50%;display:grid;place-items:center}.signal-score b{font-size:16px}.signal-score small{font-size:7px;margin-top:-14px}.levels{display:flex;justify-content:space-between;border-top:1px solid #293a4e;border-bottom:1px solid #293a4e;margin:12px 0;padding:8px 0;font-size:9px}.levels b{display:block;color:#ff5da8;margin-top:3px}.signal h4{font-size:9px;color:#94a8ba}.signal ul{padding-left:17px;margin:7px 0}.signal li{font-size:10px;margin:7px 0;color:#dae3ec}.signal li::marker{color:var(--pink)}.advisory{background:#15263a;color:#ff8fc2;padding:7px;border-radius:4px;text-align:center;font-size:8px;font-weight:900}.pressure label{display:flex;justify-content:space-between;font-size:10px}.pressure>div:not(.section-title){height:8px;background:#26384b;border-radius:8px;margin:5px 0 11px;overflow:hidden}.pressure>div i{height:100%;display:block;background:linear-gradient(90deg,var(--pink),#ff60ad);border-radius:8px;transition:width .25s}.pressure p{margin:12px -12px -12px;padding:10px 12px;background:#0d1d30;font-size:10px}.pressure p b{display:block;color:#ff4b9c;margin-top:4px}
.position-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;min-height:190px}.position-card .section-title span{color:var(--green);font-size:9px}.positions-empty{color:var(--muted);font-size:11px;padding:12px 0}.position{border-bottom:1px solid var(--line);padding:9px 0;font-size:10px}.position>b{display:block;font-size:11px}.position-meta{display:flex;justify-content:space-between;margin-top:5px}.profit{color:var(--green)}.loss{color:var(--red)}.position button{border:1px solid var(--pink);background:#fff;color:var(--pink);border-radius:4px;padding:5px;margin-top:6px}.exit{width:100%;border:0;background:var(--pink);color:#fff;border-radius:5px;padding:9px;font-size:10px;font-weight:700;margin-top:8px}.speed-card{background:var(--navy);color:#fff;border-radius:8px;padding:12px;display:grid;grid-template-columns:1fr 1fr}.speed-card small{display:block;color:#97aabd;font-size:8px}.speed-card b{font-size:16px}.speed-card span{grid-column:1/3;margin-top:10px;color:#13c58a;font-size:9px}
footer{height:34px;background:var(--navy);color:#fff;display:flex;align-items:center;gap:24px;padding:0 18px;font-size:9px;position:sticky;bottom:0;z-index:15}footer span{color:#c1ccd8}footer i{width:6px;height:6px;margin-right:5px}.push{margin-left:auto}footer small{color:#7f91a4}.modal{position:fixed;inset:0;background:rgba(6,17,31,.88);display:grid;place-items:center;z-index:80;overflow:auto;padding:20px}.modal.hidden{display:none}.connect-panel{width:min(640px,94vw);max-height:94vh;overflow:auto;background:#fff;border-top:8px solid var(--pink);padding:26px 32px;border-radius:20px}.modal h1{margin:0 0 6px}.connection-method{padding:12px 0}.connection-method h3{margin:6px 0;color:var(--pink);font-size:11px;letter-spacing:.06em}.modal label{display:block;color:var(--muted);font-weight:700;margin:10px 0 6px}.modal input{width:100%;padding:12px;border-radius:8px;border:1px solid #c9d8e3}.modal small{display:block;margin-top:10px;word-break:break-all}.method-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;font-weight:900}.method-divider:before,.method-divider:after{content:"";height:1px;background:var(--line);flex:1}.confirm{position:fixed;inset:0;background:rgba(6,17,31,.86);display:grid;place-items:center;z-index:90}.confirm.hidden,.toast.hidden{display:none}.confirm>div{background:#fff;border:3px solid var(--pink);padding:30px;border-radius:16px;text-align:center}.toast{position:fixed;right:20px;bottom:52px;background:#fff;border-left:4px solid var(--pink);box-shadow:0 8px 30px rgba(0,0,0,.18);padding:12px 18px;border-radius:5px;display:flex;flex-direction:column;z-index:100}.toast span{font-size:11px;color:var(--muted);margin-top:3px}.toast.error{border-left-color:var(--red)}
.ai-pop{position:fixed;z-index:70;left:50%;top:86px;transform:translate(-50%,-18px) scale(.97);min-width:370px;max-width:calc(100vw - 24px);display:grid;grid-template-columns:42px 1fr 7px;gap:12px;align-items:center;padding:11px 13px;background:rgba(6,17,31,.96);color:#fff;border:1px solid rgba(255,54,151,.7);border-radius:10px;box-shadow:0 14px 45px rgba(4,12,24,.34);opacity:0;pointer-events:none;transition:.2s}.ai-pop.show{opacity:1;transform:translate(-50%,0) scale(1)}.ai-pop-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#ff0a7b,#a90066);font-weight:900}.ai-pop small{display:block;color:#ff91c5;font-size:8px;font-weight:900}.ai-pop b{display:block;font-size:16px;margin:2px 0}.ai-pop span{font-size:10px;color:#c6d1dc}.ai-pop em{width:7px;height:45px;border-radius:8px;background:var(--pink)}
@media(max-width:1350px){.topbar{grid-template-columns:250px 170px 1fr 1fr 160px 110px 130px 64px 34px}.shell{grid-template-columns:205px minmax(700px,1fr) 270px}.quote-head em{display:none}}
@media(max-width:1100px){body{overflow:auto}.topbar{grid-template-columns:240px 1fr 1fr 130px 70px}.connection,.latency,.mode,.avatar{display:none}.shell{grid-template-columns:190px minmax(680px,1fr)}.right-rail{grid-column:1/3;display:grid;grid-template-columns:1.2fr 1fr 1fr}.speed-card{display:none}.underlyings{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:auto;grid-template-columns:1fr 1fr}.brand{grid-column:1/3}.clock{display:none}.shell{display:block;padding:7px}.left-rail{display:grid;grid-template-columns:1fr 1fr}.setup{grid-column:1/3}.underlyings,.market-grid,.lower-grid,.right-rail{grid-template-columns:1fr}.chart-card,.chain-card,.strike-card{height:auto;min-height:310px}.workspace,.right-rail{margin-top:8px}.right-rail{display:grid}.left-rail{margin-bottom:8px}footer{overflow:auto;white-space:nowrap}.quote-head{padding:8px}.quote-head b{font-size:14px}}
.quote-head{gap:1px}.quote-head b{white-space:nowrap}.quote-head em{position:static;white-space:nowrap}.quote-head em.stale{color:var(--muted)}
.dual-contract-select{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.contract-picker{border:1px solid #294259;border-radius:6px;padding:7px;background:#0a1a2b;min-width:0}.contract-picker>b{display:block;font-size:9px;color:#ff68ad;letter-spacing:.04em}.contract-picker.pe>b{color:#b49aff}.contract-picker label{margin-top:6px}.contract-picker .resolve{margin-top:7px;padding:7px}.contract-picker.pe .resolve,.pe-buy{background:#7452cf}.contract-picker small{display:block;margin-top:6px;color:#aebdcd;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dual-buy{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dual-buy .pink-btn{padding:9px 4px}
.daily-pnl-card{background:linear-gradient(145deg,#081728,#10283e);color:#fff;border:1px solid #203950;border-radius:8px;padding:12px}.daily-pnl-card .section-title{margin-bottom:5px}.daily-pnl-card .section-title span{font-size:8px;color:#9db1c3}.daily-pnl-card>strong{display:block;font-size:26px;margin:4px 0 9px}.pnl-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pnl-breakdown span{background:#10243a;border-radius:5px;padding:6px;font-size:8px;color:#aebdcd}.pnl-breakdown b{display:block;margin-top:3px;font-size:10px;color:#fff}
.full-log-card{margin-top:10px;padding:11px;min-height:190px}.full-log-card .section-title{margin-bottom:8px}.trade-log-scroll{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:6px}.trade-log-scroll table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.trade-log-scroll thead{position:sticky;top:0;background:var(--navy);color:#fff;z-index:2}.trade-log-scroll th,.trade-log-scroll td{text-align:left;padding:8px;border-bottom:1px solid var(--line)}.trade-log-scroll tbody tr:nth-child(even){background:#f7f9fb}
footer .profit{color:var(--green)}footer .loss{color:var(--red)}
.risk-help{display:block;color:#9fb0c2;line-height:1.35;margin:-2px 0 8px}
@media(max-width:760px){.dual-contract-select,.dual-buy{grid-template-columns:1fr}.trade-log-scroll{max-height:300px}}