:root{--bg: #f9fafb;--card: #ffffff;--text: #111827;--muted: #4b5563;--border: #e5e7eb;--primary: #0284c7;--primary-600: #0369a1;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--surface: #ffffff;--glass: rgba(255,255,255,.6);--radius-sm: 6px;--radius: 10px;--gap: 16px;--shadow-1: 0 2px 6px rgba(0,0,0,.06);--shadow-2: 0 8px 30px rgba(2,6,23,.08);--header-bg: color-mix(in oklab, var(--card) 92%, transparent);--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--container: 1100px}:root[data-theme=dark],:root.dark{--bg: #071021;--card: #081025;--text: #e6eef6;--muted: #9aa4b2;--border: #273142;--primary: #0ea5e9;--primary-600: #0284c7;--surface: #081022;--glass: rgba(255,255,255,.04);--shadow-1: 0 2px 8px rgba(0,0,0,.24);--shadow-2: 0 10px 40px rgba(0,0,0,.45)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{max-width:100%;display:block}a{color:var(--primary);text-decoration:none}a:hover,a:focus{text-decoration:underline}code,pre,kbd{font-family:var(--font-mono)}:where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-40px;background:var(--primary);color:#0b0d12;padding:8px 12px;border-radius:8px;font-weight:700;z-index:1000;transition:top .15s ease}.skip-link:focus{top:8px;outline:2px solid var(--primary-600)}.h{margin:0 0 8px;font-weight:800}.muted{color:var(--muted)}.layout{min-height:100%;display:flex;flex-direction:column}.site-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--header-bg);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:800}.brand:hover{text-decoration:none;opacity:.95}.nav{display:flex;align-items:center;gap:16px}.nav a{color:var(--text);opacity:.85;padding:6px 8px;border-radius:8px}.nav a.active{background:color-mix(in oklab,var(--primary) 14%,transparent);opacity:1}.nav a:hover{background:color-mix(in oklab,var(--text) 12%,transparent);text-decoration:none}.header-actions{display:flex;align-items:center;gap:10px}.hamburger{display:none;background:none;border:0;color:var(--text);font-size:22px;cursor:pointer;line-height:1}@media (max-width: 640px){.nav{display:none;flex-direction:column;gap:var(--space-3);position:absolute;top:60px;right:20px;background:var(--card);padding:var(--space-3);border-radius:8px;box-shadow:var(--shadow-2);border:1px solid var(--border)}.nav.open,.nav[data-open=true]{display:flex}.hamburger{display:block}}.main{width:100%;max-width:var(--container);margin:0 auto;padding:var(--space-5);flex:1 1 auto}.site-footer{border-top:1px solid var(--border);padding:var(--space-4) var(--space-5);color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px}.footer-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer-links .muted{color:var(--muted)}.btn{--btn-bg: var(--primary);--btn-fg: #0b0d12;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:10px 14px;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;font-weight:700;box-shadow:var(--shadow-1);transition:transform .06s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn.secondary{--btn-bg: color-mix(in oklab, var(--text) 14%, transparent);--btn-fg: var(--text);border:1px solid var(--border);box-shadow:none}.btn.secondary:hover{background:color-mix(in oklab,var(--text) 24%,transparent);opacity:1}.btn.destructive,.btn.danger{--btn-bg: var(--danger);--btn-fg: #fff}.btn.tiny{padding:6px 8px;font-size:12px;border-radius:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:clamp(16px,2vw,24px)}.note{background:color-mix(in oklab,var(--text) 12%,transparent);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:var(--text)}.pill{display:inline-flex;align-items:center;gap:6px;background:color-mix(in oklab,var(--primary) 18%,transparent);color:var(--text);border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12px;border-radius:999px;padding:3px 8px;border:1px solid var(--border);color:var(--text);background:color-mix(in oklab,var(--text) 8%,transparent)}.badge-valid{background:color-mix(in oklab,var(--success) 18%,transparent);color:#eafff6;border-color:color-mix(in oklab,var(--success) 36%,transparent)}.badge-revoked{background:color-mix(in oklab,var(--danger) 18%,transparent);color:#fff0f0;border-color:color-mix(in oklab,var(--danger) 36%,transparent)}.input,select.input,textarea.input{width:100%;padding:10px 12px;background:color-mix(in oklab,var(--card) 92%,#0b0d12 8%);color:var(--text);border:1px solid var(--border);border-radius:10px;outline:none}.input::placeholder{color:color-mix(in oklab,var(--muted) 68%,transparent)}.input:disabled{opacity:.6;cursor:not-allowed}.grid{display:grid;gap:var(--space-3)}.table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:12px;overflow:hidden}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table thead th{background:color-mix(in oklab,var(--text) 16%,transparent);font-weight:800}.table tbody tr:hover{background:color-mix(in oklab,var(--text) 10%,transparent)}.cert-preview{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-2) 0}.cert-preview #cert-capture{transform-origin:top left;transform:scale(1) translateZ(0)}@media (max-width: 900px){.cert-preview{height:955px}.cert-preview #cert-capture{transform:scale(.85) translateZ(0)}}@media (max-width: 680px){.cert-preview{height:674px}.cert-preview #cert-capture{transform:scale(.6) translateZ(0)}}@media print{#cert-capture{box-shadow:none!important;border-color:#111827!important}}.note a.active{font-weight:700;border-bottom:2px solid currentColor}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (forced-colors: active){.btn{border:2px solid ButtonText}.badge,.note,.card,.input{border-color:CanvasText}}@media print{.site-header,.site-footer,.skip-link{display:none!important}.legal.card{box-shadow:none;border:0}a[href^=http]:after{content:" (" attr(href) ")";font-size:90%}}[dir=rtl] .site-header{direction:rtl}[dir=rtl] .nav,[dir=rtl] .footer-links{flex-direction:row-reverse}.toast-viewport{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:9999;pointer-events:none}.toast{pointer-events:auto;min-width:240px;max-width:360px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#111827;color:#fff;box-shadow:0 6px 18px #0000002e;padding:10px 12px;animation:toast-in .18s ease-out}.toast-title{font-weight:700;font-size:.95rem}.toast-desc{opacity:.9;font-size:.85rem;margin-top:4px}.toast-info{background:#111827}.toast-success{background:#0ea5e9}.toast-error{background:#ef4444}.toast-warning{background:#f59e0b}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;height:100%;gap:12px;font-size:.875rem;color:var(--muted, #666);text-align:center}.spinner-container.inline{min-height:0;height:auto;flex-direction:row;gap:10px}.spinner{--spinner-size: 40px;--spinner-thickness: 4px;width:var(--spinner-size);height:var(--spinner-size);border:var(--spinner-thickness) solid rgba(0,0,0,.12);border-top-color:var(--primary, #007bff);border-radius:50%;animation:spin .9s linear infinite;will-change:transform}.spinner--sm{--spinner-size: 22px;--spinner-thickness: 3px}.spinner--md{--spinner-size: 40px;--spinner-thickness: 4px}.spinner--lg{--spinner-size: 56px;--spinner-thickness: 5px}@keyframes spin{to{transform:rotate(360deg)}}.spinner-text{color:var(--text, #333);font-size:.875rem}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:var(--primary, #007bff)}}@media (forced-colors: active){.spinner{border:4px solid CanvasText;border-top-color:Highlight}}@media print{.spinner-container{display:none!important}}