:root{font-family:Inter,"Segoe UI",sans-serif;color:#223047;background:#f4f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:#285ed5;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:246px;background:#111d32;color:#c8d2e4;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:650;color:white}.brand-icon{display:grid;place-items:center;background:#3974ee;width:37px;height:40px;border-radius:11px;font-size:26px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:#94a6c4}.nav-label{font-size:9px;letter-spacing:1.7px;color:#7285a3;margin:54px 14px 18px}.nav-item{width:100%;display:flex;gap:15px;align-items:center;text-align:left;padding:14px;border:0;background:none;color:#9fb0cd;border-radius:7px;margin:4px 0;font-size:17px}.nav-item span{font-size:13px}.nav-item.selected{background:#243858;color:#fff;box-shadow:inset 3px 0 #5c92ff}.sidebar-footer{margin-top:auto;font-size:10px;line-height:2;color:#a9b9d0}.sidebar-footer small{display:block;color:#7487a5;margin-left:14px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#28b788;margin-right:7px}main{margin-left:246px;padding:0 38px 30px;max-width:2000px}header{height:78px;border-bottom:1px solid #e2e7ef;display:flex;align-items:center;justify-content:space-between;font-size:11px}.breadcrumb{color:#68788f}.breadcrumb span{margin:0 13px;color:#afb9c7}.heading{display:flex;justify-content:space-between;align-items:center;padding:32px 0 21px}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#71829a;margin:0 0 12px}h1{font-size:31px;letter-spacing:-1px;margin:0;font-weight:650}.subtitle{font-size:12px;color:#738198;margin:10px 0 0}.primary,.secondary{border-radius:6px;padding:10px 14px;font-size:11px;font-weight:600;border:1px solid #dce3ed;background:white;color:#43526c}.primary{background:#2c65dc;color:white;border-color:#2c65dc}.notice{display:flex;align-items:center;font-size:10px;color:#66758a;margin:0 0 26px}.scope{margin-left:auto;color:#8a96a8}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:27px}.metric{background:#fff;padding:21px;border:1px solid #e1e7ef;border-radius:9px;text-align:left;color:inherit;box-shadow:0 2px 3px #182b4a03}.metric .label{font-size:11px;color:#748198}.metric strong{display:block;font-size:30px;letter-spacing:-1px;margin:14px 0 8px;font-weight:600}.metric .meta{font-size:9px;color:#7a879a}.metric.online strong{color:#1c9773}.metric.degraded strong{color:#c78c27}.metric.offline strong{color:#d36362}.panel{border:1px solid #e0e6ef;background:#fff;border-radius:10px;overflow:hidden}.panel-heading{padding:23px 23px 18px;display:flex;justify-content:space-between;align-items:center}h2{font-size:15px;margin:0 0 6px;font-weight:650}.panel-heading p{font-size:10px;color:#7c8ba1;margin:0}.badge{font-size:8px;letter-spacing:.9px;color:#7890ae;background:#f3f6fa;border:1px solid #e8edf5;padding:6px 9px;border-radius:4px}.filters{display:flex;gap:10px;align-items:end;padding:0 23px 22px}label{display:flex;flex-direction:column;gap:7px;color:#7b889b;font-size:9px;min-width:90px}label.search{flex:1;min-width:180px}input,select{height:35px;border:1px solid #dfe6ef;border-radius:5px;padding:0 10px;color:#40516e;background:#fff;font-size:10px;width:100%}input::placeholder{color:#9ca9ba}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;font-size:9px;letter-spacing:.3px;text-transform:uppercase;background:#f8fafc;color:#8793a6;padding:13px 19px;border-block:1px solid #e9edf4}td{padding:17px 19px;border-bottom:1px solid #eff2f6;color:#53647e}td:first-child{color:#1e3454;font-weight:600}.status{font-size:9px;padding:5px 8px;background:#f0f3f7;border-radius:4px}.status.Online{color:#1e9d77;background:#eaf7f1}.status.Offline{color:#c95858;background:#fff0ef}.status.Degraded{color:#b78122;background:#fff8e6}.pagination{padding:17px 23px;display:flex;justify-content:space-between;align-items:center;color:#8390a3;font-size:10px}.pagination div{display:flex;gap:8px}.empty{text-align:center;padding:65px 20px;color:#8695ab}.empty>span{font-size:35px;color:#b9c8de}.empty h3{font-size:15px;color:#536984;font-weight:500}.empty p{font-size:11px}.footnote{font-size:9px;color:#8794a8;margin-top:20px;line-height:1.7}#error{background:#fff0ed;color:#a23d32;border:1px solid #f2c8c0;border-radius:6px;padding:14px;margin-bottom:20px;font-size:12px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:10;background:white;padding:15px}dialog{width:min(850px,95vw);border:1px solid #dce5f0;border-radius:10px;padding:25px}dialog::backdrop{background:#101e3699}.dialog-heading{display:flex;justify-content:space-between;align-items:center}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;max-height:65vh;overflow:auto}#inventory-date{font-size:11px;color:#75859c}:focus-visible{outline:3px solid #71a1fc;outline-offset:3px}[hidden]{display:none!important}@media(max-width:1200px){.filters{flex-wrap:wrap}.metrics{gap:8px}.metric{padding:15px}.scope{display:none}main{padding-inline:22px}}@media(max-width:800px){aside{position:static;width:100%;padding:16px}.brand{font-size:18px}.nav-label,.sidebar-footer{display:none}nav{display:flex;margin-top:15px}.nav-item{justify-content:center;font-size:13px;padding:10px;gap:5px}.nav-item span{font-size:10px}main{margin:0;padding-inline:15px}header{height:48px}.heading{padding:24px 0;gap:15px}h1{font-size:26px}.subtitle{max-width:260px;line-height:1.6}.metrics{grid-template-columns:repeat(2,1fr)}.metric:first-child{grid-column:span 2}.metric strong{font-size:25px}.filters{padding:0 15px 15px}.panel-heading{padding:20px 15px}.badge{display:none}.pagination{padding:15px}.notice{font-size:9px}}