: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{margin:0;background:var(--bg);color:var(--text);font:13px Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 75% -10%,#1c465022,transparent 35%),radial-gradient(circle at 0 100%,#4b274016,transparent 30%)}::selection{color:#071016;background:var(--green)}button,input,select{font:inherit}button{color:inherit;border:1px solid var(--line);background:transparent;padding:9px 13px;border-radius:4px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}button:hover{border-color:#46717a;background:#ffffff08}.shell{display:flex;min-height:100vh}aside{width:230px;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column;background:linear-gradient(180deg,#0b1722,#081119);box-shadow:20px 0 70px #0004;z-index:3}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh}.app-shell{min-height:100vh}.app-content{min-width:0;padding:0}.brand{display:flex;gap:11px;align-items:center;padding:0 12px 36px;font-size:12px;line-height:1.05;letter-spacing:.18em;font-weight:800;text-decoration:none;color:var(--text)}.brand>span{color:var(--green);font-size:20px}.brand small{display:block;font-size:7px;color:var(--muted);letter-spacing:.12em}nav{display:grid;grid-gap:3px;gap:3px}nav a{padding:10px 12px;color:var(--muted);text-decoration:none;border-radius:5px;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}nav a.active,nav a:hover{background:linear-gradient(90deg,#183141,#13242f);color:var(--text);transform:translateX(2px)}nav a.active{box-shadow:inset 2px 0 var(--green),0 8px 22px #0002}.operator{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;gap:9px;align-items:center}.operator>b,.provider>b{display:grid;place-items:center;width:28px;height:28px;border-radius:4px;background:#183648;color:var(--blue)}.activity small,.operator small,.provider small,.queue small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.operator i{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--green)}.content{max-width:1400px;width:100%;padding:42px 5vw 60px}.content>header{align-items:flex-start}header{display:flex;justify-content:space-between;margin-bottom:27px}.head p,header p{font-size:10px;letter-spacing:.16em;color:var(--muted);margin:0 0 9px;font-weight:700}h1{font-size:27px;letter-spacing:-.04em;margin:0 0 7px;font-weight:620}h2{font-size:15px;margin:0;font-weight:600}header small{color:var(--muted)}.actions{display:flex;gap:9px}.primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:9px 13px;border-radius:7px;background:var(--green);border-color:var(--green);color:#06130e;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.primary:hover{color:#06130e;background:#9ce9d8;transform:translateY(-1px);box-shadow:0 12px 28px #67d6a02b}.health{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:12px 0;margin-bottom:18px;color:var(--muted);font-size:11px}.health strong,.health:first-letter{color:var(--green)}.health strong{margin-left:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:18px}.metric,.metrics>div{padding:18px 20px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics em,.metrics small{display:block;color:var(--muted);font-size:11px;font-style:normal}.metrics strong{display:block;font-size:26px;letter-spacing:-.04em;margin:11px 0 5px}.metrics em{color:var(--green)}.grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:18px;gap:18px;margin-bottom:18px}.lower{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);background:var(--panel);padding:20px;border-radius:16px;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{display:flex;gap:14px;align-items:baseline;margin:8px 0 18px;color:var(--muted)}.queue-summary strong{color:var(--cyan);font-size:34px;letter-spacing:-.05em}.overview-error{margin-bottom:18px;color:#ffb3aa;border-color:#8e453f;background:#421f2322}.head{display:flex;justify-content:space-between;margin-bottom:20px}.head button{border:0;padding:0;color:var(--muted);font-size:11px}.chart{height:220px;background:repeating-linear-gradient(180deg,transparent 0,transparent 43px,#142430 44px);position:relative;border-bottom:1px solid var(--line)}.line{position:absolute;left:1%;right:1%;top:52%;height:4px;background:linear-gradient(90deg,var(--green),var(--blue),var(--green));transform:rotate(-2deg);-webkit-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%);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%)}.legend{color:var(--muted);font-size:11px;margin-top:20px}.legend:first-letter{color:var(--green)}.legend em{color:var(--orange);font-style:normal}.legend u{color:var(--blue);text-decoration:none}.activity,.provider,.queue{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:15px 0}.queue time{width:43px;color:var(--green);font-size:11px}.queue span{flex:1 1}.activity b,.queue span>b,.queue>b{display:block;font-size:12px}.queue{color:var(--muted);font-size:20px}.provider span{flex:1 1}.provider>i{text-align:right;font-style:normal;font-size:15px}.activity,.provider>i small{font-size:10px}.activity{color:var(--blue)}.activity span{flex:1 1}.empty{display:grid;min-height:150px;place-items:center;padding:22px;border:1px dashed #29464e;border-radius:12px;color:var(--muted);text-align:center;line-height:1.6}.activity b{color:var(--text)}@media (max-width:900px){aside{width:62px;padding:20px 8px}.brand div,nav a{font-size:0}.brand{padding:0 10px 32px}.brand>span{font-size:18px}nav a{padding:12px;text-align:center}.operator i,.operator span{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{display:block;margin-top:8px}.content{padding-inline:16px}.panel{padding:16px}}