:root{--blue:#1466ff;--navy:#071a3d;--bg:#f5f8fd;--border:#e3eaf4;--muted:#64748b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font-family:Inter,system-ui,sans-serif}header{height:72px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 28px}.brand{font-size:20px;font-weight:800;display:flex;gap:12px;align-items:center}.brand img{height:38px}main{max-width:1200px;margin:auto;padding:32px 20px}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.hero small{color:var(--blue);font-weight:800;letter-spacing:1.5px}.hero h1{font-size:34px;margin:6px 0}.hero p,.card p{color:var(--muted)}.ok,.bad,.unknown{padding:8px 12px;border-radius:999px;font-weight:700;font-size:13px}.ok{background:#e9fbf3;color:#08784a}.bad{background:#fff0f0;color:#b42323}.unknown{background:#eef2f7;color:#667085}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.card,.panel{background:white;border:1px solid var(--border);border-radius:18px;padding:20px;margin-bottom:20px}.head{display:flex;justify-content:space-between;gap:12px}.head h3{margin:0}.head p{margin:5px 0;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metrics div{background:#f8fbff;border:1px solid #edf2f8;border-radius:12px;padding:12px}.metrics b,.metrics i{display:block}.metrics i{font-style:normal;font-size:12px;color:var(--muted)}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}label{font-size:13px;font-weight:700}input,select{width:100%;padding:10px;border:1px solid #d7e0eb;border-radius:9px;margin-top:5px}button{padding:10px 14px;border:1px solid #d7e0eb;background:white;border-radius:9px;font-weight:700}.primary{background:var(--blue);color:white;border-color:var(--blue)}.danger{color:#b42323}.row{display:grid;grid-template-columns:1fr 1fr .7fr 1.3fr .55fr .55fr .65fr .55fr;gap:7px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;align-items:center}.row input,.row select{margin:0}.actions{display:flex;gap:7px;justify-content:flex-end;margin-top:7px}@media(max-width:900px){.row{grid-template-columns:1fr 1fr}.hero{flex-direction:column;align-items:flex-start;gap:12px}}