:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f4ef;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#090b0c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#1c2422eb,#090b0cfa 380px),#090b0c;min-width:320px;min-height:100vh;margin:0}button{font:inherit}code,.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,ui-monospace,monospace}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b0cd1;border-bottom:1px solid #8c99912e;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:16px clamp(16px,4vw,34px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#80e7b9;background:#101716;border:1px solid #80e7b970;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand h1,.brand p,.auth-panel h2,.auth-panel p,.table-toolbar h2,.table-toolbar p{margin:0}.brand h1{font-size:17px;line-height:1.15}.brand p{color:#9aa6a0;margin-top:3px;font-size:13px}.dashboard{gap:18px;width:min(1600px,100%);margin:0 auto;padding:22px clamp(14px,3vw,30px) 34px;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:#131616d1;border:1px solid #8c99912e;border-radius:8px;align-items:center;gap:14px;min-height:82px;padding:16px;display:flex}.metric-icon{color:#80e7b9;background:#80e7b91a;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.metric span{color:#9aa6a0;font-size:12px;display:block}.metric strong{margin-top:4px;font-size:24px;line-height:1;display:block}.metric.warning .metric-icon{color:#f6c86b;background:#f6c86b1c}.metric.danger .metric-icon{color:#ff7a7a;background:#ff7a7a1f}.metric.success .metric-icon{color:#80e7b9;background:#80e7b921}.orders-surface,.auth-panel{background:#0d0f10e0;border:1px solid #8c999133;border-radius:8px;box-shadow:0 20px 80px #00000038}.table-toolbar{border-bottom:1px solid #8c999124;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.table-toolbar h2{font-size:18px}.table-toolbar p{color:#9aa6a0;margin-top:4px;font-size:12px}.table-scroll{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;min-width:1180px}.orders-table th{color:#9aa6a0;text-align:left;text-transform:uppercase;padding:11px 12px;font-size:11px;font-weight:700}.orders-table td{vertical-align:middle;border-top:1px solid #8c99911a;padding:13px 12px}.order-row{cursor:pointer;transition:background .16s,border-color .16s}.order-row:hover{background:#80e7b90b}.expand-button,.icon-button{color:#d7ded8;cursor:pointer;background:#121616;border:1px solid #8c999133;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.expand-button:hover,.icon-button:hover{color:#80e7b9;border-color:#80e7b97a}.compact-id{color:#d5ede1;font-size:12px}.route-cell{align-items:center;gap:9px;min-width:320px;display:flex}.route-arrow{color:#77817b;font-size:12px}.asset-label{gap:3px;min-width:0;display:grid}.asset-label span{color:#f2f4ef;font-size:13px;font-weight:700}.asset-label code{color:#9aa6a0;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:11px;overflow:hidden}.kind-pill,.status-pill,.stream-badge{color:#d7ded8;white-space:nowrap;background:#ffffff09;border:1px solid #8c99912e;border-radius:999px;align-items:center;gap:7px;min-height:28px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-pill.success,.stream-badge.live{color:#9ff3ca;background:#80e7b91a;border-color:#80e7b957}.status-pill.danger,.stream-badge.error,.stream-badge.closed{color:#faa;background:#ff7a7a1c;border-color:#ff7a7a59}.status-pill.active,.stream-badge.connecting{color:#a8cbff;background:#7db4ff1c;border-color:#7db4ff59}.status-pill.waiting,.stream-badge.idle{color:#f7d58c;background:#f6c86b1a;border-color:#f6c86b52}.quote-cell{color:#9aa6a0;gap:4px;font-size:12px;display:grid}.quote-cell code{color:#f2f4ef}.progress-cell{gap:5px;min-width:220px;display:grid}.progress-cell>span{color:#d7ded8;font-size:12px;font-weight:700}.progress-cell em{color:#9aa6a0;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;font-style:normal;overflow:hidden}.progress-bar{background:#232929;border-radius:999px;height:7px;overflow:hidden}.progress-bar span{border-radius:inherit;height:100%;display:block}.progress-bar.success span{background:#80e7b9}.progress-bar.warning span{background:#f6c86b}.progress-bar.danger span{background:#ff7a7a}.details-row td{background:#090b0c9e;padding:0}.details-grid{grid-template-columns:1fr 1fr minmax(280px,.8fr);gap:14px;padding:18px;display:grid}.detail-block{background:#131616c2;border:1px solid #8c999129;border-radius:8px;min-width:0;padding:15px}.detail-block h3{color:#f2f4ef;text-transform:uppercase;margin:0 0 14px;font-size:13px}.timeline{gap:12px;display:grid}.timeline-item{grid-template-columns:20px minmax(0,1fr);gap:10px;display:grid}.status-dot{background:#f6c86b;border-radius:999px;width:14px;height:14px;margin-top:4px;display:block}.status-dot.success{color:#80e7b9;background:0 0}.status-dot.danger{background:#ff7a7a}.status-dot.active{background:#7db4ff}.timeline-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timeline-title strong{color:#f2f4ef}.timeline-title span{color:#9aa6a0}.timeline-meta{color:#77817b;flex-wrap:wrap;gap:8px;margin-top:7px;font-size:12px;display:flex}.timeline-meta code,.metadata code{color:#d5ede1}.metadata dl{gap:10px;margin:0;display:grid}.metadata dt{color:#9aa6a0;text-transform:uppercase;font-size:11px;font-weight:700}.metadata dd{min-width:0;margin:0}.metadata code{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.empty,.empty-detail{color:#77817b;text-align:center}.empty-detail{padding:18px 0}.center-stage{place-items:center;min-height:calc(100vh - 76px);padding:28px;display:grid}.auth-panel{text-align:center;justify-items:center;gap:16px;width:min(440px,100%);padding:34px;display:grid}.auth-panel.wide{width:min(600px,100%)}.auth-icon,.loading-mark{color:#80e7b9;background:#80e7b91c;border-radius:12px;place-items:center;width:58px;height:58px;display:grid}.auth-icon.danger{color:#ff7a7a;background:#ff7a7a1f}.auth-icon.warning{color:#f6c86b;background:#f6c86b1f}.auth-panel h2{font-size:28px}.auth-panel p{color:#9aa6a0;overflow-wrap:anywhere;max-width:360px;font-size:14px}.primary-button,.secondary-button{color:#f2f4ef;cursor:pointer;background:#1b3f35;border:1px solid #80e7b96b;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-weight:800;display:inline-flex}.secondary-button{background:#171a1a;border-color:#8c999138}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08)}.notice{color:#f2f4ef;background:#131616db;border:1px solid #8c99912e;border-radius:8px;padding:12px 14px}.notice.error{color:#ffb6b6;background:#ff7a7a1a;border-color:#ff7a7a5c}.missing-list{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.missing-list code{color:#f7d58c;background:#f6c86b17;border:1px solid #f6c86b42;border-radius:8px;padding:7px 9px}.user-menu{align-items:center;gap:10px;min-width:0;display:flex}.user-chip{color:#d7ded8;text-overflow:ellipsis;white-space:nowrap;background:#121616;border:1px solid #8c99912e;border-radius:8px;max-width:min(280px,28vw);padding:8px 10px;font-size:13px;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=980px){.metrics,.details-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.topbar,.user-menu{flex-direction:column;align-items:flex-start}.metrics,.details-grid{grid-template-columns:1fr}.user-chip{max-width:100%}.auth-panel{padding:26px 18px}}