*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#172033;font-family:Inter,Arial,sans-serif}aside{position:fixed;width:235px;min-height:100vh;background:#071b3a;padding:28px 18px;color:#fff}.brand{font-size:22px;font-weight:900;margin:0 10px 35px}.brand span{color:#38a5ff}aside a{display:block;color:#bdcce2;text-decoration:none;padding:11px 12px;border-radius:8px;margin:4px 0}.active,aside a:hover{background:#123a72;color:#fff}main{margin-left:235px;padding:35px 45px;max-width:1500px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0 0 6px;font-size:30px}p{color:#78869b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.stats>div,.card,.box{background:#fff;border:1px solid #e4e9f0;border-radius:12px;box-shadow:0 2px 12px #1720330b}.stats>div{padding:20px}.stats small,.row small{display:block;color:#7b899e;margin-top:4px}.stats b{font-size:27px}.green{color:#159965}.red{color:#df474d}.card{padding:0 20px;margin-bottom:24px}.cardhead{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid #edf0f4}.row{display:grid;grid-template-columns:16px 1.6fr 110px 110px 100px 180px;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid #eef1f5}.row:last-child{border-bottom:0}.dot{width:10px;height:10px;border-radius:50%;background:#aeb7c4}.dot.up{background:#18a36a}.dot.down{background:#e2474e}.dot.paused{background:#e7a72d}.dot.maintenance{background:#8c72d8}.dot.pending{background:#7e8ba0}.badge{font-size:11px;font-weight:800;text-transform:uppercase;padding:5px 9px;border-radius:14px;background:#edf0f4}.badge.up{background:#e7f8f0;color:#148458}.badge.down{background:#fdeaea;color:#c5343c}.badge.paused{background:#fff5df;color:#9a6a00}.badge.maintenance{background:#eee9ff;color:#6545ae}.mini{color:#176dcc;text-decoration:none;font-size:12px;margin-right:9px}.danger{color:#c43d45}.empty{padding:35px;text-align:center;color:#8793a6}.btn,button{background:#1477e8;color:#fff;border:0;border-radius:7px;padding:11px 17px;font-weight:700;text-decoration:none;cursor:pointer}.ghost{background:#fff;color:#42516a;border:1px solid #d9e0e9}.modal{display:none;position:fixed;inset:0;background:#06152a99;align-items:center;justify-content:center}.modal.show{display:flex}.modalbox,.box{background:#fff;border-radius:12px;padding:30px}.modalbox{width:min(520px,92vw)}.modalbox input,.modalbox select,.box input{display:block;width:100%;padding:12px;margin:10px 0;border:1px solid #d5dce6;border-radius:7px}.modalbox button{margin:6px 5px 0 0}.center{min-height:100vh;display:grid;place-items:center}.box{width:min(430px,92vw)}.box button{width:100%;margin-top:8px}.error{color:#c33}.public{margin:0 auto;padding:50px 20px;max-width:1100px}.status,.detail{padding:30px}.status .brand{margin:0}.notice{padding:12px;background:#eef7ff;border-radius:7px}code{word-break:break-all}@media(max-width:1000px){aside{display:none}main{margin:0;padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:15px 1fr 90px}.row>*:nth-child(4),.row>*:nth-child(5),.row>*:nth-child(6){display:none}}