:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b111b;color:#e7eef8}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex}.sidebar{width:210px;flex:0 0 210px;background:#101a29;border-right:1px solid #243246;padding:24px 12px;display:flex;flex-direction:column}.brand{font-size:29px;font-weight:800;letter-spacing:-2px;padding:1px 12px 36px}.accent{color:#39cc9f}.nav{border:0;background:none;color:#b8c5d7;display:flex;align-items:center;gap:13px;width:100%;font:inherit;font-weight:550;padding:12px 13px;margin:2px 0;border-radius:9px;text-align:left;cursor:pointer}.nav svg{width:23px;height:23px;flex:none}.nav:hover,.nav.active{background:#193347;color:#54ddbb}.nav:focus-visible{outline:2px solid #54ddbb}.navfoot{margin-top:auto;font-size:11px;letter-spacing:.12em;color:#6e849b;padding:15px}main{flex:1;min-width:0;max-width:1500px;padding:37px 5vw 23px}header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.overline{color:#45cfac;letter-spacing:.13em;font-size:11px;font-weight:700}.updated,.muted,footer{font-size:13px;color:#8ca0b8}h1{font-size:31px;margin:4px 0}h2{margin:0 0 10px;font-size:22px}h3{margin:0 0 13px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(120deg,#173c49,#152033);border:1px solid #285263;border-radius:16px;padding:32px;margin-bottom:19px}.hero p:not(.overline){color:#afc4d0}.mode{background:#253544;border-radius:30px;padding:9px 15px;font-size:13px;font-weight:600;white-space:nowrap}.mode.on{color:#65e6aa;background:#194d40}.mode.off{color:#f6bd8c;background:#4a3829}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat,.panel,.service{border:1px solid #243348;border-radius:13px;padding:23px;background:#121d2b}.tag{color:#8da4bc;font-size:13px}.value{font-size:29px;font-weight:700;margin-top:13px;overflow-wrap:anywhere}.value.small{font-size:15px;line-height:1.6}.panel p{max-width:840px}.page{display:none}.page.shown{display:block}.section-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:20px}.section-heading h2{display:flex;gap:10px;align-items:center}.section-heading p{font-size:13px;color:#9aaec4}.heart-icon{width:28px;height:28px;color:#44daa8}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:12px;color:#9caac0}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#8797aa}.dot.ok{background:#38d89e;box-shadow:0 0 9px #38d89e55}.dot.error{background:#fa727e}.dot.warning{background:#f4b263}.dot.disabled,.dot.unknown{background:#7d8a9b}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service{padding:19px}.service-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.service-top strong{font-size:15px}.status-badge{font-size:11px;text-transform:uppercase;border-radius:7px;background:#253646;padding:6px 8px;color:#b7c4d7}.status-badge.ok{background:#193e35;color:#58dba4}.status-badge.error{background:#49272d;color:#ff8b96}.status-badge.warning{background:#4d3b28;color:#f4bb75}.service p{color:#9aabc0;line-height:1.5;font-size:13px;overflow-wrap:anywhere;margin:13px 0 0}.hint{margin-top:25px}footer{margin-top:45px;border-top:1px solid #243348;padding-top:20px}@media(max-width:900px){.sidebar{width:75px;flex-basis:75px}.nav-name{display:none}.brand{font-size:22px;padding-left:4px}.navfoot{font-size:9px;writing-mode:vertical-lr}.stats,.services{grid-template-columns:1fr}main{padding:26px 20px}.hero{flex-direction:column;align-items:start}}@media(max-width:480px){.sidebar{width:61px;flex-basis:61px;padding:13px 7px}main{padding:19px 12px}header{flex-direction:column;align-items:start}.stat,.panel,.service{padding:16px}}
.login-wrap{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#0b111b;padding:20px}.login-wrap[hidden]{display:none}.login-card{max-width:480px;width:100%;box-shadow:0 20px 80px #0008}.login-card label{display:block;margin:18px 0}.login-card input{width:100%;margin-top:7px}button,input,select{font:inherit}input,select{background:#0d1724;color:#e7eef8;border:1px solid #41546d;border-radius:7px;padding:10px;min-width:0}button:not(.nav){cursor:pointer;border:1px solid #3c5570;background:#203249;color:#dfebfa;border-radius:7px;padding:9px 13px}button.action{background:#205745;color:#9af1cf;border-color:#3d9a7d}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #60e4bc;outline-offset:3px}button.quiet{font-size:12px;margin-top:8px}.filters{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:24px 0}.filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b2c4da}.filters input{width:150px}.filters input[type=datetime-local]{width:200px}.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.trace-list{border:1px solid #2b3c52;border-radius:12px;max-height:60vh;overflow:auto}.event{padding:13px 17px;border-bottom:1px solid #25354b;font-size:13px}.event:last-child{border-bottom:0}.event-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.event time{color:#91a8c3;font-variant-numeric:tabular-nums}.event.error{border-left:3px solid #ff8b96}.event.warning{border-left:3px solid #e7b675}.event summary{cursor:pointer}.event pre,.trade-details pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#bdd2e9;font-size:12px;max-height:400px;overflow:auto}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics .value{font-size:23px}.table-wrap{overflow:auto;border:1px solid #2a3d52;border-radius:10px}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:830px}th,td{padding:15px 12px;border-bottom:1px solid #26374d;vertical-align:top}th{color:#9cb6ce;font-weight:500;background:#152337}.trade-details td{background:#111e2c}.trade-details dl{display:grid;grid-template-columns:180px minmax(0,1fr);gap:9px;font-size:13px}.trade-details dt{color:#90abc4}.trade-details dd{margin:0;overflow-wrap:anywhere}.positive{color:#6ce0ac}.negative,#login-error{color:#ff919b}#stream-state{font-size:12px;color:#b3cce0}#trace-correlation{width:220px}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.metrics{grid-template-columns:1fr}.filters label,.filters input,.filters select{width:100%}.filters input[type=datetime-local],#trace-correlation{width:100%}.trade-details dl{grid-template-columns:1fr}.trace-list{max-height:65vh}}

.decision-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.fact strong{display:block;margin-top:4px}.panel details{margin:10px 0}#data-sources pre{max-height:340px;overflow:auto}#decision-list pre{max-height:400px;overflow:auto}
.plain-list{margin:0;padding-left:20px;color:#b9c9dc}.plain-list li{margin:9px 0;line-height:1.45}
.metric-chart{width:100%;height:auto;display:block;border:1px solid #2b3c52;border-radius:9px;background:#0d1724}.compact-list{display:grid;gap:9px}.compact-row{border:1px solid #2b3c52;border-radius:8px;padding:11px;overflow-wrap:anywhere}.compact-row .muted{display:block;margin-top:4px}

.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
@media(max-width:900px){.overview-grid{grid-template-columns:1fr}}