:root{--bg-app:#07131d;--bg-sidebar:#081722;--bg-panel:#0c1c28;--bg-panel-raised:#102432;--bg-input:#0a1924;--bg-hover:#94a3b80f;--border:#94a3b829;--border-strong:#94a3b847;--text-primary:#f4f7fa;--text-secondary:#9aaaba;--text-muted:#6f8292;--gold:#e5ac2b;--gold-hover:#f1ba3b;--gold-soft:#e5ac2b24;--buy:#10b981;--buy-hover:#0da271;--buy-soft:#10b98124;--sell:#ef4444;--sell-hover:#d93b3b;--sell-soft:#ef444424;--warning:#f59e0b;--warning-soft:#f59e0b24;--info:#38bdf8;--info-soft:#38bdf824;--radius-sm:5px;--radius-md:7px;--radius-lg:9px;--sidebar-w:204px;--topbar-h:48px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg-app);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:13px;line-height:1.45}body{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}code{background:var(--bg-input);border-radius:3px;padding:1px 4px;font-size:11px}::selection{background:var(--gold-soft)}:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.num,.table td.num,.kpi-value,.price-big{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);grid-template-rows:var(--topbar-h) 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;grid-row:1/span 2;height:100vh;display:flex;position:sticky;top:0}.brand{height:var(--topbar-h);border-bottom:1px solid var(--border);letter-spacing:.2px;align-items:center;gap:9px;padding:0 16px;font-weight:700;display:flex}.brand-mark{background:var(--gold);color:#0c1c28;border-radius:5px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.brand small{color:var(--gold);font-weight:600}.brand-logo{width:30px;height:30px}.brand-logo-full{width:100%;max-width:172px;height:auto;margin:0 auto;display:block}.sidebar .brand{justify-content:center;height:auto;padding:14px 16px 10px}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-text b{letter-spacing:.5px;font-size:14px}.brand-text small{letter-spacing:2.6px;color:var(--text-secondary);margin-top:2px;font-size:8.5px;font-weight:600}.login-logo{justify-content:center;margin:4px 0 20px;display:flex}.login-logo img{width:280px;height:auto;display:block}.nav{flex-direction:column;gap:2px;padding:10px 8px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:12px 10px 4px;font-size:10px}.nav a{border-radius:var(--radius-sm);color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.nav a:hover{background:var(--bg-hover);color:var(--text-primary)}.nav a.active{background:var(--gold-soft);color:var(--gold);border-left-color:var(--gold)}.nav a svg{width:16px;height:16px}.sidebar-foot{border-top:1px solid var(--border);color:var(--text-muted);margin-top:auto;padding:12px 16px;font-size:11px}.topbar{border-bottom:1px solid var(--border);background:var(--bg-sidebar);z-index:30;align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.server-time{color:var(--text-secondary);font-size:12px}.icon-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;width:30px;height:30px;display:grid;position:relative}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.icon-btn .dot{background:var(--sell);color:#fff;border-radius:7px;place-items:center;min-width:14px;height:14px;padding:0 3px;font-size:9px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.user-chip{border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;color:inherit;border-radius:20px;align-items:center;gap:8px;padding:3px 8px 3px 3px;display:flex}.avatar{background:var(--bg-panel-raised);width:24px;height:24px;color:var(--gold);border:1px solid var(--border-strong);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.user-chip .who{text-align:left;flex-direction:column;line-height:1.1;display:flex}.user-chip .who b{font-size:12px;font-weight:600}.user-chip .who span{color:var(--text-muted);font-size:10px}.menu{background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);z-index:50;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px #00000073}.menu a,.menu button{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-size:12px;display:block}.menu a:hover,.menu button:hover{background:var(--bg-hover)}.search{position:relative}.search input{width:240px}.search-results{background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);z-index:60;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.search-results a{border-bottom:1px solid var(--border);justify-content:space-between;gap:10px;padding:8px 10px;font-size:12px;display:flex}.search-results a:hover{background:var(--bg-hover)}.search-results .t{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px}.main{min-width:0;padding:16px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.page-head h1{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:600}.page-head p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.page-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0}.panel-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:12px;font-weight:600;display:flex}.panel-h .sub{color:var(--text-muted);font-size:11px;font-weight:400}.panel-b{padding:12px}.panel-b.tight{padding:0}.grid{gap:12px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.small{font-size:11px}.pos{color:var(--buy)}.neg{color:var(--sell)}.neutral{color:var(--text-secondary)}.buy{color:var(--buy)}.sell{color:var(--sell)}.gold{color:var(--gold)}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.mt{margin-top:12px}.mb{margin-bottom:12px}.kpi{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:10px 12px}.kpi-label{color:var(--text-secondary);justify-content:space-between;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.kpi-value{letter-spacing:-.3px;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:600;overflow:hidden}.kpi-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.kpi.accent{border-color:#e5ac2b59}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-panel-raised);color:var(--text-primary);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:#142c3d;border-color:#94a3b866}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.gold{background:var(--gold);border-color:var(--gold);color:#0c1c28}.btn.gold:hover{background:var(--gold-hover)}.btn.buy{background:var(--buy);border-color:var(--buy);color:#fff}.btn.buy:hover{background:var(--buy-hover)}.btn.sell{background:var(--sell);border-color:var(--sell);color:#fff}.btn.sell:hover{background:var(--sell-hover)}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border)}.btn.outline{background:0 0}.btn.sm{padding:4px 8px;font-size:11px}.btn.lg{letter-spacing:.3px;padding:11px 18px;font-size:13px}.btn.block{width:100%}.btn.danger{border-color:var(--sell);color:var(--sell);background:0 0}.btn.danger:hover{background:var(--sell-soft)}.btn svg{width:14px;height:14px}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field label,.label{color:var(--text-secondary);font-size:11px;font-weight:500}.field .hint{color:var(--text-muted);font-size:11px}.field .err{color:var(--sell);font-size:11px}.input,.select,textarea.input{background:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);padding:7px 9px;font-family:inherit;font-size:13px}.input:focus,.select:focus,textarea.input:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft);outline:none}.input.num{text-align:right;font-variant-numeric:tabular-nums}.input.lg{padding:9px 10px;font-size:16px;font-weight:600}.input[disabled],.select[disabled]{opacity:.55}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:26px}.select option{background:var(--bg-panel-raised);color:var(--text-primary)}input[type=date],input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.input-group{display:flex}.input-group .input{border-top-right-radius:0;border-bottom-right-radius:0}.input-group .addon{border:1px solid var(--border-strong);background:var(--bg-panel-raised);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);white-space:nowrap;border-left:0;align-items:center;padding:0 10px;font-size:12px;display:flex}.input-group .addon.btn{border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--gold)}.check{cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.check input{accent-color:var(--gold);width:14px;height:14px}.seg{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.seg button{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg button.active{background:var(--bg-panel-raised);color:var(--text-primary)}.seg button.active.sell{background:var(--sell);color:#fff}.seg button.active.buy{background:var(--buy);color:#fff}.seg button.active.gold{background:var(--gold);color:#0c1c28}.seg.block{display:flex}.seg.block button{flex:1}.badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:700;line-height:1.5;display:inline-flex}.badge.buy{background:var(--buy-soft);color:var(--buy)}.badge.sell{background:var(--sell-soft);color:var(--sell)}.badge.gold{background:var(--gold-soft);color:var(--gold)}.badge.info{background:var(--info-soft);color:var(--info)}.badge.warn{background:var(--warning-soft);color:var(--warning)}.badge.neutral{color:var(--text-secondary);background:#94a3b81f}.badge.outline{border-color:var(--border-strong);color:var(--text-secondary);background:0 0}.badge .pulse{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@media (prefers-reduced-motion:reduce){.badge .pulse{animation:none}.tick-up,.tick-down{animation:none!important}.skeleton{animation:none}}.table-wrap{max-height:72vh;overflow:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.table th{background:var(--bg-panel-raised);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border-strong);white-space:nowrap;z-index:2;padding:8px 10px;font-size:10.5px;font-weight:600;position:sticky;top:0}.table td{border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;padding:7px 10px}.table tr:hover td{background:var(--bg-hover)}.table th.num,.table td.num{text-align:right}.table td.ref,.table a.ref{color:var(--gold);font-weight:600}.table a.ref:hover{text-decoration:underline}.table tr.total td{background:var(--bg-panel-raised);border-top:1px solid var(--border-strong);font-weight:700}.table.compact td{padding:5px 8px}.pager{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.pager .pages{gap:4px;display:flex}.pager button{border:1px solid var(--border);min-width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;font-size:11px}.pager button.active{background:var(--gold);border-color:var(--gold);color:#0c1c28;font-weight:700}.pager button:disabled{opacity:.4;cursor:default}.filterbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.filterbar .field{min-width:130px}.filterbar .field.grow{flex:1;min-width:180px}.filterbar .actions{gap:6px;margin-left:auto;display:flex}.tabs{border-bottom:1px solid var(--border);gap:2px;padding:0 4px;display:flex;overflow-x:auto}.tabs a,.tabs button{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 12px;font-size:12px;font-weight:600;display:inline-flex}.tabs a.active,.tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.tabs .count{background:var(--bg-panel-raised);color:var(--text-secondary);border-radius:9px;padding:0 6px;font-size:10px}.quote-block{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;display:grid}.quote-panel{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;min-height:92px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.quote-panel.sell{background:linear-gradient(#d63f3f 0%,#b73232 100%)}.quote-panel.buy{background:linear-gradient(#10a874 0%,#0d8a5f 100%)}.quote-panel:disabled{cursor:default}.quote-panel .price-big{letter-spacing:-.8px;color:#fff;font-size:34px;font-weight:700;line-height:1}.quote-panel .lbl{letter-spacing:1.2px;text-transform:uppercase;color:#ffffffd9;margin-top:6px;font-size:11px;font-weight:700}.quote-panel .sub{color:#ffffffb3;font-size:10px}.quote-panel.disabled{filter:grayscale(.6)brightness(.7)}.spread-box{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-panel-raised);flex-direction:column;justify-content:center;align-items:center;min-width:86px;padding:10px 14px;display:flex}.spread-box b{font-size:20px;font-weight:700}.spread-box span{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;font-size:10px}.tick-up{animation:.5s ease-out tickUp}.tick-down{animation:.5s ease-out tickDown}@keyframes tickUp{0%{box-shadow:inset 0 0 0 200px #ffffff2e}to{box-shadow:inset 0 0 0 200px #fff0}}@keyframes tickDown{0%{box-shadow:inset 0 0 0 200px #00000038}to{box-shadow:inset 0 0 0 200px #0000}}.stats{grid-template-columns:1fr auto;gap:5px 12px;font-size:12px;display:grid}.stats .k{color:var(--text-secondary)}.stats .v{text-align:right;font-weight:500}.chart-tf{gap:2px;display:flex}.chart-tf button{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.chart-tf button.active{background:var(--bg-panel-raised);color:var(--text-primary);border-color:var(--border-strong)}.chart-host{height:380px;position:relative}.chart-host.full{z-index:100;background:var(--bg-app);height:auto;padding:16px;position:fixed;inset:0}.ticket-body{flex-direction:column;gap:10px;padding:12px;display:flex}.ticket .summary{grid-template-columns:1fr auto;row-gap:4px;font-size:12px;display:grid}.ticket .summary .k{color:var(--text-secondary)}.ticket .summary .v{text-align:right;font-weight:600}.ticket .cta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.note{border-radius:var(--radius-sm);border:1px solid;padding:8px 10px;font-size:11.5px;line-height:1.4}.note.info{background:var(--info-soft);color:#bfe8fb;border-color:#38bdf84d}.note.warn{background:var(--warning-soft);color:#fbd38d;border-color:#f59e0b59}.note.danger{background:var(--sell-soft);color:#fca5a5;border-color:#ef444459}.note.success{background:var(--buy-soft);color:#a7f3d0;border-color:#10b98159}.stepper{align-items:center;max-width:560px;margin:4px 0 16px;display:flex}.step{color:var(--text-muted);white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.step .n{border:1px solid var(--border-strong);background:var(--bg-panel);border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.step.active{color:var(--text-primary)}.step.active .n{background:var(--gold);border-color:var(--gold);color:#0c1c28}.step.done{color:var(--text-secondary)}.step.done .n{background:var(--buy);border-color:var(--buy);color:#fff}.step-line{background:var(--border-strong);flex:1;min-width:30px;height:1px;margin:0 12px}.kv{grid-template-columns:1fr auto;font-size:12.5px;display:grid}.kv>div{border-bottom:1px solid var(--border);min-width:0;padding:7px 0}.kv>div:nth-child(odd){color:var(--text-secondary);padding-right:12px}.kv>div:nth-child(2n){text-align:right;font-weight:600}.kv>div.big{font-size:16px}.kv.plain>div{border-bottom:0;padding:3px 0}.timeline{flex-direction:column;display:flex}.tl-item{grid-template-columns:14px 1fr;gap:10px;padding:8px 0;display:grid;position:relative}.tl-item:not(:last-child):before{content:"";background:var(--border-strong);width:1px;position:absolute;top:22px;bottom:-8px;left:6px}.tl-dot{background:var(--bg-panel-raised);border:2px solid var(--gold);border-radius:50%;width:13px;height:13px;margin-top:2px}.tl-item.close .tl-dot{border-color:var(--info)}.tl-item.danger .tl-dot{border-color:var(--sell)}.tl-title{font-size:12px;font-weight:600}.tl-meta{color:var(--text-muted);font-size:11px}.empty{text-align:center;color:var(--text-secondary);white-space:normal;padding:36px 16px}.empty b{color:var(--text-primary);margin-bottom:4px;font-size:13px;display:block}.skeleton{background:linear-gradient(90deg, var(--bg-panel-raised) 25%, #15303f 50%, var(--bg-panel-raised) 75%);background-size:200% 100%;border-radius:4px;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{z-index:200;flex-direction:column;gap:8px;width:360px;max-width:calc(100vw - 32px);display:flex;position:fixed;top:58px;right:16px}.toast{border-radius:var(--radius-md);background:var(--bg-panel-raised);border:1px solid;justify-content:space-between;gap:10px;padding:10px 12px;font-size:12px;display:flex;box-shadow:0 10px 30px #00000073}.toast.success{border-color:#10b98180}.toast.error{border-color:#ef444480}.toast.info{border-color:#38bdf880}.toast button{color:var(--text-muted);cursor:pointer;background:0 0;border:0}.modal-bg{z-index:150;background:#030a10b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:92vh;overflow:auto;box-shadow:0 24px 60px #0009}.modal .panel-h{font-size:14px}.countdown{font-variant-numeric:tabular-nums;background:var(--bg-panel-raised);border:1px solid var(--border-strong);border-radius:4px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.countdown.low{color:var(--warning);border-color:#f59e0b80}.countdown.expired{color:var(--sell);border-color:#ef444480}.donut{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.legend{flex-direction:column;gap:6px;font-size:12px;display:flex}.legend .sw{border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.report-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;min-height:108px;padding:14px;display:flex;position:relative}.report-card:hover{background:var(--bg-panel-raised);border-color:#e5ac2b80}.report-card .ic{background:var(--gold-soft);width:30px;height:30px;color:var(--gold);border-radius:6px;place-items:center;display:grid}.report-card b{font-size:13px}.report-card p{color:var(--text-secondary);margin:0;font-size:11.5px}.report-card .arrow{color:var(--text-muted);position:absolute;top:12px;right:12px}.warn-list{flex-direction:column;gap:6px;display:flex}.warn-item{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel-raised);align-items:flex-start;gap:10px;padding:8px 10px;font-size:12px;display:flex}.warn-item:hover{border-color:var(--border-strong)}.warn-item .sev{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.warn-item .sev.danger{background:var(--sell)}.warn-item .sev.warning{background:var(--warning)}.warn-item .sev.info{background:var(--info)}.meter{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;height:6px;overflow:hidden}.meter>i{background:var(--gold);height:100%;display:block}.meter.warn>i{background:var(--warning)}.meter.danger>i{background:var(--sell)}.login-wrap{background:radial-gradient(1200px 600px at 70% -10%, #e5ac2b14, transparent), var(--bg-app);place-items:center;min-height:100vh;display:grid}.login{width:380px;max-width:calc(100vw - 32px)}.terminal{grid-template-columns:360px minmax(0,1fr) 320px;grid-template-areas:"ticket market margin""workspace workspace workspace";align-items:start;gap:12px;display:grid}.terminal-ticket{flex-direction:column;grid-area:ticket;gap:12px;min-width:0;display:flex}.terminal-market{grid-area:market;min-width:0}.terminal-margin{flex-direction:column;grid-area:margin;gap:12px;min-width:0;display:flex}.terminal-workspace{grid-area:workspace;min-width:0}.quote-block.tiles{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding-top:12px;position:relative}.quote-block.tiles .quote-panel{min-width:0;min-height:84px;padding:12px 10px}.quote-block.tiles .price-big{font-size:28px}.quote-panel.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}.spread-pill{z-index:1;background:var(--bg-panel-raised);border:1px solid var(--border-strong);cursor:help;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:700;line-height:1.4;position:absolute;top:0;left:50%;transform:translate(-50%)}.instrument-list{border-bottom:1px solid var(--border);overflow-x:auto}.instrument-list .table td{padding:6px 10px}.workspace-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-right:8px;display:flex}.workspace-head .tabs{border-bottom:0}.workspace-body .table-wrap{max-height:320px}.detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px;display:grid}.compare .box{text-align:center;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-panel-raised);padding:10px}.compare .box .t{letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;font-size:10px}.compare .box .p{font-size:22px;font-weight:700}.compare .arrow{color:var(--text-muted);font-size:20px}.pct-btns{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pct-btns button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-secondary);cursor:pointer;padding:7px 0;font-weight:600}.pct-btns button.active{background:var(--gold);border-color:var(--gold);color:#0c1c28}.halt-banner{background:var(--sell-soft);color:#fca5a5;text-align:center;border-bottom:1px solid #ef444466;padding:7px 16px;font-size:12px;font-weight:600}details.json{color:var(--text-secondary);font-size:11px}details.json pre{white-space:pre-wrap;word-break:break-all;background:var(--bg-input);border-radius:4px;max-height:180px;margin:4px 0 0;padding:6px 8px;overflow:auto}@media (width<=1439px){:root{--sidebar-w:176px}.terminal{grid-template-columns:330px minmax(0,1fr);grid-template-areas:"ticket market""margin market""workspace workspace"}.grid-6,.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.terminal{grid-template-columns:minmax(0,1fr);grid-template-areas:"market""ticket""margin""workspace"}.detail-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.search input{width:160px}}@media (width<=820px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.grid-2,.grid-3,.grid-4,.grid-5,.grid-6{grid-template-columns:1fr 1fr}.quote-panel .price-big{font-size:26px}.server-time,.user-chip .who,.search{display:none}.main{padding:12px}}