.viewer-container{background-color:var(--off-white);min-height:100vh;font-family:var(--font-body);padding:120px 20px 60px}.viewer-wrapper{flex-direction:column;gap:25px;max-width:1000px;margin:0 auto;display:flex}.back-nav{align-items:center;display:flex}.back-link{color:#475569;transition:color var(--transition-fast);align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--primary-color)}.viewer-header{background:var(--white);border:1px solid var(--gray-100);border-radius:12px;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.header-icon-wrap{background:var(--gray-50);border-radius:10px;justify-content:center;align-items:center;padding:16px;display:flex}.viewer-header-icon{width:32px;height:32px}.pdf-color{color:#ef4444}.img-color{color:#2563eb}.header-text h1{color:var(--black);margin-bottom:6px;font-size:1.75rem;font-weight:700}.header-text p{color:#64748b;margin:0;font-size:.95rem}.viewer-toolbar{flex-wrap:wrap;gap:15px;display:flex}.toolbar-btn{transition:all var(--transition-fast);border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0000000d}.primary-btn{background-color:var(--primary-color);color:var(--white)}.primary-btn:hover{background-color:#be1218;transform:translateY(-1px);box-shadow:0 4px 12px #e31e2433}.secondary-btn{background-color:var(--white);color:#334155;border:1px solid var(--gray-100)}.secondary-btn:hover{background-color:var(--gray-50);color:var(--black);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.document-card{background:var(--white);border:1px solid var(--gray-100);border-radius:12px;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.iframe-container{border:1px solid var(--gray-100);background:#f1f5f9;border-radius:8px;width:100%;height:800px;overflow:hidden}.pdf-iframe{border:none;width:100%;height:100%}.image-display-container{border:1px solid var(--gray-50);background:#fafafa;border-radius:8px;justify-content:center;width:100%;padding:16px;display:flex}.certificate-image-view{object-fit:contain;max-width:100%;height:auto;transition:transform var(--transition-slow);border-radius:6px;box-shadow:0 4px 20px #00000014}.certificate-image-view:hover{transform:scale(1.01)}@media (max-width:768px){.viewer-container{padding-top:100px}.viewer-header{flex-direction:column;align-items:flex-start;gap:15px}.header-text h1{font-size:1.5rem}.toolbar-btn{flex:1;justify-content:center;width:100%}.iframe-container{height:500px}.document-card{padding:12px}}