:root{--bg:#10130f;--panel:#171b16;--panel2:#1d221c;--line:#30372d;--text:#edf0e8;--muted:#929c8d;--orange:#ff6434;--green:#47c58a;--red:#ff665f;--yellow:#eaba4f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px "Segoe UI",Arial,sans-serif;letter-spacing:0}button,input{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0d100d}.login form{width:min(400px,100%);padding:34px;border:1px solid var(--line);background:var(--panel);border-radius:8px}.login img{width:52px}.login h1{font-size:34px;margin:6px 0}.login p{color:var(--muted)}label{display:grid;gap:8px;margin:28px 0 14px;color:#cfd5ca;font-weight:600}input{width:100%;padding:12px;border:1px solid #424a3f;border-radius:6px;background:#0f120f;color:white}button{border:0;border-radius:6px;padding:11px 16px;background:var(--orange);color:#171918;font-weight:750;cursor:pointer}.error{color:var(--red)!important;min-height:20px}#shell{min-height:100vh;display:grid;grid-template-columns:220px 1fr}aside{position:sticky;top:0;height:100vh;padding:24px 18px;border-right:1px solid var(--line);background:#131713;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 26px}.brand img{width:40px}.brand strong{font-size:21px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2.5px;margin-top:4px}nav{display:grid;gap:4px}nav a{padding:10px 12px;border-radius:5px;color:#9da798;text-decoration:none;font-weight:600}nav a:hover,nav a.active{background:#222820;color:white}.aside-bottom{margin-top:auto;display:grid;gap:12px;color:var(--muted);font-size:11px}.aside-bottom span{display:flex;gap:8px;align-items:center}.aside-bottom i{width:7px;height:7px;background:var(--green);border-radius:50%}.aside-bottom button{background:transparent;border:1px solid var(--line);color:#aeb7a9;padding:8px}main{min-width:0;padding:32px clamp(20px,4vw,58px) 70px}header{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.kicker{font-size:10px!important;letter-spacing:2px;color:#8e9989!important;font-weight:750;margin:0 0 8px}header h1{font-size:32px;margin:0}.refresh{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px}.refresh button{width:36px;height:36px;padding:0;font-size:21px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric,.panel{border:1px solid var(--line);background:var(--panel);border-radius:7px}.metric{padding:19px}.metric span{color:var(--muted);font-size:11px}.metric strong{display:block;margin-top:8px;font-size:27px}.metric small{display:block;margin-top:7px;color:#798274}.good{color:var(--green)!important}.warn{color:var(--yellow)!important}.bad{color:var(--red)!important}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:14px}.panel{min-width:0;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--line)}.panel h2{font-size:14px;margin:0}.panel-head span{color:var(--muted);font-size:10px}.service-list,.container-list{padding:8px}.service,.container{display:grid;grid-template-columns:minmax(110px,1fr) 80px 80px;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #252b24}.service:last-child,.container:last-child{border:0}.dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green)}.dot.bad{background:var(--red)}.bar{height:5px;background:#2b3129;border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;background:var(--orange)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid #272d26;vertical-align:top}th{color:#818c7c;font-size:9px;letter-spacing:1px}td{color:#cbd2c6}.scroll{overflow:auto;max-height:390px}.path{max-width:320px;overflow-wrap:anywhere;color:#aeb8aa}.pill{display:inline-block;padding:4px 7px;border-radius:4px;background:#252c24;color:#aeb8aa;font-size:9px;font-weight:700}.section-title{margin:32px 0 12px;font-size:20px}.empty{padding:28px;color:var(--muted);text-align:center}@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}@media(max-width:720px){#shell{grid-template-columns:1fr}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}aside nav{grid-template-columns:repeat(4,1fr);overflow:auto}.aside-bottom{display:none}main{padding:24px 14px}.metrics{grid-template-columns:1fr 1fr}.service,.container{grid-template-columns:1fr 70px}.service>*:last-child,.container>*:last-child{display:none}}@media(max-width:440px){.metrics{grid-template-columns:1fr}header{align-items:flex-start;gap:20px;flex-direction:column}}