:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15212f;background:#f6f8fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.shell{max-width:1180px;margin:0 auto;padding:30px 22px 70px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.brand h1{margin:0;font-size:25px}.brand p{margin:5px 0 0;color:#617085;font-size:14px}.badges,.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{font-size:12px;font-weight:700;border-radius:999px;padding:7px 10px;background:#e8f7ee;color:#206b42;border:1px solid #ccebd8}.badge.neutral{background:#eef2f7;color:#4a5a6f;border-color:#dce3ec}.hero{background:#142236;color:#fff;border-radius:24px;padding:50px;display:grid;grid-template-columns:1.4fr .8fr;gap:40px}.hero h2{font-size:42px;line-height:1.04;margin:0 0 18px}.hero p{color:#c8d3e0;line-height:1.65;font-size:17px}.hero aside{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px}.primary{border:0;border-radius:11px;padding:12px 16px;background:#ff6b35;color:#fff;font-weight:750}.secondary{border:1px solid #d5dde8;border-radius:10px;padding:10px 13px;background:#fff;color:#273649;font-weight:700}.danger{border-color:#f1c3c3;color:#9c3131;background:#fff6f6}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.card{background:#fff;border:1px solid #e3e8ef;border-radius:16px;padding:20px}.section-head,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-head{margin-bottom:14px}.section-head h2{margin:0;font-size:18px}.toolbar{margin:26px 0 16px}.muted{color:#69788c;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:16px;border:1px solid #e4e9f0;border-radius:13px;background:#fbfcfe}.metric .value{font-size:23px;font-weight:800}.metric .label{font-size:12px;color:#718095}.stack{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;min-width:150px;flex:1}.field label{font-size:12px;font-weight:700;color:#526277}input,select{padding:10px 11px;border:1px solid #d6dee8;border-radius:9px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6c7a8d;font-size:11px;padding:10px 8px;border-bottom:1px solid #e7ebf0}td{padding:12px 8px;border-bottom:1px solid #eef1f5}.status{font-weight:750}.status.clean{color:#217347}.status.drift{color:#b45309}.status.failed{color:#b42318}.issue{padding:11px 0;border-bottom:1px solid #edf0f4}.issue strong{display:block;font-size:13px}.issue span{color:#64748b;font-size:12px}.gate{background:#fff8eb;border:1px solid #f3dfb0;color:#77530f;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5}.notice{border-radius:12px;padding:12px 14px;background:#eef6ff;border:1px solid #d3e7fb;color:#315a83;font-size:13px}.error{background:#fff0f0;border-color:#f1cccc;color:#8a2a2a}.empty{padding:26px 10px;text-align:center;color:#718095}.hidden{display:none!important}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:30px}.hero h2{font-size:34px}.grid.two{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
