:root{--color-navy: #0f2537;--color-navy-dark: #0a1926;--color-maroon: #7a121c;--color-maroon-dark: #5c0d15;--color-charcoal: #1f242e;--color-bg-gray: #f4f6f8;--color-border-gray: #c5cbd3;--color-border-dark: #0f2537;--color-success-bg: #e6f4ea;--color-success-border: #137333;--color-success-text: #0d5225;--color-revoked-bg: #fce8e6;--color-revoked-border: #c5221f;--color-revoked-text: #8c1d18;--font-heading: "Source Serif 4", Georgia, "Times New Roman", serif;--font-body: "IBM Plex Sans", Arial, Helvetica, sans-serif;--font-mono: "IBM Plex Mono", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);font-size:14px;line-height:1.45;color:var(--color-charcoal);background-color:var(--color-bg-gray);-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column}.official-header{background-color:var(--color-navy);color:#fff;border-bottom:3px solid var(--color-maroon)}.top-notice-bar{background-color:var(--color-navy-dark);font-size:11px;color:#c0cbda;padding:4px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body)}.top-notice-bar .ref-id{font-family:var(--font-mono);letter-spacing:.5px}.header-content{max-width:1000px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.brand-section{display:flex;align-items:center;gap:14px}.brand-logo-mark{width:36px;height:36px;background-color:var(--color-maroon);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:20px;border:1px solid #ffffff}.brand-title-group h1{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.2}.brand-title-group p{font-size:12px;color:#a8b8cc;text-transform:uppercase;letter-spacing:.8px}.header-nav{display:flex;gap:16px;align-items:center}.nav-link{color:#d1dbe6;text-decoration:none;font-size:13px;font-weight:500;padding:5px 10px;border:1px solid transparent;border-radius:2px;cursor:pointer}.nav-link:hover,.nav-link.active{color:#fff;background-color:#ffffff1a;border-color:#fff3}.main-content{flex:1;padding:24px 16px 40px;max-width:1000px;margin:0 auto;width:100%}.narrow-container{max-width:760px;margin:0 auto}.compliance-box{background:#fff;border:1px solid var(--color-border-gray);border-top:3px solid var(--color-navy);padding:24px;margin-bottom:24px;box-shadow:none;position:relative}.compliance-box-header{border-bottom:1px solid var(--color-border-gray);padding-bottom:12px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:flex-end}.compliance-box-header h2{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-navy)}.compliance-box-header p{font-size:12px;color:#5a6578}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-navy);margin-bottom:6px}.input-text,.input-select,.input-textarea{width:100%;padding:9px 12px;font-family:var(--font-body);font-size:14px;color:var(--color-charcoal);background-color:#fff;border:1px solid var(--color-border-gray);border-radius:2px;outline:none}.input-text:focus,.input-select:focus,.input-textarea:focus{border-color:var(--color-navy);background-color:#fafbfc}.input-mono{font-family:var(--font-mono);font-weight:500;letter-spacing:.5px}.input-hint{font-size:11px;color:#6c757d;margin-top:4px}.btn{display:inline-block;font-family:var(--font-body);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:9px 18px;border-radius:2px;border:1px solid transparent;cursor:pointer;text-decoration:none;text-align:center}.btn-primary{background-color:var(--color-navy);color:#fff;border-color:var(--color-navy)}.btn-primary:hover{background-color:var(--color-navy-dark)}.btn-secondary{background-color:#e9ecef;color:var(--color-charcoal);border-color:#ced4da}.btn-secondary:hover{background-color:#dee2e6}.btn-danger{background-color:var(--color-maroon);color:#fff;border-color:var(--color-maroon-dark)}.btn-danger:hover{background-color:var(--color-maroon-dark)}.btn-sm{padding:5px 10px;font-size:11px}.btn-block{display:block;width:100%}.data-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}.data-table th,.data-table td{border:1px solid var(--color-border-gray);padding:10px 12px;text-align:left;vertical-align:top}.data-table th{background-color:#edf0f4;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--color-navy);text-transform:uppercase;letter-spacing:.3px}.data-table tr:nth-child(2n){background-color:#f8fafc}.key-value-table{width:100%;border-collapse:collapse;margin:16px 0}.key-value-table td{border:1px solid var(--color-border-gray);padding:10px 14px;font-size:13px}.key-value-table td.key-col{background-color:#edf0f4;font-weight:600;color:var(--color-navy);width:32%;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.status-badge{display:inline-block;padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;border-radius:2px;border:1px solid}.status-valid{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.status-revoked{background-color:var(--color-revoked-bg);border-color:var(--color-revoked-border);color:var(--color-revoked-text)}.result-banner{border:1px solid;border-left:4px solid;padding:16px;margin-top:20px;margin-bottom:20px}.result-banner-valid{background-color:var(--color-success-bg);border-color:var(--color-success-border);border-left-color:var(--color-success-border);color:var(--color-success-text)}.result-banner-invalid{background-color:#fff3cd;border-color:#ffeeba;border-left-color:#d97706;color:#856404}.result-banner-revoked{background-color:var(--color-revoked-bg);border-color:var(--color-revoked-border);border-left-color:var(--color-revoked-border);color:var(--color-revoked-text)}.result-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.result-header h3{font-family:var(--font-heading);font-size:16px;font-weight:700}.small-icon-check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:var(--color-success-border);color:#fff;border-radius:50%;font-size:12px;font-weight:700}.verification-notice{font-size:12px;color:#4a5568;border-top:1px solid var(--color-border-gray);padding-top:12px;margin-top:16px;font-style:italic}.watermark-seal{position:absolute;right:20px;bottom:20px;width:110px;height:110px;border:2px dashed #d1d5db;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.15;pointer-events:none;font-family:var(--font-heading);color:var(--color-navy);transform:rotate(-12deg)}.watermark-seal span{font-size:10px;font-weight:700;text-transform:uppercase}.official-footer{background-color:#e9ecef;border-top:1px solid var(--color-border-gray);padding:24px 20px;font-size:11px;color:#5a6578;margin-top:auto}.footer-content{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-bottom:1px solid #ced4da;padding-bottom:12px}.footer-legal-text{max-width:650px;line-height:1.5}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--color-navy);text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;color:#6c757d;font-size:10px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f2537b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border:2px solid var(--color-navy);max-width:850px;width:100%;max-height:90vh;overflow-y:auto;padding:24px}.modal-actions{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border-gray);padding-bottom:14px;margin-bottom:20px}.certificate-frame{border:6px double var(--color-navy);padding:30px;background:#fff;position:relative;font-family:var(--font-body)}.cert-header-layout{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid var(--color-maroon);padding-bottom:16px;margin-bottom:24px}.cert-title{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--color-navy);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.cert-subtitle{font-size:12px;color:#555;text-transform:uppercase;letter-spacing:1px}.cert-body-text{text-align:center;margin:30px 0;line-height:1.8}.cert-recipient{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-navy);border-bottom:1px solid var(--color-navy);display:inline-block;padding:0 20px 4px;margin:10px 0}.cert-footer-layout{display:flex;justify-content:space-between;align-items:flex-end;margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border-gray)}.cert-qr-box{display:flex;flex-direction:column;align-items:center;gap:6px}.cert-qr-box img,.cert-qr-box svg{border:1px solid var(--color-border-gray);padding:4px;background:#fff}.cert-signature-box{text-align:center;width:200px}.cert-sig-line{border-bottom:1px solid var(--color-charcoal);margin-bottom:6px;height:40px}@media print{body *{visibility:hidden}.printable-area,.printable-area *{visibility:visible}.printable-area{position:absolute;left:0;top:0;width:100%}.modal-actions{display:none!important}.modal-overlay{position:absolute;background:none;padding:0}}