.course-certificate{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff}.certificate-controls{text-align:center}.certificate-controls h3{margin:0 0 1.5rem;font-size:1.5rem;color:#fff}.name-input-group{margin:1.5rem 0}.name-input-group label{display:block;margin-bottom:.5rem;font-size:1rem;color:#ffffffe6}.name-input{width:100%;max-width:400px;padding:.75rem 1rem;font-size:1rem;border:2px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:#fff;transition:all .2s}.name-input::placeholder{color:#ffffff80}.name-input:focus{outline:none;border-color:#fff;background:#fff3}.certificate-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.btn-show-certificate,.btn-download,.btn-secondary{padding:.75rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-show-certificate,.btn-download{background:#fff;color:#667eea}.btn-show-certificate:hover,.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-show-certificate:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#ffffff1a}.certificate-display{margin-top:2rem;background:#fff;padding:2rem;border-radius:.5rem}.certificate-border{border:8px double #667eea;padding:3rem;position:relative}.certificate-inner{text-align:center;color:#1a202c}.certificate-header{margin-bottom:2rem}.certificate-logo{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem}.certificate-type{font-size:1.5rem;color:#4a5568;margin:0;font-weight:400;text-transform:uppercase;letter-spacing:2px}.certificate-body{margin:3rem 0}.certificate-text{font-size:1.125rem;color:#4a5568;margin:.5rem 0}.student-name{font-size:2.5rem;font-weight:700;color:#1a202c;margin:1.5rem 0;font-family:Georgia,serif;border-bottom:2px solid #667eea;display:inline-block;padding-bottom:.5rem}.course-name{font-size:1.75rem;font-weight:600;color:#667eea;margin:1.5rem 0}.certificate-date{font-size:1rem;color:#718096;margin-top:1rem}.certificate-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e2e8f0}.signature-line{display:inline-block;text-align:center}.signature{font-size:1.5rem;font-weight:600;color:#1a202c;margin-bottom:.5rem;font-family:Brush Script MT,cursive}.signature-label{font-size:.875rem;color:#718096;border-top:2px solid #1a202c;padding-top:.25rem}.certificate-seal{position:absolute;bottom:2rem;right:2rem;width:100px;height:100px}.seal-icon{width:100%;height:100%}.certificate-locked{text-align:center;padding:3rem 2rem;background:#f7fafc;border-radius:.5rem;margin:2rem 0}.locked-icon{font-size:4rem;margin-bottom:1rem}.certificate-locked h3{font-size:1.5rem;color:#1a202c;margin:0 0 .5rem}.certificate-locked p{color:#4a5568;margin:.5rem 0}.progress-text{font-weight:600;color:#667eea;margin-top:1rem!important}@media print{.certificate-controls,.certificate-actions{display:none!important}.certificate-display{margin:0;padding:0}.certificate-border{page-break-inside:avoid}}@media(max-width:640px){.course-certificate,.certificate-border{padding:1.5rem}.certificate-logo,.student-name{font-size:2rem}.course-name{font-size:1.5rem}.certificate-seal{width:80px;height:80px;bottom:1rem;right:1rem}}.progress-reset{margin:2rem 0;text-align:center}.btn-reset{padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;color:#dc2626;background:transparent;border:1px solid #dc2626;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-reset:hover{background:#dc2626;color:#fff}.confirm-dialog{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.confirm-content{background:#fff;padding:2rem;border-radius:.75rem;max-width:500px;width:100%;box-shadow:0 20px 25px -5px #0000001a}.confirm-content h4{margin:0 0 1rem;font-size:1.25rem;color:#dc2626}.confirm-content p{margin:.75rem 0;color:#4a5568;line-height:1.6}.confirm-content ul{margin:1rem 0;padding-left:1.5rem;color:#4a5568}.confirm-content li{margin:.5rem 0}.warning-text{font-weight:600;color:#dc2626;margin-top:1rem!important}.confirm-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.btn-confirm-reset,.btn-cancel{padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s}.btn-confirm-reset{background:#dc2626;color:#fff}.btn-confirm-reset:hover{background:#b91c1c}.btn-cancel{background:#e5e7eb;color:#374151}.btn-cancel:hover{background:#d1d5db}.progress-reset-complete{text-align:center;padding:2rem;background:#d1fae5;border:1px solid #34d399;border-radius:.5rem;color:#065f46}.success-icon{width:60px;height:60px;margin:0 auto 1rem;background:#34d399;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.progress-reset-complete p{margin:0;font-size:1.125rem;font-weight:500}@media(prefers-color-scheme:dark){.confirm-content{background:#1a202c;color:#e2e8f0}.confirm-content p,.confirm-content ul,.confirm-content li{color:#cbd5e0}.btn-cancel{background:#2d3748;color:#e2e8f0}.btn-cancel:hover{background:#4a5568}}@media(max-width:640px){.confirm-content{padding:1.5rem}.confirm-actions{flex-direction:column}.btn-confirm-reset,.btn-cancel{width:100%}}