:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07111f;--bg-secondary:#0b1728;--panel:#0c1728f0;--panel-strong:#0a1423fa;--border:#5c7ca83d;--border-strong:#7ba8ff57;--text:#e9f1ff;--text-soft:#8da3c7;--green:#37e27d;--red:#ff5d6c;--blue:#4fa3ff;--yellow:#f3bc58;--shadow:0 16px 40px #00000057}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,#1e498d38,#0000 30%),linear-gradient(#081321 0%,#050c17 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-page{min-height:100vh;padding:24px}.dashboard-shell{border:1px solid var(--border-strong);max-width:1600px;box-shadow:var(--shadow);background:linear-gradient(#091422f5,#060e18fa);border-radius:24px;margin:0 auto;padding:20px}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.dashboard-grid__top{grid-column:1/-1}.dashboard-grid__main-chart{grid-column:1/7}.dashboard-grid__server-load{grid-column:7/10}.dashboard-grid__network{grid-column:10/13}.dashboard-grid__order-book{grid-column:1/13}.dashboard-grid__volume{grid-column:7/13}.dashboard-grid__trades{grid-column:1/7}.dashboard-grid__activity{grid-column:7/10}.dashboard-grid__metrics{grid-column:10/13}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.dashboard-header__eyebrow{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.dashboard-header__title{margin:0;font-size:32px;line-height:1}.dashboard-header__status{border:1px solid var(--border);color:var(--text-soft);background:#0b1728b8;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:inline-flex}.dashboard-header__controls{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.stream-badge{border:1px solid var(--border);min-width:72px;color:var(--text-soft);text-transform:uppercase;background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;display:inline-flex}.stream-badge--warning{color:var(--yellow);background:#f3bc5814;border-color:#f3bc5847}.stream-badge--latency{color:var(--blue);background:#4fa3ff14;border-color:#4fa3ff47}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot--live{background:var(--green);box-shadow:0 0 14px #37e27de6}.status-dot--offline{background:var(--red);box-shadow:0 0 14px #ff5d6ce6}.pair-selector{border:1px solid var(--border);background:#0b1728b8;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.pair-selector__label{color:var(--text-soft);font-size:13px}.pair-selector__control{color:var(--text);cursor:pointer;background:0 0;border:0;outline:none;font-size:14px}.market-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.market-card,.widget{border:1px solid var(--border);background:linear-gradient(#122138eb,#08111dfa);border-radius:18px;box-shadow:inset 0 1px #ffffff08,0 10px 30px #00000038}.market-card{flex-direction:column;gap:10px;min-height:132px;padding:14px;display:flex}.market-card__top,.market-card__middle{justify-content:space-between;align-items:center;gap:10px;display:flex}.market-card__label{color:var(--text-soft);letter-spacing:.03em;font-size:13px;font-weight:600}.market-card__change{white-space:nowrap;font-size:14px;font-weight:700}.market-card__value{font-size:22px;font-weight:800;line-height:1}.market-card__chart{margin-top:auto}.market-card__chart>div{height:56px!important}.market-card__arrow{border-left:10px solid #0000;border-right:10px solid #0000;flex-shrink:0;width:0;height:0;display:inline-block}.market-card__arrow--up{border-bottom:16px solid var(--green)}.market-card__arrow--down{border-top:16px solid var(--red)}.market-card--gauge{justify-content:space-between}.market-card__gauge{flex:1;justify-content:center;align-items:center;display:flex}.market-card__gauge-ring{aspect-ratio:1;background:radial-gradient(circle at center, #0d1727 54%, transparent 56%), conic-gradient(var(--green) 0 28%, var(--yellow) 28% 68%, var(--red) 68% 100%);border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:94px;display:flex}.market-card__gauge-ring span{color:var(--text);font-size:24px;font-weight:800}.widget{min-height:240px;padding:16px}.widget__header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.widget__title{margin:0 0 6px;font-size:22px;line-height:1.1}.widget__subtitle{color:var(--text-soft);margin:0;font-size:13px}.widget__body{height:calc(100% - 48px);min-height:0}.dashboard-grid__main-chart .widget{min-height:420px}.widget-state,.chart-placeholder,.map-placeholder{min-height:180px;color:var(--text-soft);text-align:center;border-radius:16px;justify-content:center;align-items:center;padding:16px;display:flex}.widget-state{background:linear-gradient(#1931532e,#08122059);border:1px dashed #6d96d847}.widget-state--warning{color:var(--yellow);border-color:#f3bc5847}.widget-state--error{color:var(--red);border-color:#ff5d6c47}.chart-placeholder,.map-placeholder{background:linear-gradient(#19315359,#08122080),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 42px);border:1px dashed #6d96d847}.trades__controls{justify-content:space-between;gap:10px;margin-bottom:10px;display:flex}.trades__filters{gap:6px;display:flex}.trades__filters button{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.trades__filters button.active{color:var(--text);border-color:var(--border-strong);background:#ffffff0f}.trades__controls select{border:1px solid var(--border);color:var(--text);cursor:pointer;background:#0b1728b8;border-radius:8px;outline:none;padding:6px 10px}.trades__controls select:focus{border-color:var(--border-strong);box-shadow:0 0 0 2px #4fa3ff1f}.trades__controls option{color:var(--text);background:#0b1728}.trades-placeholder__head{color:var(--text-soft);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:10px;padding:10px 12px;font-size:13px;display:grid}.trades-placeholder__body{flex-direction:column;gap:8px;display:flex}.trade-row{border:1px solid #0000;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;min-height:44px;padding:10px 12px;font-size:14px;transition:transform .18s,background-color .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.trade-row--buy{background:#37e27d14;border-color:#37e27d1f}.trade-row--sell{background:#ff5d6c14;border-color:#ff5d6c1f}.trade-row--flash{animation:.6s tradeFlash}.trade-row__volume-bar{opacity:.12;pointer-events:none;position:absolute;inset:0}.trade-row__volume-fill{background:var(--blue);height:100%}.trade-row--buy.trade-row--flash{animation:.6s tradeFlashBuy}.trade-row--sell.trade-row--flash{animation:.6s tradeFlashSell}@keyframes tradeFlash{0%{background:#ffffff40}to{background:0 0}}@keyframes tradeFlashBuy{0%{background:#37e27d59}to{background:0 0}}@keyframes tradeFlashSell{0%{background:#ff5d6c59}to{background:0 0}}.order-book{flex-direction:column;gap:16px;display:flex}.order-book__spread{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.order-book__controls{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:10px;display:flex}.order-book__controls span{color:var(--text-soft);font-size:12px}.order-book__controls select{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:4px 8px}.order-book__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.order-book-spread-card{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:12px 14px}.order-book-spread-card strong{font-size:20px;line-height:1.1;display:block}.order-book-spread-card__label{color:var(--text-soft);margin-bottom:8px;font-size:13px;display:inline-block}.order-book-panel{border:1px solid var(--border);background:#070f19b8;border-radius:14px;padding:14px}.order-book-panel__header{margin-bottom:12px}.order-book-panel__header h3{margin:0 0 10px;font-size:18px}.order-book-panel__body{flex-direction:column;gap:8px;display:flex}.order-book-panel--bid h3{color:#63f39b}.order-book-panel--ask h3{color:#ff7b88}.order-book-columns,.order-book-level__content{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.order-book-columns{color:var(--text-soft);font-size:12px}.order-book-level{background:#ffffff08;border:1px solid #0000;border-radius:10px;position:relative;overflow:hidden}.order-book-level__depth{opacity:.22;position:absolute;inset:0 0 0 auto}.order-book-level__content{z-index:1;padding:10px 12px;font-size:14px;position:relative}.order-book-level__price{font-variant-numeric:tabular-nums}.order-book-level--bid{border-color:#37e27d1f}.order-book-level--bid .order-book-level__depth{background:linear-gradient(90deg,#37e27d05,#37e27d57)}.order-book-level--bid .order-book-level__price{color:var(--green)}.order-book-level--ask{border-color:#ff5d6c1f}.order-book-level--ask .order-book-level__depth{background:linear-gradient(90deg,#ff5d6c05,#ff5d6c57)}.order-book-level--ask .order-book-level__price{color:var(--red)}.regional-activity{flex-direction:column;gap:14px;display:flex}.regional-activity__row{flex-direction:column;gap:8px;display:flex}.regional-activity__meta{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.regional-activity__region{color:var(--text);font-weight:600}.regional-activity__value{color:var(--text-soft)}.regional-activity__bar{border:1px solid var(--border);background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.regional-activity__fill{border-radius:inherit;background:linear-gradient(90deg,#4fa3ffbf,#37e27dbf);height:100%}.gauge-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.gauge-card{border:1px solid var(--border);background:#ffffff08;border-radius:14px;flex-direction:column;align-items:center;gap:12px;padding:14px;display:flex}.gauge-card span{color:var(--text-soft);font-size:14px}.gauge-ring{aspect-ratio:1;background:radial-gradient(circle at center, #0d1727 55%, transparent 56%), conic-gradient(var(--blue) 0 70%, #ffffff14 70% 100%);border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:92px;font-weight:700;display:flex}.positive{color:var(--green)}.negative{color:var(--red)}.app-error-boundary{background:radial-gradient(circle at top,#1e498d38,#0000 30%),linear-gradient(#081321 0%,#050c17 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.app-error-boundary__card{background:#0a1423f5;border:1px solid #ff5d6c3d;border-radius:20px;width:min(520px,100%);padding:24px;box-shadow:0 16px 40px #00000057}.app-error-boundary__card h2{margin:0 0 10px;font-size:24px}.app-error-boundary__card p{color:var(--text-soft);margin:0;line-height:1.5}@media (width<=1200px){.market-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid__main-chart,.dashboard-grid__server-load,.dashboard-grid__network,.dashboard-grid__order-book,.dashboard-grid__volume,.dashboard-grid__trades,.dashboard-grid__activity,.dashboard-grid__metrics{grid-column:1/-1}}@media (width<=768px){.dashboard-page{padding:12px}.dashboard-shell{border-radius:18px;padding:14px}.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header__title{font-size:26px}.dashboard-header__controls{flex-direction:column;align-items:flex-start;width:100%}.market-overview,.gauge-list,.order-book__spread,.order-book__grid{grid-template-columns:1fr}}