:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#07111f;color:#ebf2fa}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0,#123c56 0,transparent 40%),#07111f}main{max-width:1360px;margin:auto;padding:34px 22px 50px}header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:28px}.eyebrow{color:#61d4bb;font-size:12px;font-weight:800;letter-spacing:.16em}h1{font-size:clamp(29px,4vw,43px);letter-spacing:-.045em;margin:9px 0}h2{font-size:17px;margin:0 0 14px}p{color:#9eb3c8;line-height:1.6;margin:0}nav{display:flex;gap:8px;flex-wrap:wrap}nav a,nav span{font-size:13px;padding:10px 14px;border-radius:9px;text-decoration:none;color:#c5d8e8;border:1px solid #375166}nav .active{background:#17463f;color:#8de6cf;border-color:#398b77}.toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}.controls{display:flex;gap:8px;flex-wrap:wrap}button,input{font:inherit}button{border:1px solid #375166;background:#14283b;color:#dcebf7;padding:9px 13px;border-radius:9px;cursor:pointer;font-size:13px}button.active{background:#1b665f;border-color:#42c5a8;color:white}button:hover,a:hover{border-color:#71d9c2}button:disabled{opacity:.5;cursor:wait}input{background:#0b1d2d;border:1px solid #375166;color:#ebf2fa;padding:9px;border-radius:8px}input:focus,button:focus-visible,a:focus-visible{outline:2px solid #61d4bb;outline-offset:3px}.date-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0;font-size:12px;color:#9eb3c8}.meta{display:flex;gap:14px;flex-wrap:wrap;color:#9eb3c8;font-size:12px;margin-bottom:20px}#status{color:#61d4bb}#status.bad{color:#ffb690}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.card,.panel{background:#102336;border:1px solid #244156;border-radius:17px;box-shadow:0 12px 35px #0002}.card{padding:21px}.card .label{color:#a2bacd;font-size:13px}.card .number{font-size:clamp(25px,3.2vw,37px);font-weight:750;letter-spacing:-.03em;margin:11px 0 7px;overflow-wrap:anywhere}.card .detail{color:#8ea7bb;font-size:12px}.good .number,.success{color:#6be3c5}.warn .number,.failed{color:#ffbd85}.current .number{font-size:29px}.panel{padding:23px;margin-bottom:14px;min-width:0}.sub{font-size:12px;margin-bottom:16px}.layout{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;white-space:nowrap}th{font-weight:500;color:#91b0c8;border-bottom:1px solid #375166;padding:12px 10px}td{padding:12px 10px;border-bottom:1px solid #213c50}tbody tr:last-child td{border-bottom:0}td small{display:block;color:#789ab1;margin-top:5px}.badge{display:inline-block;border:1px solid #35685b;color:#88dec8;padding:4px 8px;border-radius:7px;font-size:11px}.badge.bad{border-color:#845f3f;color:#ffbd85}.empty{color:#789ab1;font-size:13px;padding:18px 0}.trend{display:flex;gap:9px;align-items:flex-end;min-height:180px;overflow-x:auto;padding-top:15px}.bucket{min-width:35px;flex:1;text-align:center}.bars{height:135px;display:flex;gap:3px;align-items:flex-end;justify-content:center}.bar{min-width:8px;max-width:24px;flex:1;border-radius:4px 4px 0 0;min-height:2px}.bar.ok{background:#52cfae}.bar.error{background:#f2ac72}.bucket small{display:block;color:#8ea7bb;font-size:10px;margin-top:12px}.legend{display:flex;gap:16px;font-size:11px;margin-top:15px}.reason{display:grid;grid-template-columns:1fr auto;gap:10px;border-bottom:1px solid #244156;padding:12px 0;font-size:13px}.reason small{color:#8ea7bb}.reason strong{color:#ffbd85}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-grid div{padding:10px;background:#0c1c2b;border-radius:9px}.task-grid span{display:block;font-size:12px;color:#8ea7bb}.task-grid strong{display:block;margin-top:6px;font-size:22px}.notice{padding:15px;background:#172c3f;border-radius:10px;margin:17px 0;font-size:13px}.notice p{margin-top:6px;font-size:12px}.login p{font-size:13px}.login form{max-width:650px;margin-top:20px}.login label{font-size:12px;display:block;margin-bottom:8px;color:#a2bacd}.login-row{display:flex;gap:8px}.login input{flex:1;min-width:0}.notes ul{padding-left:20px;color:#9eb3c8;font-size:12px;line-height:1.9}footer{color:#65859c;font-size:12px;margin-top:22px}#metrics.loading{opacity:.55;pointer-events:none}@media(max-width:900px){.layout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}}@media(max-width:520px){main{padding:22px 14px 40px}.card{padding:15px}.card .number{font-size:27px}nav{margin-top:4px}.meta{gap:8px}.date-controls input{max-width:145px}.login-row{flex-direction:column}}