:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:#020617}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#020617,#111827 55%,#0f172a)}*{box-sizing:border-box}#root{min-height:100vh}.shell{max-width:1280px;margin:0 auto;padding:2rem 1.25rem 3rem}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin-bottom:1.25rem;border:1px solid rgba(148,163,184,.18);border-radius:18px;background:#0f172ae6;box-shadow:0 12px 30px #02061747}.top-bar-left{display:flex;align-items:baseline;gap:.65rem}.logo{font-size:1.35rem;font-weight:700;color:#f8fafc}.logo-sub{font-size:.95rem;color:#94a3b8}.symbol-badge{padding:.45rem .8rem;border-radius:999px;background:#3b82f629;color:#bfdbfe;font-weight:600;font-size:.95rem}.section{margin-bottom:1.5rem;padding:1.1rem 1.2rem;border:1px solid rgba(148,163,184,.16);border-radius:18px;background:#0f172ae6;box-shadow:0 10px 24px #02061738}.section-title{margin:0 0 .9rem;display:flex;align-items:center;justify-content:space-between;font-size:1.05rem;letter-spacing:.02em;color:#f8fafc}.stats-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem .75rem;margin-bottom:1.25rem;border-radius:18px;background:#0f172ae6;border:1px solid rgba(148,163,184,.16)}.stat{min-width:140px;padding:.8rem 1rem;border-radius:14px;background:#1e293bb3;text-align:center}.stat-label{display:block;font-size:.82rem;color:#94a3b8;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.08em}.stat-value{font-size:1.12rem;font-weight:700;color:#f8fafc}.stat-value.bid{color:#34d399}.stat-value.ask{color:#f87171}.stat-value.conn-live{color:#34d399}.stat-value.conn-dead{color:#fbbf24}.stat-value.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stat-divider,.stat-spacer{display:none}.order-form{display:flex;flex-direction:column;gap:.7rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;align-items:end}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;color:#cbd5e1}.field span{font-size:.8rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}input,select,button{border-radius:12px;border:1px solid rgba(148,163,184,.2);padding:.7rem .8rem;background:#111827;color:#f8fafc;font-size:.95rem}input:focus,select:focus{outline:2px solid rgba(59,130,246,.35);border-color:#3b82f6a6}button{cursor:pointer;font-weight:700;border:none;background:linear-gradient(135deg,#2563eb,#4f46e5)}.btn-submit.buy{background:linear-gradient(135deg,#16a34a,#059669)}.btn-submit.sell{background:linear-gradient(135deg,#dc2626,#b91c1c)}.flash{margin:0;padding:.75rem .9rem;border-radius:12px;font-size:.95rem;text-align:center}.flash-ok{background:#10b98129;color:#bbf7d0}.flash-err{background:#f8717126;color:#fecaca}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel-label{margin-bottom:.55rem;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-label.bid{color:#34d399}.panel-label.ask{color:#f87171}.book-panel{border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#02061799;overflow:hidden}.book-header,.book-row{display:grid;grid-template-columns:.85fr 1.05fr .65fr 1fr .7fr auto;align-items:center;gap:.5rem;padding:.75rem .9rem;font-size:.95rem}.book-header{font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;background:#0f172af2;border-bottom:1px solid rgba(148,163,184,.16)}.book-row{position:relative;border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0}.book-row:last-child{border-bottom:0}.book-row.bid{background:#10b98112}.book-row.ask{background:#f8717112}.depth-bar{position:absolute;top:0;bottom:0;z-index:0;opacity:.18;border-radius:0 999px 999px 0}.depth-bar.bid{background:#34d399}.depth-bar.ask{background:#f87171}.book-row>*{position:relative;z-index:1}.col-price.bid{color:#34d399;font-weight:700}.col-price.ask{color:#f87171;font-weight:700}.col-id,.col-qty,.col-time,.col-depth{font-variant-numeric:tabular-nums}.btn-cancel{padding:.25rem .45rem;min-width:2rem;border-radius:999px;background:#f871712e;color:#fecaca;font-size:.9rem}.book-empty{padding:1rem .9rem;color:#94a3b8;text-align:center}.fill-table-wrap{overflow-x:auto}.fill-table{width:100%;border-collapse:collapse;min-width:720px}.fill-table th,.fill-table td{padding:.75rem .8rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.12);font-size:.95rem}.fill-table th{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8}.fill-table tr:nth-child(2n){background:#0f172a59}.fill-row.buy{color:#34d399}.fill-row.sell{color:#f87171}.fill-empty{text-align:center;color:#94a3b8;padding:1rem}@media(max-width:900px){.book-grid{grid-template-columns:1fr}.stats-bar{justify-content:flex-start}}@media(max-width:640px){.shell{padding:1rem .8rem 2rem}.top-bar{flex-direction:column;align-items:flex-start;gap:.7rem}.section{padding:.95rem}.form-row{grid-template-columns:1fr}.book-header,.book-row{grid-template-columns:1fr 1fr .8fr 1fr .8fr auto;font-size:.9rem}}