.qpanel{--ink:#10191c;--surface:#172327;--line:#324044;--text:#f2efe6;--muted:#9aa9a6;--acid:#c6f16d;--orange:#fa6b43;height:100vh;-webkit-overflow-scrolling:touch;height:100dvh;color:var(--text);background:radial-gradient(ellipse 70% 50% at 88% 4%,#244038 0%,transparent 62%),var(--ink);font-family:Saans,sans-serif;overflow:hidden auto}.qpanel *{box-sizing:border-box}.qpanel-shell{max-width:1450px;margin:0 auto;padding:0 48px 40px}.qpanel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.qpanel-brand{letter-spacing:.035em;align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}.qpanel-mark{border:1px solid var(--acid);width:35px;height:35px;color:var(--acid);border-radius:50%;place-items:center;font-family:Greed Condensed,sans-serif;font-size:24px;line-height:1;display:grid}.qpanel-mark span{color:var(--orange)}.qpanel-environment{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:10px;font-size:11px;display:inline-flex}.qpanel-led{background:var(--acid);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c6f16d99}.qpanel-intro{justify-content:space-between;align-items:end;gap:40px;padding:76px 0 64px;display:flex}.qpanel-eyebrow,.qpanel-section-heading span,.qpanel-footer{letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.qpanel-eyebrow{color:var(--acid);margin:0 0 21px}.qpanel h1{letter-spacing:-.035em;text-transform:uppercase;margin:0;font-family:Greed Condensed,Saans,sans-serif;font-size:clamp(68px,8vw,132px);font-weight:600;line-height:.78}.qpanel h1 em{color:var(--acid);font-style:normal;font-weight:300}.qpanel-subtitle{color:var(--muted);max-width:440px;margin:28px 0 0;font-size:15px;line-height:1.55}.qpanel-intro-side{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:2px;align-items:center;gap:15px;margin-bottom:4px;padding:18px 21px;font-size:12px;line-height:1.4;display:flex}.qpanel-intro-side svg{color:var(--acid)}.qpanel-alert,.qpanel-notice{border-left:3px solid var(--orange);background:#39251f;margin:0 0 22px;padding:16px 20px;font-size:13px}.qpanel-notice{border-color:var(--acid);background:#22352c}.qpanel-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;display:flex}.qpanel-tabs{flex-wrap:wrap;gap:3px;display:flex}.qpanel-tabs button{appearance:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 18px;font-size:13px}.qpanel-tabs button span{color:#748683;margin-left:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.qpanel-tabs button.selected{color:var(--text);border-color:var(--acid)}.qpanel-refresh{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:15px 2px;font-size:12px;display:inline-flex}.qpanel-refresh:hover,.qpanel-tabs button:hover{color:var(--acid)}.qpanel-refresh:disabled{opacity:.5;cursor:wait}.qpanel-spin{animation:1s linear infinite qpanel-spin}@keyframes qpanel-spin{to{transform:rotate(360deg)}}.qpanel-stats{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:34px 0 82px;display:grid}.qpanel-stats>div{border-right:1px solid var(--line);background:#172327a6;flex-direction:column;align-items:start;min-height:190px;padding:25px 29px;display:flex}.qpanel-stats>div:last-child{border-right:0}.qpanel-stats span{color:var(--muted);letter-spacing:.09em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.qpanel-stats strong{margin-top:auto;font-family:Greed Condensed,sans-serif;font-size:76px;font-weight:500;line-height:.85}.qpanel-stats small{color:var(--muted);margin-top:10px;font-size:11px}.qpanel-stats .qpanel-stat-alert strong{color:var(--orange)}.qpanel-section{margin-bottom:84px}.qpanel-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.qpanel-section-heading span{color:var(--acid)}.qpanel-section-heading h2{text-transform:uppercase;margin:12px 0 0;font-family:Greed Condensed,sans-serif;font-size:clamp(40px,4vw,58px);font-weight:500;line-height:.9}.qpanel-section-heading p{color:var(--muted);text-align:right;max-width:250px;margin:0;font-size:12px;line-height:1.4}.qpanel-destinations{border-top:1px solid var(--line)}.qpanel-destination{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:28px;padding:27px 3px;display:grid}.qpanel-status{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-flex}.qpanel-status i{background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.qpanel-status.on{color:var(--acid)}.qpanel-status.off{color:var(--muted)}.qpanel-dest-main h3{letter-spacing:-.02em;margin:11px 0 3px;font-size:21px;font-weight:500}.qpanel-dest-main p{color:var(--muted);margin:0;font-size:12px}.qpanel-dest-metrics{gap:31px;display:flex}.qpanel-dest-metrics span{flex-direction:column;font-family:Greed Condensed,sans-serif;font-size:34px;line-height:1;display:flex}.qpanel-dest-metrics small{color:var(--muted);margin-top:5px;font-family:Saans,sans-serif;font-size:10px}.qpanel-test{border:1px solid var(--acid);min-width:158px;min-height:44px;color:var(--acid);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.qpanel-test:hover:not(:disabled){background:var(--acid);color:var(--ink)}.qpanel-test:disabled{opacity:.38;cursor:not-allowed}.qpanel-empty{color:var(--muted);text-align:center;padding:42px 20px;font-size:13px}.qpanel-table-scroll{border-top:1px solid var(--line);overflow-x:auto}.qpanel table{border-collapse:collapse;width:100%;min-width:800px}.qpanel th{color:var(--muted);text-align:left;letter-spacing:.07em;padding:17px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:400}.qpanel td{border-top:1px solid var(--line);color:var(--text);padding:20px 12px;font-size:12px}.qpanel td:first-child,.qpanel td:nth-child(5),.qpanel td:nth-child(6){font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.qpanel-requeue{border:1px solid var(--acid);color:var(--acid);cursor:pointer;background:0 0;border-radius:2px;padding:6px 9px;font-size:11px;font-weight:600}.qpanel-requeue:hover:not(:disabled){background:var(--acid);color:var(--ink)}.qpanel-requeue:disabled{opacity:.38;cursor:not-allowed}.qpanel-load-more{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:2px;margin:18px auto 0;padding:10px 16px;font-size:12px;display:block}.qpanel-load-more:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.qpanel-load-more:disabled{opacity:.38;cursor:not-allowed}.qpanel-log-status{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#34403a;padding:5px 8px;font-size:10px}.qpanel-log-status.succeeded{color:var(--acid);background:#273d29}.qpanel-log-status.dead,.qpanel-log-status.failed{color:#ff9c7b;background:#3e2927}.qpanel-footer{color:#71817f;border-top:1px solid var(--line);justify-content:space-between;gap:18px;padding-top:20px;display:flex}.qpanel button:focus-visible{outline:2px solid var(--acid);outline-offset:3px}@media(max-width:900px){.qpanel-shell{padding:0 24px 30px}.qpanel-intro-side{display:none}.qpanel-destination{grid-template-columns:1fr auto}.qpanel-dest-metrics{display:none}}@media(max-width:650px){.qpanel-shell{padding:0 16px 24px}.qpanel-header{height:68px}.qpanel-intro{padding:57px 0 48px}.qpanel h1{font-size:68px}.qpanel-toolbar{align-items:start}.qpanel-tabs button{padding-left:6px;padding-right:10px}.qpanel-stats{margin:24px 0 62px}.qpanel-stats>div{min-height:126px;padding:14px 12px}.qpanel-stats span{font-size:8px}.qpanel-stats strong{font-size:53px}.qpanel-section-heading{flex-direction:column;align-items:start}.qpanel-section-heading p{text-align:left}.qpanel-destination{grid-template-columns:1fr;gap:18px}.qpanel-test{width:100%}.qpanel-footer{flex-direction:column}.qpanel-environment{font-size:9px}}@media(prefers-reduced-motion:reduce){.qpanel-spin{animation:none}.qpanel-test{transition:none}}
