@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#eaf0f7;font-synthesis:none;--bg:#07131f;--panel:#0c1b2a;--line:#1d3042;--muted:#7890a5;--text:#eaf0f7;--blue:#6684ff;--green:#41d8bb;--red:#ef718b;background:#07131f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -10%,#163e5b 0,#07131f 34%);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{background:#05101b99;border-right:1px solid #5b7e9a29;flex-direction:column;flex-shrink:0;width:250px;padding:28px 16px 18px;display:flex}.brand{letter-spacing:-1.2px;align-items:center;gap:9px;padding:0 12px;font:700 24px Space Grotesk;display:flex}.brand-mark,.modal-logo{color:#07131f;background:linear-gradient(135deg,#8eacff,#4ce2cf);border-radius:9px;place-items:center;width:28px;height:28px;font:700 18px Space Grotesk;display:grid;box-shadow:0 0 22px #6684ff55}.brand small{color:#6e88a0;letter-spacing:1px;background:#173043;border-radius:4px;margin-left:2px;padding:3px 4px;font:700 8px DM Sans}.account-pill{background:#0e2132;border:1px solid #1b3549;border-radius:12px;align-items:center;gap:9px;margin:44px 0 30px;padding:11px 10px;display:flex}.avatar{color:#07131f;background:linear-gradient(135deg,#778cff,#45d2c1);border-radius:50%;place-items:center;width:32px;height:32px;font:700 11px Space Grotesk;display:grid}.avatar.small{width:28px;height:28px}.account-pill b,.account-pill small{display:block}.account-pill b{font-size:12px}.account-pill small{color:var(--muted);margin-top:2px;font-size:10px}.dot{background:#42dcbb;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 3px #42dcbb22}.nav-caption{color:#5e7890;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 9px;padding:0 13px;font-size:10px;font-weight:700}.nav-spacer{margin-top:29px}.nav-item{color:#88a0b4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:43px;margin:3px 0;padding:0 12px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#eaf0f7;background:#142b3e}.nav-item.active{box-shadow:inset 3px 0 #6684ff}.nav-item svg{opacity:.8}.nav-badge{color:#9cacf9;background:#252d59;border-radius:10px;margin-left:auto;padding:3px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:linear-gradient(135deg,#142e42,#102638);border:1px solid #244257;border-radius:10px;align-items:center;gap:9px;margin-bottom:17px;padding:11px 10px;display:flex}.help-card b,.help-card small{display:block}.help-card b{font-size:11px}.help-card small{color:#7995a7;margin-top:3px;font-size:9px}.help-card>svg{color:#7795a7;margin-left:auto}.help-icon{background:#284b62;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.logout{font-size:12px}.main-content{flex:1;min-width:0}.topbar{border-bottom:1px solid #5b7e9a29;justify-content:space-between;align-items:center;height:82px;padding:0 42px;display:flex}.breadcrumb{color:#627c92;gap:13px;font-size:12px;display:flex}.breadcrumb i{color:#344b5f;font-style:normal}.breadcrumb b{color:#cad7e1;font-weight:500}.top-actions{align-items:center;gap:20px;display:flex}.demo-chip{color:#8ba4b7;background:#0c1c2a;border:1px solid #25485b;border-radius:20px;padding:8px 12px;font-size:11px}.pulse{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 4px #41d8bb20}.icon-btn{color:#7890a5;background:0 0;border:0;position:relative}.notification-dot{background:#ef718b;border-radius:50%;width:5px;height:5px;position:absolute;top:0;right:0}.user-button{background:0 0;border:0;align-items:center;gap:9px;display:flex}.user-name{color:#c6d4df;font-size:12px}.chevron{color:#7690a4;font-size:16px}.mobile-menu{background:0 0;border:0;display:none}.page-content{max-width:1440px;margin:auto;padding:38px 42px 46px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow{letter-spacing:1.4px;color:#6e8ba0;margin:0 0 8px;font-size:10px;font-weight:700}.page-heading h1{letter-spacing:-1.2px;margin:0;font:600 30px Space Grotesk}.page-heading h1 span{color:#72e1ca;font-size:21px}.subheading{color:#7d96a9;margin:8px 0 0;font-size:13px}.deposit-btn,.modal-primary{color:#fff;background:linear-gradient(135deg,#6988ff,#536ce2);border:0;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 20px #314ed533}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card,.panel{background:linear-gradient(145deg,#0f2333eb,#0a1926eb);border:1px solid #1b3447;border-radius:12px}.stat-card{min-height:126px;padding:17px 18px}.stat-top{color:#7d97a9;justify-content:space-between;align-items:center;font-size:11px;display:flex}.stat-card strong{letter-spacing:-.5px;margin:14px 0 12px;font:600 24px Space Grotesk;display:block}.stat-icon{border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.green{color:#4ee0be;background:#1b4d4c}.purple{color:#a8b6ff;background:#30365e}.orange{color:#ffce7e;background:#594525;font-size:15px;font-weight:700}.stat-foot{color:#648096;justify-content:space-between;align-items:center;font-size:10px;display:flex}.live-dot{color:#43dabb;font-size:10px}.live-dot:before{content:" ";vertical-align:middle;background:#42dabb;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.market-mini{align-items:center;gap:10px;margin:13px 0 8px;display:flex}.market-mini b{font-size:12px}.sparkline{width:100px;height:30px;display:block}.workspace-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:18px;display:grid}.chart-panel{min-width:0;padding:22px 22px 13px}.panel-header{justify-content:space-between;align-items:center;display:flex}.asset-title{align-items:center;gap:12px;display:flex}.coin{color:#1c1a12;border-radius:50%;place-items:center;width:38px;height:38px;font:700 21px Space Grotesk;display:grid}.select-wrap{position:relative}.select-wrap select{appearance:none;color:#eaf0f7;background:0 0;border:0;outline:0;padding:0 20px 0 0;font:600 16px Space Grotesk}.select-arrow{color:#6c879c;pointer-events:none;position:absolute;top:0;right:0}.asset-title small{color:#748fa2;margin-top:3px;font-size:10px;display:block}.price-block{text-align:right}.price-block b{font:600 20px Space Grotesk;display:block}.price-block span{font-size:11px}.chart-toolbar{border-bottom:1px solid #1b3345;justify-content:space-between;align-items:center;margin-top:21px;padding-bottom:12px;display:flex}.time-tabs{flex-wrap:wrap;gap:2px;display:flex}.time-tabs button,.chart-tools button{color:#6e899d;background:0 0;border:0;border-radius:5px;padding:6px 8px;font-size:10px}.time-tabs button.selected,.time-tabs button:hover{color:#aebcff;background:#253b51}.chart-tools{gap:4px;display:flex}.chart-tools .tool-active{color:#b6c4ff}.chart-wrap{height:300px;margin:15px 0 2px;position:relative}.chart{width:100%;height:100%;overflow:visible}.gridline{stroke:#1b3446;stroke-width:1px}.wick{stroke-width:1.4px}.wick.up{stroke:#41d8bb}.wick.down{stroke:#ef718b}.candle{rx:1}.candle.up{fill:#41d8bb}.candle.down{fill:#ef718b}.price-line{stroke:#6c86ff;stroke-width:1px;stroke-dasharray:3 4;opacity:.8}.axis{color:#526d82;justify-content:space-between;padding:0 8px;font-size:9px;display:flex}.chart-label{color:#607c90;font-size:9px;position:absolute;top:12px;right:4px}.chart-footer{color:#718b9d;align-items:center;gap:14px;margin-top:13px;font-size:10px;display:flex}.legend-up,.legend-down{background:#41d8bb;border-radius:2px;width:7px;height:7px;margin-right:4px;display:inline-block}.legend-down{background:#ef718b}.simulation-note{color:#c79554;margin-left:auto;font-size:9px}.trade-panel{padding:22px 18px;position:relative}.trade-head{justify-content:space-between;display:flex}.trade-head h2,.markets-panel h2{margin:0;font:600 16px Space Grotesk}.trade-head p,.markets-panel p{color:#718b9d;margin:6px 0 0;font-size:10px}.trade-status{color:#41d8bb;padding-top:3px;font-size:9px}.expiry{color:#7d96a8;background:#11273a;border:1px solid #1f3b50;border-radius:7px;justify-content:space-between;align-items:center;margin-top:24px;padding:11px 12px;font-size:11px;display:flex}.expiry b{color:#d5e1e9;font-size:12px}.clock{color:#778bff}.countdown{text-align:center;border-bottom:1px solid #1b3446;padding:20px 0 17px}.countdown span{color:#6b879b;font-size:10px;display:block}.countdown strong{letter-spacing:2px;color:#e9f1f6;margin-top:5px;font:600 30px Space Grotesk;display:block}.field-label{color:#8ca3b3;margin:18px 0 7px;font-size:10px;display:block}.amount-input{background:#0a1927;border:1px solid #28455a;border-radius:7px;align-items:center;height:42px;padding:0 11px;display:flex}.amount-input>span{color:#6c879a;margin-right:7px;font-size:12px}.amount-input input{color:#edf4f8;background:0 0;border:0;outline:0;width:100%;font-size:14px;font-weight:600}.amount-presets{gap:3px;display:flex}.amount-presets button{color:#90a8b8;background:#193248;border:0;border-radius:4px;width:22px;height:22px}.quick-amounts{gap:5px;margin:8px 0 15px;display:flex}.quick-amounts button{color:#7892a4;background:#102638;border:1px solid #1f3b4f;border-radius:5px;flex:1;padding:6px 1px;font-size:9px}.quick-amounts button.active{color:#afbcff;background:#202e57;border-color:#566ee0}.return-card{background:#102b35;border:1px solid #1a5353;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 12px;display:flex}.return-card span,.return-card b,.return-rate small{display:block}.return-card span{color:#78a19d;font-size:9px}.return-card b{color:#5ce0bf;margin-top:3px;font:600 15px Space Grotesk}.return-rate{text-align:right;color:#5ce0bf;font:600 16px Space Grotesk}.return-rate small{color:#699c96;font:400 8px DM Sans}.direction-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.direction-buttons button{text-align:left;border-radius:7px;align-items:center;gap:8px;padding:12px 8px;display:flex}.direction-buttons button>span{font-size:18px}.direction-buttons b,.direction-buttons small{display:block}.direction-buttons b{font-size:11px}.direction-buttons small{opacity:.72;margin-top:3px;font-size:8px}.up-btn{color:#79ead1;background:linear-gradient(135deg,#1b635d,#174842);border:1px solid #278c82}.down-btn{color:#ffabc0;background:linear-gradient(135deg,#66354b,#4b293a);border:1px solid #8d425c}.risk-note{text-align:center;color:#5e788d;margin:15px 0 0;font-size:8px}.toast{color:#a8e8d8;text-align:center;background:#1c3c4c;border:1px solid #397c7d;border-radius:6px;padding:8px;font-size:9px;position:absolute;bottom:8px;left:18px;right:18px}.markets-panel{margin-top:18px;padding:20px 22px}.panel-header.compact{margin-bottom:15px}.view-all{color:#9bafff;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;display:flex}.market-list{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.market-row{text-align:left;background:#0b1c2b;border:1px solid #1a3345;border-radius:8px;grid-template-rows:1fr 1fr;grid-template-columns:31px 1fr;column-gap:8px;min-width:0;padding:10px 9px;display:grid;position:relative}.market-symbol{background:#182c3d;border-radius:50%;grid-row:1/3;place-items:center;width:27px;height:27px;font:700 9px Space Grotesk;display:grid}.market-name b,.market-name small,.market-price b,.market-price small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.market-name b{font-size:10px}.market-name small{color:#658195;margin-top:3px;font-size:8px}.market-spark{grid-column:2;margin:5px 0}.market-spark .sparkline{width:100%;height:20px}.market-price{grid-column:1/3;justify-content:space-between;align-items:end;margin-top:3px;display:flex}.market-price b{font-size:10px}.market-price small{font-size:9px}.market-row>svg{color:#557187;position:absolute;top:11px;right:8px}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:5;background:#020c15b5;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0e2334;border:1px solid #29465b;border-radius:16px;width:min(390px,100%);padding:30px;position:relative;box-shadow:0 20px 70px #0008}.modal-close{color:#7993a7;background:0 0;border:0;font-size:24px;position:absolute;top:13px;right:17px}.modal-logo{border-radius:13px;width:46px;height:46px;margin-bottom:18px;font-size:24px}.green-logo{background:linear-gradient(135deg,#57e3c4,#2b9a94)}.modal h2{margin:0 0 7px;font:600 22px Space Grotesk}.modal>p{color:#7892a5;margin:0 0 21px;font-size:12px;line-height:1.55}.modal label{color:#8aa1b1;margin-top:13px;font-size:10px;display:block}.modal input{color:#fff;background:#091a29;border:1px solid #27465b;border-radius:7px;outline:0;width:100%;height:42px;margin-top:6px;padding:0 11px;display:block}.modal input:focus{border-color:#7185ff}.modal-primary{justify-content:center;width:100%;height:43px;margin-top:19px}.modal-foot{text-align:center;color:#718b9e;margin-top:15px;font-size:10px;display:block}.modal-foot span{color:#9eaeff;cursor:pointer}.modal-balance{color:#5ce0bf;background:#102e3a;border:1px solid #1a5e59;border-radius:9px;padding:19px;font:600 28px Space Grotesk}.modal-balance small{color:#75a9a0;margin-top:5px;font:400 10px DM Sans;display:block}.modal-balance+.modal-primary{margin-top:12px}@media (width<=1100px){.sidebar{width:220px}.page-content{padding:30px 25px}.topbar{padding:0 25px}.market-list{grid-template-columns:repeat(3,1fr)}.market-row:nth-child(n+4){display:none}.workspace-grid{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=800px){.sidebar{z-index:4;transition:all .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.mobile-menu{color:#7893a8;display:block}.topbar{justify-content:flex-start;gap:15px;height:65px;padding:0 18px}.breadcrumb{display:none}.top-actions{gap:12px;margin-left:auto}.user-name{display:none}.page-content{padding:25px 16px 35px}.page-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:22px}.page-heading h1{font-size:26px}.deposit-btn{justify-content:center;align-self:stretch}.stats-row{grid-template-columns:repeat(2,1fr)}.stat-card{min-height:112px;padding:14px}.stat-card strong{margin:12px 0 10px;font-size:21px}.market-card{display:none}.workspace-grid{grid-template-columns:1fr}.trade-panel{order:-1}.chart-panel{padding:16px}.chart-wrap{height:235px}.chart-toolbar{align-items:flex-start;gap:8px}.time-tabs{gap:0}.time-tabs button{padding:6px}.chart-tools,.simulation-note{display:none}.markets-panel{padding:16px}.market-list{grid-template-columns:repeat(2,1fr)}.market-row:nth-child(n+4){display:grid}.market-row:nth-child(n+5){display:none}}@media (width<=430px){.demo-chip{display:none}.stats-row{gap:8px}.stat-card{min-height:106px}.stat-top{font-size:10px}.stat-foot{font-size:9px}.market-list{grid-template-columns:1fr}.market-row:nth-child(3){display:none}.panel-header.compact{align-items:flex-start}.view-all{padding:0}.price-block b{font-size:16px}.price-block span{font-size:10px}.chart-label{display:none}}.sp-clock{color:#6f899c;border-right:1px solid #20394c;padding-right:19px;font-size:10px}.history-panel{margin-top:18px;padding:20px 22px}.history-list{gap:3px;display:grid}.history-row{border-top:1px solid #182f41;grid-template-columns:30px 1fr 130px 145px;align-items:center;gap:10px;padding:11px 4px;display:grid}.history-row b,.history-row small{display:block}.history-row b{font-size:11px}.history-row small{color:#688398;margin-top:3px;font-size:9px}.history-direction{border-radius:7px;place-items:center;width:26px;height:26px;font-size:16px;display:grid}.history-direction.up{color:#55dfc4;background:#164941}.history-direction.down{color:#f18ca6;background:#4b293a}.history-amount{color:#c8d5de;font-size:11px}.history-result{text-align:right;font-size:10px}.history-result i{background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.history-result.won{color:#4ad9be}.history-result.lost{color:#ec829b}@media (width<=800px){.sp-clock{display:none}.history-panel{padding:16px}.history-row{grid-template-columns:28px 1fr auto}.history-result{text-align:left;grid-column:2/4;font-size:9px}.history-amount{grid-area:1/3}.history-row small{font-size:8px}}.workspace-grid{flex-direction:column;align-items:stretch;gap:18px;display:flex}.workspace-grid .markets-panel{order:-1;width:100%;margin-top:0}.workspace-grid .chart-panel{order:1;width:100%}.workspace-grid .trade-panel{order:2;width:100%}.workspace-grid .history-panel{order:3;width:100%;margin-top:0}.workspace-grid .market-list{grid-template-columns:repeat(5,1fr)}.operation-durations{grid-template-columns:repeat(5,1fr);gap:5px;margin:8px 0 14px;display:grid}.operation-durations button{color:#7892a4;background:#102638;border:1px solid #1f3b4f;border-radius:5px;padding:7px 2px;font-size:10px}.operation-durations button.active{color:#b4bfff;background:#202e57;border-color:#5c73e3}.operation-durations button:disabled{cursor:not-allowed;opacity:.45}.chart-tools{position:relative}.more-button{line-height:1;padding:2px 9px!important;font-size:18px!important}.chart-menu{z-index:3;background:#102638;border:1px solid #2c4d64;border-radius:8px;width:155px;padding:6px;position:absolute;top:31px;right:0;box-shadow:0 14px 28px #0007}.chart-menu button{text-align:left;color:#a8bdcb;background:0 0;border:0;border-radius:5px;width:100%;padding:9px 10px;font-size:10px;display:block}.chart-menu button:hover{color:#fff;background:#1b3a50}@media (width<=800px){.workspace-grid .trade-panel{order:2}.workspace-grid .chart-panel{order:1}.workspace-grid .history-panel{order:3}.workspace-grid .market-list{grid-template-columns:repeat(2,1fr)}}.page-content{flex-direction:column;display:flex}.page-content .page-heading{order:0}.page-content .stats-row{order:1}.page-content>.markets-panel{order:2;width:100%;margin-top:0}.page-content>.workspace-grid{order:3}.page-content>.history-panel{order:4;width:100%;margin-top:0}.page-content>.workspace-grid .chart-panel{order:1}.page-content>.workspace-grid .trade-panel{order:2}.page-content>.workspace-grid .market-list{grid-template-columns:repeat(5,1fr)}@media (width<=800px){.page-content>.workspace-grid .market-list{grid-template-columns:repeat(2,1fr)}}.mode-switch{background:#0b1a28;border:1px solid #213b4e;border-radius:7px;gap:2px;padding:3px;display:flex}.mode-switch button{color:#7892a5;background:0 0;border:0;border-radius:5px;padding:5px 8px;font-size:9px}@media (width<=800px){.mode-switch{display:none}}.time-select label{color:#708b9e;align-items:center;gap:8px;font-size:10px;display:flex}.time-select select,.operation-select{appearance:none;color:#d8e4eb;background:#102638;border:1px solid #2a4a61;border-radius:6px;outline:0;height:34px;padding:0 30px 0 10px;font-size:11px}.operation-select{width:100%;height:40px;margin-bottom:2px;position:relative}.operation-select select{appearance:none;color:#eaf0f7;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 28px 0 10px;font-size:12px}.operation-select>span{color:#7892a5;pointer-events:none;position:absolute;top:10px;right:12px}.time-select select:focus,.operation-select:focus-within{border-color:#667df2}.return-rate{color:#5ce0bf}.entry-line{stroke:#f3c66b;stroke-width:1.4px;stroke-dasharray:7 4}.entry-line.won{stroke:#41d8bb}.entry-line.lost{stroke:#ef718b}.entry-line.draw{stroke:#a7b7c5}.entry-dot{fill:#f3c66b}.entry-dot.won{fill:#41d8bb}.entry-dot.lost{fill:#ef718b}.entry-dot.draw{fill:#a7b7c5}.entry-text{fill:#f3c66b;font-family:DM Sans;font-size:10px}.entry-text.won{fill:#41d8bb}.entry-text.lost{fill:#ef718b}.entry-text.draw{fill:#a7b7c5}.live-candle{color:#80a0b1}.live-candle i{background:#f3c66b;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block;box-shadow:0 0 0 3px #f3c62b22}.direction-buttons button:disabled{opacity:.48;cursor:not-allowed}.select-wrap select,.time-select select,.operation-select select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.select-wrap select option,.time-select select option,.operation-select select option,.select-wrap select optgroup,.time-select select optgroup,.operation-select select optgroup{color:#eaf0f7;background:#102638}.time-select select{min-width:72px}.operation-select select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=560px){.page-content{padding-left:12px;padding-right:12px}.panel,.stat-card{border-radius:10px}.chart-panel,.markets-panel,.history-panel{padding-left:14px;padding-right:14px}.chart-toolbar{flex-wrap:wrap}.time-select{width:100%}.time-select label{justify-content:space-between}.time-select select{flex:1;max-width:180px}.chart-wrap{height:220px}.direction-buttons{grid-template-columns:1fr}.quick-amounts{gap:6px}.quick-amounts button{min-height:32px}.history-row{gap:8px}}.chart-tools,.more-button,.chart-menu{display:none!important}.profile-photo-float{z-index:7;color:#a9bdca;background:#102638;border:1px solid #29465b;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 35px #0008}.profile-photo-float label{align-items:center;gap:9px;display:flex}.profile-photo-float input{max-width:170px;font-size:10px}.profile-photo-float img{object-fit:cover;border:2px solid #67dcca;border-radius:50%;width:38px;height:38px}@media (width<=800px){.top-actions{gap:7px}.mode-switch{order:1;padding:2px;display:flex}.mode-switch button{padding:6px 7px;font-size:9px}.demo-chip,.icon-btn{display:none}.user-button{order:2;max-width:105px}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;display:block;overflow:hidden}.profile-photo-float{justify-content:space-between;bottom:12px;left:12px;right:12px}.profile-photo-float input{max-width:145px}}@media (width<=430px){.topbar{padding:0 10px}.top-actions{margin-left:auto}.mode-switch button{padding:5px 6px}.user-button{gap:4px}.user-name{display:none}.profile-photo-float{font-size:10px}}.chart-interaction{touch-action:none;cursor:grab;border-radius:6px;height:100%;overflow:hidden}.chart-interaction:active{cursor:grabbing}.chart-controls{color:#6f899c;align-items:center;gap:6px;margin:8px 0 2px;font-size:9px;display:flex}.chart-controls button{color:#b9c9d4;background:#102638;border:1px solid #29465b;border-radius:5px;min-width:26px;height:25px;padding:0 7px;font-size:11px}.chart-controls button:hover{color:#fff;border-color:#6684ff}.chart-controls small{color:#567186;margin-left:auto}.trade-panel{padding-top:18px;padding-bottom:18px}.trade-panel .trade-head p{margin-top:3px}.trade-panel .expiry{display:none}.trade-panel .countdown{padding:13px 0 11px}.trade-panel .field-label{margin-top:13px}.trade-panel .risk-note{margin-top:10px}@media (width<=560px){.chart-controls{flex-wrap:wrap}.chart-controls small{width:100%;margin-left:0}.chart-controls span{margin-right:auto}.trade-panel{padding:16px 14px}.trade-panel .direction-buttons{grid-template-columns:1fr 1fr}.trade-panel .countdown strong{font-size:25px}}.bonara-mark-svg{width:22px;height:22px;display:block}.market-row{min-height:112px}.market-panel,.markets-panel{border-color:#4b3420}.modal-market-list{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));max-height:60vh;overflow-y:auto}:root{--blue:#f59e0b}.brand-mark,.modal-logo{color:#211306;background:linear-gradient(135deg,#ffd166,#f97316);box-shadow:0 0 22px #f59e0b44}.brand small{color:#f4c777;background:#3a2b1b}.deposit-btn,.modal-primary{background:linear-gradient(135deg,#f59e0b,#ea580c);box-shadow:0 8px 20px #d9771633}.view-all{color:#ffc15a}.market-row:hover,.market-row.active{background:#2b2115;border-color:#d97706}.mode-switch button.active{color:#ffd27a;background:#4a3217}.mode-switch button.active.real{color:#ffc27b;background:#4b2b17}.chart-controls button:hover{border-color:#f59e0b}.panel-header h2{color:#f6f1e8}@media (width<=800px){.market-list{grid-template-columns:minmax(0,1fr)}}.sidebar,.mobile-menu{display:none!important}.main-content{width:100%}.topbar{padding-left:28px;padding-right:28px}.page-content{max-width:1180px;padding:30px 28px 48px}.page-heading{margin-bottom:22px}.stats-row{gap:16px;margin-bottom:16px}.workspace-grid{gap:16px}.markets-panel,.history-panel{margin-top:0}.chart-panel,.trade-panel,.markets-panel,.history-panel{box-shadow:0 10px 30px #00000018}.market-list{grid-template-columns:minmax(0,360px)}.markets-panel .market-row{min-height:108px}.chart-interaction{-webkit-user-select:none;user-select:none}.modal-market-list{display:none!important}.trade-panel{max-width:100%}@media (width<=800px){.topbar{padding:0 14px}.page-content{padding:20px 14px 36px}.stats-row{gap:12px}.workspace-grid{gap:14px}.markets-panel,.history-panel{margin-top:0}.market-list{grid-template-columns:1fr}.chart-panel,.markets-panel,.history-panel{padding-left:16px;padding-right:16px}}.asset-title{position:relative}.asset-icon{color:var(--asset-color);flex:none;place-items:center;display:grid}.asset-icon svg{width:100%;height:100%;display:block}.asset-select-button{color:#eaf0f7;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 24px 0 0;display:flex;position:relative}.asset-select-button b,.asset-select-button small{display:block}.asset-select-button b{font:600 16px Space Grotesk}.asset-select-button small{color:#748fa2;margin-top:3px;font-size:10px}.select-arrow{color:#9eb2bf;font-size:14px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.asset-menu{z-index:8;background:#102638;border:1px solid #3e5260;border-radius:12px;gap:4px;width:min(340px,100vw - 32px);max-height:420px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;overflow:auto;box-shadow:0 20px 50px #0009}.asset-menu button{color:#eaf0f7;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px;display:flex}.asset-menu button:hover,.asset-menu button:focus{background:#2b2115}.asset-menu button span:not(.asset-icon){flex:1}.asset-menu b,.asset-menu small{display:block}.asset-menu b{font-size:11px}.asset-menu small{color:#748fa2;margin-top:2px;font-size:9px}.asset-menu em{font-size:10px;font-style:normal}.positive{color:#41d8bb}.negative{color:#ef718b}@media (width<=560px){.asset-menu{width:auto;max-height:60vh;position:fixed;top:110px;left:14px;right:14px}.asset-select-button b{font-size:14px}}.history-result.pending{color:#f3b54c}.entry-text.open{fill:#ffc15a}.entry-dot.open{fill:#f59e0b}.entry-line.open{stroke:#f59e0b}.trade-status{white-space:nowrap}.stats-row{gap:18px}.stat-card{min-width:0}.market-list{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:14px}.market-row{min-width:0;min-height:126px}.modal-wide{width:min(760px,100%);max-height:min(760px,100vh - 32px);overflow:auto}.modal-market-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:520px;display:grid;overflow:auto}.modal-market-list .market-row{min-height:110px}.modal-history-list{gap:4px;max-height:520px;display:grid;overflow:auto}.modal-history-list .history-row{border:1px solid #1a3345;border-radius:8px;padding:12px 10px}.modal-history-list .history-row:first-child{border-top:1px solid #1a3345}@media (width<=560px){.stats-row,.market-list{grid-template-columns:1fr;gap:12px}.modal-market-list{grid-template-columns:1fr}.modal{padding:22px 16px}.modal-wide{max-height:calc(100vh - 24px)}}.topbar{min-height:82px}.top-actions{gap:16px}.mode-switch{background:#081824;border:1px solid #39556a;border-radius:9px;padding:4px}.mode-switch button{min-height:30px;padding:0 12px;font-size:11px}.demo-chip{border-color:#4a6475;padding:10px 15px;font-size:12px}.demo-chip.real{color:#ffd18a;background:#382316;border-color:#9b5c1d}.notification-wrap{align-items:center;display:flex;position:relative}.notification-wrap .icon-btn{border:1px solid #0000;border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.notification-wrap .icon-btn:hover,.notification-wrap .icon-btn.active{color:#ffd08a;background:#142f42;border-color:#34556b}.notification-popover{z-index:10;background:#102638;border:1px solid #3b596c;border-radius:10px;width:250px;padding:15px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 40px #0009}.notification-popover b{font-size:12px;display:block}.notification-popover p{color:#d5e1e9;margin:9px 0 4px;font-size:11px}.notification-popover small{color:#7893a7;font-size:9px}@media (width<=560px){.chart-interaction{height:220px}.chart-controls{gap:6px}.chart-controls small{order:4;width:100%;margin-top:4px}.axis{font-size:8px}.chart-footer{gap:10px;margin-top:14px;padding-top:12px}.page-content>.history-panel{margin-top:22px!important}.topbar{min-height:65px;padding:0 10px}.top-actions{gap:6px}.mode-switch{display:flex}.mode-switch button{padding:0 7px;font-size:9px}.demo-chip{text-overflow:ellipsis;white-space:nowrap;max-width:132px;padding:9px 10px;font-size:9px;overflow:hidden}.notification-wrap .icon-btn{width:34px;height:34px}.notification-popover{width:auto;position:fixed;top:70px;left:10px;right:10px}.user-button{gap:5px}}.entry-label-bg{fill:#07131fcc;stroke:#f59e0b;stroke-width:.6px}.entry-text.open{paint-order:stroke;stroke:#07131f;stroke-width:1px;font-size:10px}.chart-interaction{position:relative}.chart-interaction>.chart-controls{z-index:4;background:0 0;min-height:28px;margin:0;padding:0;position:absolute;bottom:8px;left:10px;right:10px}.chart-interaction>.chart-controls small{color:#8aa1b1;white-space:nowrap;text-shadow:0 1px 2px #000;margin-left:auto;font-size:9px}@media (width<=560px){.chart-interaction>.chart-controls{bottom:7px;left:8px;right:8px}.chart-interaction>.chart-controls small{text-overflow:ellipsis;max-width:48%;font-size:8px;overflow:hidden}}.chart-wrap{height:auto;margin:16px 0 0;overflow:visible}.chart-interaction{background:#091a28;border:1px solid #142e42;border-radius:9px;height:300px;overflow:hidden}.chart-controls{gap:8px;min-height:28px;margin:14px 0 0;padding:0 2px}.chart-controls span{white-space:nowrap}.chart-controls button{min-width:30px;height:28px}.chart-controls small{white-space:nowrap}.axis{margin-top:9px;padding:0 10px}.chart-footer{border-top:1px solid #1b3446;flex-wrap:wrap;gap:16px;min-height:33px;margin-top:16px;padding-top:14px}.simulation-note{font-size:9px}.page-content>.history-panel{margin-top:24px!important}.history-panel{padding-top:22px!important}.history-panel .panel-header{border-bottom:1px solid #1b3446;padding-bottom:13px}.history-list{margin-top:4px}@media (width<=560px){.chart-interaction{height:220px}.chart-controls{gap:6px}.chart-controls small{order:4;width:100%;margin-top:4px}.axis{font-size:8px}.chart-footer{gap:10px;margin-top:14px;padding-top:12px}.page-content>.history-panel{margin-top:22px!important}}