:root{--navy:#244d80;--green:#7fbd43;--ink:#172d43;--bg:#f3f6f8;--line:#d8e2e9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1100px)/2));gap:20px;background:white;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;color:var(--ink);font-weight:600}.brand img{width:95px;height:80px;object-fit:contain}nav{display:flex;gap:18px;flex-wrap:wrap}a{color:var(--navy)}main{max-width:1120px;margin:auto;padding:36px 24px}.panel{background:white;border:1px solid var(--line);padding:32px;border-radius:8px}.eyebrow{color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:2px}h1{font-size:32px;line-height:1.2}h2{font-size:24px}p{color:#556575}label{display:block;font-weight:600;margin-bottom:16px;font-size:13px}input,select,textarea{width:100%;padding:11px;border:1px solid #b8c7d2;border-radius:4px;font:inherit;background:white;margin-top:6px}textarea{min-height:100px}button{background:var(--navy);color:white;font:inherit;padding:11px 18px;border:0;border-radius:4px;cursor:pointer}button.secondary{background:#e8eef4;color:var(--ink)}button.small{padding:5px 8px;font-size:12px;margin:3px}.inline{display:flex;gap:12px;align-items:center}.inline input{flex:1}.spread{justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.full{grid-column:1/-1}.notice{padding:15px;background:#eaf1f8;border-left:3px solid var(--navy);margin:18px 0;font-weight:400}.danger{background:#fff0e9;border-color:#a0442a}.badge{padding:6px 14px;border-radius:20px;background:#e9eef4;color:var(--navy);display:inline-block}.badge.active{background:#e6f3dc;color:#37611c}.badge.suspended,.badge.revoked,.badge.expired{background:#fff0e9;color:#9a3528}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f5f8}dl{display:grid;grid-template-columns:180px 1fr;gap:12px}dt{font-weight:600}dd{margin:0;white-space:normal;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}footer{padding:25px;text-align:center;font-size:12px;color:#67798a}#login-form{max-width:450px}.print-actions{margin-bottom:24px}.certificate{background:white;width:210mm;min-height:285mm;max-width:100%;margin:auto;border:3px double var(--navy);padding:17mm 16mm 12mm;text-align:center;position:relative;box-shadow:0 5px 25px #132d4415}.certificate-logo{height:38mm;width:65mm;object-fit:contain}.certificate h1{font-size:37px;letter-spacing:8px;margin:18px 0 0;color:var(--navy)}.certificate .sub{letter-spacing:3px;font-size:13px;margin-top:3px}.certificate h2{font-size:26px;margin:22px 0 10px}.certificate h3{font-size:27px;margin:20px 0;color:var(--navy)}.certificate p{font-size:13px}.scope{white-space:normal;overflow-wrap:anywhere;padding:15px;background:#f5f8fa;min-height:75px}.cert-data{display:grid;grid-template-columns:repeat(3,1fr);font-size:11px;text-align:left;border-top:1px solid var(--line);padding-top:20px;gap:10px}.cert-data strong{font-size:13px}.cert-bottom{display:flex;justify-content:space-between;text-align:left;align-items:end;margin-top:25px}.signature-space{height:40px}.qr-area{text-align:center;width:115px}.qr-area svg{width:115px;height:115px}.qr-area small{font-size:8px}.verify-url{font-size:8px!important;overflow-wrap:anywhere;margin-top:15px}.certificate-footer{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;font-size:10px;color:#647384}.certificate-warning{margin-top:25px;padding:12px;border:2px solid #a33;color:#a33;font-weight:700;text-transform:uppercase}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:680px){header{flex-direction:column;align-items:start;padding:16px}main{padding:20px 12px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:12px}.certificate{padding:24px}.cert-data{grid-template-columns:1fr}h1{font-size:27px}}
@page{size:A4;margin:0}@media print{body{background:white}header,footer,.print-actions{display:none!important}main{margin:0;padding:0;max-width:none}.certificate{width:210mm;max-width:none;min-height:297mm;box-shadow:none;margin:0;border-width:3px;break-inside:avoid;padding:17mm 16mm 12mm}a{text-decoration:none}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}.cert-data{grid-template-columns:repeat(3,1fr)}}

.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.metrics article{padding:20px;background:#edf3f8;border-radius:8px}.metrics strong{display:block;font-size:32px;color:var(--navy)}.metrics span{font-size:13px}.chart-row{display:flex;gap:18px;align-items:center;margin:10px 0}.chart-row span{min-width:180px}.chart-row meter{flex:1;height:25px}.export-link{display:block;padding:18px;background:#eaf1f8;border-radius:6px}.official-copy{white-space:normal;overflow-wrap:anywhere}button:disabled{opacity:.6;cursor:wait}@media(max-width:680px){.metrics{grid-template-columns:repeat(2,1fr)}}