*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#18263a;font:15px Arial,sans-serif}header{background:#10223d;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:16px max(5vw,24px);position:sticky;top:0;z-index:5}.brand{display:flex;gap:12px;align-items:center}.brand b{font-size:21px}.brand span{opacity:.7;font-size:12px}nav{display:flex;gap:22px}nav a{color:#fff;text-decoration:none;opacity:.85}main{max-width:1180px;margin:32px auto;padding:0 22px}.pagehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.pagehead h1{margin:0 0 6px;font-size:30px}.pagehead p,.sectiontitle p{margin:0;color:#6d7b8d}.user{font-weight:bold}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.stats>div,.panel,.sitecard{background:#fff;border:1px solid #e3e9f2;border-radius:16px;box-shadow:0 5px 18px rgba(24,38,58,.05)}.stats>div{padding:18px}.stats b{display:block;font-size:27px}.stats span{color:#68778a}.panel{padding:22px;margin:18px 0}.sectiontitle,.sitehead{display:flex;justify-content:space-between;align-items:center}.sectiontitle h2,.sitecard h3{margin:0 0 5px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}.sitecard{padding:20px}.badge{font-size:12px;font-weight:bold;padding:7px 10px;border-radius:99px}.badge.ok{background:#e8f8ef;color:#137a44}.badge.warn{background:#fff4d8;color:#9b6700}.badge.danger{background:#fde8e8;color:#b42318}.badge.muted{background:#edf1f5;color:#657386}.meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.meters>div{background:#f7f9fc;padding:14px;border-radius:12px}.meters span,.meters small{display:block;color:#718096}.meters strong{display:block;font-size:24px;margin:5px 0}.meta{font-size:13px;color:#6d7b8d}.btn,button{background:#1769d2;color:#fff;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}label{display:block;margin:12px 0;font-weight:600}input,select{width:100%;padding:11px;border:1px solid #ccd6e3;border-radius:8px;margin-top:6px;background:#fff}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7edf4;white-space:nowrap}th{font-size:12px;color:#6d7b8d}.success,.error{padding:13px 16px;border-radius:10px;margin:12px 0}.success{background:#e8f8ef}.error{background:#fde8e8}.inline{display:flex;gap:8px;align-items:center}.inline input{margin:0;min-width:180px}.filter{display:flex;gap:12px;align-items:end}.filter label{margin:0;min-width:200px}footer{text-align:center;padding:30px;color:#8995a5;font-size:12px}@media(max-width:800px){header{align-items:flex-start;gap:12px;flex-direction:column}nav{gap:13px;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr)}.cards,.grid2{grid-template-columns:1fr}.pagehead{align-items:flex-start;flex-direction:column;gap:10px}.panel{padding:16px}.filter{align-items:stretch;flex-direction:column}.filter label{min-width:0}.inline{min-width:300px}}@media print{header,footer,.filter,.btn{display:none}body{background:#fff}.panel{box-shadow:none;border:0;padding:0}}