:root{--bg:#081019;--panel:#0d1722;--line:#1a2a37;--text:#e6edf2;--muted:#81909c;--green:#67d6a0;--blue:#78b9e8;--orange:#e4a16a;--cyan:#7de7ef;--surface:#0d1924;--surface-raised:#122331;--line-soft:#1a3342}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);background-image:radial-gradient(circle at 75% -10%,#1c465022,#0000 35%),radial-gradient(circle at 0 100%,#4b274016,#0000 30%);margin:0;font:13px Inter,system-ui,sans-serif}::selection{color:#071016;background:var(--green)}button,input,select{font:inherit}button{font:inherit;color:inherit;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px;padding:9px 13px;transition:border-color .2s,background .2s,transform .2s}button:hover{background:#ffffff08;border-color:#46717a}.shell{min-height:100vh;display:flex}aside{z-index:3;background:linear-gradient(#0b1722 0%,#081119 100%);border-right:1px solid #203847;flex-direction:column;flex:0 0 252px;width:252px;padding:22px 13px 18px;display:flex;box-shadow:18px 0 70px #0005}.app-sidebar{scrollbar-width:thin;scrollbar-color:#2b5360 transparent;height:100vh;position:sticky;top:0;overflow-y:auto}.app-shell{min-height:100vh}.app-content{min-width:0;padding:0}.brand{letter-spacing:.18em;color:var(--text);align-items:center;gap:11px;padding:5px 12px 28px;font-size:12px;font-weight:800;line-height:1.05;text-decoration:none;display:flex}.brand>span{width:34px;height:34px;color:var(--green);background:linear-gradient(145deg,#183e43,#10242f);border:1px solid #3d8d83;border-radius:11px;place-items:center;font-size:15px;display:grid;box-shadow:0 8px 24px #0004,inset 0 1px #ffffff12}.brand small{color:var(--muted);letter-spacing:.12em;font-size:7px;display:block}nav{gap:5px;display:grid}nav a{color:var(--muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:10px 12px;text-decoration:none;transition:color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}nav a:hover,nav a.active{color:var(--text);background:linear-gradient(90deg,#183141,#13242f);border-color:#2a4d5b;transform:translate(2px)}nav a.active{box-shadow:inset 2px 0 var(--green), 0 8px 22px #0002}.operator{border-top:1px solid var(--line);margin-top:auto;border-radius:12px;align-items:center;gap:9px;margin-inline:4px;padding:16px 8px 8px;display:flex}.operator>b,.provider>b{width:28px;height:28px;color:var(--blue);background:#183648;border-radius:4px;place-items:center;display:grid}.operator small,.provider small,.queue small,.activity small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.operator i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-left:auto}.content{width:100%;max-width:1400px;padding:42px 5vw 60px}.content>header{align-items:flex-start}header{justify-content:space-between;margin-bottom:27px;display:flex}header p,.head p{letter-spacing:.16em;color:var(--muted);margin:0 0 9px;font-size:10px;font-weight:700}h1{letter-spacing:-.04em;margin:0 0 7px;font-size:27px;font-weight:620}h2{margin:0;font-size:15px;font-weight:600}header small{color:var(--muted)}.actions{gap:9px;display:flex}.primary{background:var(--green);border-color:var(--green);color:#06130e;border-radius:7px;justify-content:center;align-items:center;padding:9px 13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary:hover{color:#06130e;background:#9ce9d8;transform:translateY(-1px);box-shadow:0 12px 28px #67d6a02b}.health{border-block:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-bottom:18px;padding:12px 0;font-size:11px;display:flex}.health:first-letter{color:var(--green)}.health strong{color:var(--green);margin-left:9px}.metrics{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid}.metric,.metrics>div{border-right:1px solid var(--line);padding:18px 20px}.metrics>div:last-child{border:0}.metrics small,.metrics em{color:var(--muted);font-size:11px;font-style:normal;display:block}.metrics strong{letter-spacing:-.04em;margin:11px 0 5px;font-size:26px;display:block}.metrics em{color:var(--green)}.grid{grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px;display:grid}.lower{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:20px;box-shadow:0 18px 55px #0003,inset 0 1px #ffffff08}.head a{color:var(--muted);font-size:11px;text-decoration:none}.head a:hover{color:var(--green)}.queue-summary{color:var(--muted);align-items:baseline;gap:14px;margin:8px 0 18px;display:flex}.queue-summary strong{color:var(--cyan);letter-spacing:-.05em;font-size:34px}.overview-error{color:#ffb3aa;background:#421f2322;border-color:#8e453f;margin-bottom:18px}.head{justify-content:space-between;margin-bottom:20px;display:flex}.head button{color:var(--muted);border:0;padding:0;font-size:11px}.chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000 0 43px,#142430 44px);height:220px;position:relative}.line{background:linear-gradient(90deg, var(--green), var(--blue), var(--green));clip-path:polygon(0 35%,8% 25%,15% 45%,25% 30%,35% 44%,45% 20%,55% 30%,65% 12%,75% 28%,85% 20%,93% 40%,100% 30%,100% 70%,93% 60%,85% 40%,75% 48%,65% 33%,55% 48%,45% 38%,35% 58%,25% 44%,15% 60%,8% 40%,0 55%);height:4px;position:absolute;top:52%;left:1%;right:1%;transform:rotate(-2deg)}.legend{color:var(--muted);margin-top:20px;font-size:11px}.legend:first-letter{color:var(--green)}.legend em{color:var(--orange);font-style:normal}.legend u{color:var(--blue);text-decoration:none}.queue,.provider,.activity{border-top:1px solid var(--line);align-items:center;gap:14px;padding:15px 0;display:flex}.queue time{width:43px;color:var(--green);font-size:11px}.queue span{flex:1}.queue>b,.queue span>b,.activity b{font-size:12px;display:block}.queue{color:var(--muted);font-size:20px}.provider span{flex:1}.provider>i{text-align:right;font-size:15px;font-style:normal}.provider>i small{font-size:10px}.activity{color:var(--blue);font-size:10px}.activity span{flex:1}.empty{min-height:150px;color:var(--muted);text-align:center;border:1px dashed #29464e;border-radius:12px;place-items:center;padding:22px;line-height:1.6;display:grid}.activity b{color:var(--text)}@media (max-width:900px){aside{flex-basis:68px;width:68px;padding:20px 8px}.brand div,nav a{font-size:0}.brand{padding:0 10px 32px}.brand>span{font-size:18px}nav a{text-align:center;padding:12px}nav a span{width:100%;font-size:16px;display:inline-block}.operator span,.operator i{display:none}.content{padding:28px 20px}.app-content{padding:0}.grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:560px){header{display:block}.actions{margin-top:18px}.metrics{grid-template-columns:1fr}.metrics>div{border-right:0;border-bottom:1px solid var(--line)}.metrics>div:last-child{border-bottom:0}.health{display:block}.health small{margin-top:8px;display:block}.content{padding-inline:16px}.panel{padding:16px}}