:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e3e8ec;background:#101416;--muted:#8f9a9f;--line:#2b3438;--accent:#98d4c4;--red:#ff9a92;--amber:#e6c07f;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.top{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 36px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;letter-spacing:1.5px;color:inherit;text-decoration:none}.brand-icon{color:var(--accent);font-size:26px}.brand-sub{font-weight:400;letter-spacing:0;color:var(--muted)}.live{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.live i{width:6px;height:6px;border-radius:50%;background:#68757b}.live i.good{background:var(--accent);box-shadow:0 0 0 4px #98d4c40d}time{font-variant-numeric:tabular-nums}.live time{margin-left:12px}main{max-width:1600px;margin:auto;padding:32px 36px}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--accent);margin:0 0 12px}h1{font-size:30px;font-weight:550;letter-spacing:-.8px;margin:0 0 10px}h2{font-size:15px;font-weight:550;margin:0}.muted{color:var(--muted);font-size:12px;line-height:1.6}.intro p:last-child{margin:0}.text-link{color:#b3c1c5;font-size:12px;text-decoration:none}.text-link:hover{color:var(--accent)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#151b1e}.status{padding:22px 24px;min-width:0;display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--line)}.status:last-child{border:0}.caption{font-size:10px;letter-spacing:1.4px;color:var(--muted)}.status strong{font-size:23px;font-weight:500;line-height:1.25;letter-spacing:-.4px;min-height:29px}.status strong small{font-size:13px;color:var(--muted);font-weight:400}.status .muted{font-size:11px}.meter{height:3px;background:#2c363a;margin-top:-5px}.meter span{display:block;height:100%;width:0;background:var(--accent);transition:width .3s}.good{color:var(--accent)}.bad{color:var(--red)}.warn{color:var(--amber)}.flow-panel{margin:22px 0 28px;padding:20px 24px;background:#151b1e;border:1px solid var(--line);border-radius:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading p{margin:6px 0 0}.pill{font-size:11px;color:#a6b8bc;border:1px solid #344348;border-radius:5px;padding:5px 8px;white-space:nowrap}.flow{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:23px 0 0;list-style:none;gap:22px}.flow li{display:grid;grid-template-columns:28px 1fr;gap:5px 9px;border-top:2px solid #354045;padding-top:14px;color:#8b969c}.flow li>span{font:11px ui-monospace,monospace;grid-row:span 2;padding-top:3px}.flow li b{font-size:13px;font-weight:500}.flow li small{font-size:11px;color:var(--muted)}.flow li.reached{border-color:#658e82;color:#b6d8cd}.flow li.active{border-color:var(--accent);color:#c4efdf}.workspace{display:grid;grid-template-columns:305px minmax(0,1fr);gap:20px}.panel{border:1px solid var(--line);border-radius:8px;background:#151b1e;min-width:0}.panel>.section-heading{padding:20px 20px 0}.count{font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:6px}.hint{margin:12px 20px 16px;font-size:11px}.quiet{border:1px solid #354046;background:transparent;color:#bac6ca;padding:7px 9px;border-radius:5px;font-size:11px}.quiet:hover,.quiet[aria-pressed=true]{background:#25332f;color:var(--accent);border-color:#587d70}.actions{display:flex;gap:6px}.request-list{max-height:505px;overflow:auto;padding-bottom:8px}.request{display:block;text-align:left;width:100%;border:0;border-left:2px solid transparent;border-bottom:1px solid #242d31;background:transparent;color:inherit;padding:16px 18px}.request:hover{background:#1b2427}.request.selected{background:#202e2a;border-left-color:var(--accent)}.request-top{display:flex;justify-content:space-between;font-size:12px}.request-top time{color:var(--muted);font-size:11px}.request-outcome{display:block;font-size:12px;margin:10px 0 6px;overflow-wrap:anywhere}.request-meta{font:10px ui-monospace,monospace;color:var(--muted)}.toolbar{display:flex;gap:10px;padding:18px 20px 0}.search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:#101618;border:1px solid #344046;border-radius:5px;padding:0 10px}.search span{font-size:23px;color:#71838b}input,select{background:#101618;color:#dbe5e8;border:1px solid #344046;border-radius:5px;padding:10px 12px;min-width:0}input::placeholder{color:#7d8c94}.search input{border:0;flex:1;width:100%;padding:9px 0;font-size:12px}select{font-size:11px;max-width:180px}.filter-note{font-size:10px;margin:12px 20px}.log-head,.log-row{display:grid;grid-template-columns:72px minmax(0,1fr) 64px;gap:10px}.log-head{font-size:9px;letter-spacing:1px;color:#829299;padding:11px 20px;background:#192125;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.log-list{height:430px;overflow:auto;scrollbar-color:#45565d transparent}.log-row{padding:12px 20px;border-bottom:1px solid #232d32;font-size:12px}.log-row time,.sid{font:10px ui-monospace,monospace;color:#8c9ca3;padding-top:2px}.log-title{display:flex;align-items:center;gap:8px}.dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#72958a}.log-row.error .dot{background:var(--red)}.log-row.warning .dot{background:var(--amber)}.log-details{font:10px/1.6 ui-monospace,monospace;color:#899ba3;margin-top:5px;overflow-wrap:anywhere}.empty{padding:45px 24px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.device-log{margin-top:20px}.device-log pre{font:11px/1.8 ui-monospace,monospace;color:#a7babf;max-height:210px;overflow:auto;padding:16px 20px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:20px;color:#6f838c;font-size:10px;padding:22px 0}.notice{padding:14px 18px;border:1px solid #79613e;color:#e2c38b;background:#2b241a;border-radius:6px;margin-bottom:20px;font-size:12px;line-height:1.6}.login{max-width:570px;border:1px solid var(--line);border-radius:8px;padding:28px;background:#151b1e}.login h2{font-size:21px}.login label{font-size:12px;display:block;margin:24px 0 8px}.form-row{display:flex;gap:10px}.form-row input{flex:1}.form-row button{border:0;background:var(--accent);color:#14251f;border-radius:5px;padding:10px 20px;font-weight:600}.login #login-error{color:var(--red);font-size:12px;line-height:1.5}button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){.status{padding:18px}.status strong{font-size:19px}.workspace{grid-template-columns:250px minmax(0,1fr)}main{padding:24px}.top{padding:0 24px}.flow{gap:12px}.flow li{grid-template-columns:20px 1fr}.flow li small{font-size:10px}}@media(max-width:720px){.top{height:60px;padding:0 16px}.brand-sub,.live time{display:none}.brand{font-size:11px;gap:8px}.live{font-size:10px}main{padding:24px 16px}.intro{display:block;margin-bottom:22px}h1{font-size:25px}.intro .text-link{display:inline-block;margin-top:16px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status{padding:17px;gap:10px;border-bottom:1px solid var(--line)}.status:nth-child(2){border-right:0}.status:nth-child(3),.status:nth-child(4){border-bottom:0}.status strong{font-size:18px}.status .muted{font-size:10px}.caption{font-size:9px}.flow-panel{padding:17px}.flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.flow-panel .pill{font-size:9px;max-width:150px;white-space:normal}.workspace{grid-template-columns:1fr}.request-list{display:flex;max-height:190px;overflow:auto}.request{min-width:205px;max-width:205px;border-left:0;border-bottom:2px solid transparent}.request.selected{border-bottom-color:var(--accent)}.request-top{gap:15px}.toolbar{flex-wrap:wrap;padding:15px 14px 0}.search{flex-basis:100%}select{max-width:none;width:100%;padding:8px}.panel>.section-heading{padding:17px 14px 0}.log-head,.log-row{grid-template-columns:57px minmax(0,1fr);padding-left:14px;padding-right:14px;gap:8px}.log-head>span:last-child,.log-row>.sid{display:none}.log-list{height:420px}.log-title{line-height:1.4}.log-details{font-size:9px}.actions{gap:5px}.quiet{font-size:10px;padding:6px}.device-log .section-heading{align-items:flex-start}.device-log .pill{font-size:9px}footer{flex-direction:column;gap:8px;line-height:1.5}.form-row{flex-wrap:wrap}.form-row input{width:100%}.form-row button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}