*{box-sizing:border-box;letter-spacing:0}body{color:#29352f;background:#f5f7f6;margin:0;font-family:Inter,system-ui,Microsoft YaHei,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:#385c49;background:#fff;border:1px solid #d5ded8;border-radius:4px;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;display:inline-flex}button:disabled{opacity:.5}svg{flex-shrink:0;width:19px;height:19px}.app{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}aside{background:#fff;border-right:1px solid #dde5df;flex-direction:column;padding:30px 22px;display:flex}.brand{align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.brand svg{color:#266f53;width:28px;height:28px}.subtitle{color:#7c877f;padding:8px 0 35px 38px;font-size:12px}.nav{border-radius:4px;gap:12px;padding:12px;display:flex}.active{color:#286b50;background:#e8f2eb}.aside-bottom{color:#7c877f;gap:10px;margin-top:auto;font-size:11px;line-height:1.8;display:flex}main{min-width:0;padding:36px 38px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{color:#7d887f;font-size:12px}h1{margin:7px 0 0;font-size:27px}h2{font-size:20px}.header-actions{align-items:center;gap:15px;display:flex}.environment{color:#4d6b81;background:#e8eff5;border-radius:3px;padding:6px 10px;font-size:12px}.metrics{border-block:1px solid #dbe4dd;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0;display:grid}.metrics>div{flex-direction:column;gap:10px;display:flex}.metrics span{color:#758379;font-size:12px}.metrics strong{font-size:29px;font-weight:600}.red{color:#a15a4c}.notice{color:#607a69;margin-bottom:20px;padding:15px 0;font-size:12px}.toolbar{gap:12px;margin-bottom:18px;display:flex}.search{background:#fff;border:1px solid #d0dcd3;border-radius:4px;flex:1;align-items:center;gap:8px;max-width:380px;padding:0 12px;display:flex}.search svg{color:#8a998e}input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:40px}select{color:#435f4e;background:#fff;border:1px solid #d0dcd3;border-radius:4px;padding:8px}.table-wrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #e3e9e4;padding:15px 13px;font-size:12px}th{color:#77847a;background:#eff3f0;font-weight:500}.mono{font:11px ui-monospace,monospace}.status{color:#566c83;background:#ebeff4;border-radius:3px;padding:4px 8px}.status.succeeded{color:#377550;background:#e9f3eb}.status.failed{color:#a55d4c;background:#f9eae7}.empty{text-align:center;color:#7b887e;white-space:normal;padding:60px 20px}footer{color:#859087;justify-content:space-between;margin-top:17px;font-size:11px;display:flex}.login{border-top:2px solid #377955;max-width:420px;margin:70px auto;padding:30px 0}.login>svg{color:#377955;width:30px;height:30px}.login p{color:#7b887e}.primary{color:#fff;background:#286e52;margin-top:12px;padding:11px 18px}.error{color:#9d5345;background:#faeae7;padding:12px}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #5e9ec0}@media (width<=750px){.app{grid-template-columns:1fr}aside{border-bottom:1px solid #dde5df;border-right:0;padding:18px}.subtitle,.nav,.aside-bottom{display:none}main{padding:24px 18px}.metrics{gap:10px}.metrics strong{font-size:24px}.toolbar{flex-wrap:wrap}.search{min-width:170px;max-width:none}.environment{display:none}}