.certificate-card{animation:.34s cubic-bezier(.22,1,.36,1) both certificate-card-in;animation-delay:calc(var(--certificate-index,0) * 40ms);cursor:pointer;outline:none;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s,box-shadow .18s;overflow:hidden}.certificate-card:hover{border-color:color-mix(in srgb, var(--color-primary,#3b82f6) 45%, transparent);box-shadow:0 12px 28px -12px color-mix(in srgb, var(--color-primary,#3b82f6) 30%, transparent), 0 4px 12px -2px #00000026;transform:translateY(-2px)}.certificate-card:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:3px}.certificate-empty{animation:.24s ease-out both certificate-empty-in}.filter-select-trigger{justify-content:space-between;align-items:center;gap:.5rem;min-height:44px;padding-inline:.85rem;transition:border-color .16s,background-color .16s,box-shadow .16s;display:flex}.filter-select-trigger:focus-visible{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.filter-unroll-container{z-index:50;opacity:0;visibility:hidden;transform-origin:top;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.16,1,.3,1),opacity .18s ease-out,transform .22s cubic-bezier(.16,1,.3,1),visibility .22s;display:grid;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:hidden;transform:translateY(-6px)scaleY(.96)}.filter-unroll-container.is-open{opacity:1;visibility:visible;pointer-events:auto;grid-template-rows:1fr;transform:translateY(0)scaleY(1)}.filter-dropdown-card{scrollbar-width:none;-ms-overflow-style:none;border:1px solid var(--color-base-300,#ffffff24);background:var(--color-base-200,#1f2937);backdrop-filter:blur(12px);overscroll-behavior:contain;border-radius:.75rem;min-width:100%;max-height:280px;padding:.35rem;overflow:hidden auto;box-shadow:0 16px 36px -8px #00000059,0 6px 16px -4px #0000002e}.filter-dropdown-card::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.filter-dropdown-item{width:100%;min-height:44px;color:var(--color-base-content,#e2e8f0);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.625rem .85rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.filter-dropdown-item:hover,.filter-dropdown-item:focus-visible{background-color:color-mix(in srgb, var(--color-primary,#3b82f6) 14%, transparent);color:var(--color-primary,#60a5fa);outline:none}.filter-dropdown-item.is-selected{background-color:color-mix(in srgb, var(--color-primary,#3b82f6) 20%, transparent);color:var(--color-primary,#60a5fa);font-weight:600}.certificate-overlay{background:color-mix(in srgb, var(--color-base-100,#0c1524) 84%, #000000c7);backdrop-filter:blur(8px);animation:.2s ease-out both certificate-overlay-in;z-index:100000!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:clamp(.75rem,3vw,2rem)!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.certificate-overlay--closing{pointer-events:none;animation:.18s ease-in both certificate-overlay-out}.certificate-preview{border:1px solid var(--color-base-300,#ffffff29);background:var(--color-base-100,#111827);color:var(--color-base-content,#e2e8f0);animation:.22s cubic-bezier(.16,1,.3,1) both certificate-preview-in;box-shadow:0 28px 70px -12px #0009,0 10px 30px -4px #0000004d;transform-origin:50%!important;border-radius:.75rem!important;flex-direction:column!important;width:min(1040px,94vw)!important;max-width:94vw!important;height:min(86vh,86dvh)!important;max-height:86dvh!important;margin:auto!important;display:flex!important;position:relative!important;overflow:hidden!important}.certificate-overlay--closing .certificate-preview{animation:.18s ease-in both certificate-preview-out}.certificate-preview__header{border-bottom:1px solid var(--color-base-300,#ffffff24);background:var(--color-base-200,#1f2937);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem 1rem;display:grid}.certificate-preview__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.certificate-preview__viewport{background:var(--color-base-300,#1e293b);flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.certificate-preview__frame{background:#f8fafc;border:0;width:100%;height:100%;display:block}.certificate-preview__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;display:block;box-shadow:0 8px 24px #0000004d}.certificate-preview__footer{border-top:1px solid var(--color-base-300,#ffffff24);min-height:2.25rem;color:color-mix(in srgb, var(--color-base-content,#e2e8f0) 65%, transparent);flex-shrink:0;align-items:center;padding:.5rem 1rem;font-size:.75rem;display:flex}@keyframes certificate-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes certificate-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes certificate-preview-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes certificate-preview-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.97)}}@keyframes certificate-card-in{0%{opacity:0;transform:translateY(.75rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes certificate-empty-in{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.certificate-overlay,.certificate-preview,.certificate-overlay--closing,.certificate-overlay--closing .certificate-preview,.certificate-card,.certificate-empty,.filter-unroll-container{transition:none!important;animation:none!important}}