*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#070d17;color:#e6edf7;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.terminal{min-height:100vh;background:#070d17}.topbar{padding:12px 18px 9px;border-bottom:1px solid #202c40;background:#0b1220}.instrument-row{display:flex;align-items:center;gap:8px}.instrument-select{min-width:165px;padding:7px 10px;border:1px solid #31425e;border-radius:6px;background:#111b2b;color:#f3f6fa;font-weight:600}.nav-button{width:36px;height:34px;border:1px solid #31425e;border-radius:6px;background:#111b2b;color:#dce6f3;font-size:17px}.nav-button:hover,.control:hover,.realtime-button:hover{background:#18253a}.status{margin-left:5px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:700}.status-online{color:#7ee2a8;background:#29b3651f}.status-offline{color:#ff9696;background:#dc46461f}.quote-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:10px}.quote{display:flex;flex-direction:column;gap:2px}.quote span{color:#738198;font-size:10px;letter-spacing:.08em}.quote strong{font-size:15px;font-weight:600}.quote.symbol{margin-left:auto}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:7px 14px;border-bottom:1px solid #202c40;background:#0b1220}.control-group{display:flex;align-items:center;gap:4px}.control-label{margin-right:4px;color:#76869e;font-size:11px}.control,.realtime-button{padding:5px 9px;border:1px solid #2d3c55;border-radius:5px;background:#101a29;color:#aebbd0;font-size:12px}.control.active{border-color:#4579d8;background:#1b345e;color:#f0f6ff}.realtime-button{margin-left:auto}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100vh - 155px);min-height:600px}.chart-section{position:relative;min-width:0;min-height:0;border-right:1px solid #202c40}.chart{width:100%;height:100%}.overlay{position:absolute;z-index:10;top:10px;left:50%;transform:translate(-50%);padding:6px 11px;border:1px solid #32435d;border-radius:5px;background:#0a121fe6;color:#b9c6d9;font-size:12px}.error{position:absolute;z-index:20;top:10px;left:10px;max-width:500px;padding:7px 11px;border:1px solid #713d46;border-radius:5px;background:#311820;color:#ffb8c1;font-size:12px}.trade-panel{overflow-y:auto;background:#0a111d}.panel-section{padding:11px 12px;border-bottom:1px solid #202c40}.panel-section h2{margin:0;color:#cbd6e6;font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.055em}.panel-title-row{display:flex;align-items:center;justify-content:space-between}.paper-badge{padding:3px 6px;border:1px solid #36577f;border-radius:4px;color:#82aee3;font-size:9px;font-weight:700;letter-spacing:.08em}.portfolio-total{display:flex;align-items:flex-end;justify-content:space-between;margin-top:10px}.portfolio-total span{color:#75849a;font-size:11px}.portfolio-total strong{color:#f1f5fa;font-size:17px}.pnl{margin-top:3px;text-align:right;font-size:11px}.pnl.positive{color:#55c58a}.pnl.negative{color:#ef7373}.balances{margin-top:9px;padding-top:7px;border-top:1px solid #182337}.balance-row{display:flex;align-items:center;justify-content:space-between;padding:3px 0;font-size:12px}.balance-row span{color:#8290a5}.balance-row strong{font-weight:600}.balance-row.important strong{color:#e1e9f4}.balance-row.muted{font-size:10px}.trade-section{padding-top:10px;padding-bottom:10px}.trade-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trade-heading>div{display:flex;align-items:baseline;gap:7px}.trade-caption{color:#76869c;font-size:9px;font-weight:700;letter-spacing:.08em}.trade-heading strong{font-size:12px}.limit-note{color:#65758b;font-size:9px}.quick-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.quick{padding:7px 3px;border-radius:5px;font-size:12px;font-weight:650}.quick.buy{border:1px solid #276148;background:#102b22;color:#70d7a4}.quick.buy:hover:not(:disabled){background:#173c30}.quick.sell{border:1px solid #713942;background:#30191e;color:#f1939c}.quick.sell:hover:not(:disabled){background:#452229}.slider-row{display:grid;grid-template-columns:minmax(0,1fr) 45px;align-items:center;gap:8px;margin-top:9px}.slider-row input{width:100%;accent-color:#5788d8}.slider-row strong{color:#dce5f1;font-size:11px;text-align:right}.trade-preview{margin-top:2px;color:#65758b;font-size:10px;text-align:right}.execute{width:100%;margin-top:7px;padding:7px;border-radius:5px;font-size:12px;font-weight:700}.buy-execute{border:1px solid #347657;background:#17402f;color:#94e7bb}.buy-execute:hover:not(:disabled){background:#1c503a}.sell-execute{border:1px solid #82434d;background:#421f25;color:#ffadb4}.sell-execute:hover:not(:disabled){background:#54272f}.trade-message{margin:8px 10px 0;padding:7px 9px;border:1px solid #315071;border-radius:5px;background:#10233a;color:#a6c9f1;font-size:10px}.journal-section{padding-bottom:10px}.journal-list{margin-top:7px}.journal-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #162032;font-size:10px}.journal-row:last-child{border-bottom:0}.journal-side{font-size:9px;font-weight:750}.buy-text{color:#5ac88d}.sell-text{color:#ea747e}.journal-main{display:flex;flex-direction:column}.journal-main strong{color:#d5deea;font-size:10px}.journal-main span{color:#627187;font-size:9px}.journal-value{color:#8c9bb0;font-size:10px}.empty-journal{padding:12px 0 4px;color:#66768d;font-size:10px}.footer{padding:5px 12px;color:#526176;background:#070d17;font-size:9px;text-align:right}.footer a{color:#667e9d;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:900px){.workspace{display:block;height:auto;min-height:0}.chart-section{height:60vh;min-height:420px;border-right:0;border-bottom:1px solid #202c40}.trade-panel{overflow:visible}.quote.symbol,.realtime-button{margin-left:0}}@media(max-width:600px){.topbar{padding:9px}.instrument-select{min-width:0;flex:1}.quote-row{gap:13px}.controls{gap:8px;padding:7px 8px}.control-group{flex-wrap:wrap}.control-label,.realtime-button{width:100%}.chart-section{height:55vh;min-height:380px}}.position-context{margin-top:8px;padding-top:7px;border-top:1px solid #182337}.position-context-title{margin-bottom:5px;color:#66768d;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.position-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:10px}.position-row span{color:#718097}.position-row strong{color:#cbd5e3;font-weight:600;text-align:right}.position-pnl.positive strong{color:#55c58a}.position-pnl.negative strong{color:#ef7373}.execution-card{margin:8px 10px 0;padding:9px 10px;border:1px solid #263750;border-radius:6px;background:#0d1827}.execution-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#7f8da2;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.execution-title-row strong{font-size:10px}.execution-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0;font-size:10px}.execution-row span{color:#75849a}.execution-row strong{color:#d2dce8;font-weight:600;text-align:right}.execution-effect{margin-top:5px;padding-top:5px;border-top:1px solid #1c2a3d}.execution-effect.positive strong{color:#55c58a}.execution-effect.negative strong{color:#ef7373}.execution-hint{margin-top:6px;color:#5e6e84;font-size:9px;line-height:1.35}.journal-value{text-align:right}.journal-value>div{color:#8c9bb0}.journal-effect{display:block;margin-top:1px;font-size:8px}.journal-effect.positive{color:#55c58a}.journal-effect.negative{color:#ef7373}.portfolio-value-label{display:flex;flex-direction:column;gap:2px}.portfolio-value-label small{color:#55c58a;font-size:8px;font-weight:700;letter-spacing:.06em}.position-navigation{display:flex;align-items:center;gap:6px;margin-left:12px}.position-nav-button{padding:5px 8px;border:1px solid #36506f;border-radius:5px;background:#101a29;color:#a9bdd7;font-size:10px}.position-nav-button:hover:not(:disabled){background:#17263b}.position-nav-button:disabled{opacity:.35}.position-count{min-width:52px;color:#6f8199;font-size:9px;text-align:center;white-space:nowrap}@media(max-width:900px){.position-navigation{width:100%;margin-left:0;margin-top:6px}}.trade-flow-panel{position:absolute;z-index:12;left:12px;bottom:36px;min-width:380px;padding:6px 9px;border:1px solid rgba(55,76,105,.75);border-radius:5px;background:#08101de0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.trade-flow-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:4px;color:#71839d;font-size:8px;font-weight:700;letter-spacing:.07em}.trade-flow-title small{color:#55c58a;font-size:8px}.trade-flow-main{display:grid;grid-template-columns:repeat(4,auto);gap:18px}.trade-flow-item{display:flex;flex-direction:column;gap:1px}.trade-flow-item span{color:#718097;font-size:8px}.trade-flow-item strong{color:#d2dce8;font-size:10px;font-weight:650;white-space:nowrap}.buy-flow strong{color:#55c58a}.sell-flow strong{color:#ef7373}.delta-flow.positive strong{color:#55c58a}.delta-flow.negative strong{color:#ef7373}@media(max-width:700px){.trade-flow-panel{left:6px;right:6px;min-width:0}.trade-flow-main{gap:7px}}.trade-flow-panel{left:20px;bottom:118px}@media(max-width:700px){.trade-flow-panel{left:12px;right:12px;bottom:118px}}.trade-flow-panel{left:20px;bottom:82px}@media(max-width:700px){.trade-flow-panel{left:12px;right:12px;bottom:82px}}.order-book-panel{position:absolute;z-index:12;left:415px;bottom:82px;min-width:280px;padding:6px 9px;border:1px solid rgba(55,76,105,.75);border-radius:5px;background:#08101de0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}.order-book-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;color:#71839d;font-size:8px;font-weight:700;letter-spacing:.07em}.order-book-title small{color:#55c58a;font-size:8px}.order-book-depth{display:grid;grid-template-columns:repeat(3,auto);gap:15px}.order-book-row{display:flex;flex-direction:column;gap:1px}.order-book-row span{color:#718097;font-size:8px}.order-book-row strong{font-size:10px;font-weight:650;white-space:nowrap}.bid-book strong,.bid-book-text{color:#55c58a}.ask-book strong,.ask-book-text{color:#ef7373}.book-imbalance.positive strong{color:#55c58a}.book-imbalance.negative strong{color:#ef7373}.book-largest{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:5px;padding-top:5px;border-top:1px solid rgba(55,76,105,.55)}.book-largest>div{display:flex;flex-direction:column;gap:1px}.book-largest span{color:#718097;font-size:8px}.book-largest strong{font-size:9px;font-weight:600;white-space:nowrap}@media(max-width:850px){.order-book-panel{display:none}}.trade-flow-panel,.order-book-panel{box-sizing:border-box;min-height:78px}.trade-flow-panel,.order-book-panel{bottom:82px}.floating-market-panel{position:fixed;z-index:1000;border:1px solid rgba(55,76,105,.9);border-radius:6px;background:#08101df5;box-shadow:0 8px 24px #00000057;overflow:hidden;-webkit-user-select:none;user-select:none}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 5px 0 9px;border-bottom:1px solid rgba(55,76,105,.55);color:#8496af;background:#0c1727f7;font-size:8px;font-weight:700;letter-spacing:.07em;cursor:move}.floating-panel-toggle{width:23px;height:18px;padding:0;border:1px solid #314966;border-radius:4px;background:#101a29;color:#adc1dc;font-size:11px;line-height:15px;cursor:pointer}.floating-panel-toggle:hover{background:#17263b}.floating-panel-content{position:relative}.floating-panel-content .trade-flow-panel,.floating-panel-content .order-book-panel{position:static;inset:auto;z-index:auto;min-height:0;margin:0;padding:7px 9px;border:0;border-radius:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto}.floating-panel-content .trade-flow-title,.floating-panel-content .order-book-title{display:none}.floating-panel-content .trade-flow-panel{min-width:365px}.floating-panel-content .order-book-panel{min-width:280px}.floating-panel-content .trade-flow-title+*,.floating-panel-content .order-book-title+*{margin-top:0}@media(max-width:850px){.floating-panel-content .order-book-panel{display:block}.floating-market-panel{max-width:calc(100vw - 12px)}}