.loading-screen{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{color:#fff;font-size:18px;font-weight:500}.error-screen{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.error-icon{font-size:80px;margin-bottom:20px}.error-title{color:#e53e3e;font-size:32px;margin-bottom:15px}.error-message{color:#666;line-height:1.6;margin-bottom:20px}.error-id{color:#333;font-size:16px;margin-bottom:30px}.error-id code{background:#f7fafc;border-radius:5px;font-family:monospace;padding:5px 10px}.error-actions{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover{background:#3182ce;transform:translateY(-2px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0;transform:translateY(-2px)}.certificate-page{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.certificate-wrapper{max-width:800px;width:100%}.certificate-card{border-radius:25px;box-shadow:0 20px 60px #0000004d;margin-bottom:30px;overflow:hidden;position:relative}.certificate-header{padding:40px 30px 30px;position:relative;text-align:center}.direction-icon{font-size:60px;margin-bottom:20px}.certificate-title{color:#fff;font-size:42px;letter-spacing:3px;margin:0;text-shadow:2px 2px 4px #0003}.certificate-code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #fff3;border-radius:20px;color:#fff;font-weight:600;padding:8px 15px;position:absolute;right:20px;top:20px}.certificate-content{background:#fff;border-radius:20px;box-shadow:0 5px 20px #0000001a;margin:-20px 20px 20px;padding:40px}.user-info{text-align:center}.user-fullname{border-bottom:3px solid #f0f0f0;color:#333;font-size:32px;margin-bottom:40px;padding-bottom:20px}.user-details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(2,1fr);margin-bottom:40px;text-align:left}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:18px;font-weight:500}.direction-badge{background:#0000000d;border-radius:6px;display:inline-block;font-weight:700;padding:5px 12px}.certificate-footer{align-items:center;border-top:2px solid #eee;display:flex;justify-content:space-between;padding-top:30px}.qr-section{text-align:center}.qr-code-container{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:inline-block;padding:10px}.qr-code-image{display:block;height:140px;width:140px}.qr-label{color:#666;font-size:14px;font-weight:500;margin-top:10px}.issue-info{text-align:right}.issue-date p{color:#666;margin:0}.date-value{color:#333;font-size:18px;font-weight:700;margin-top:5px}.signature{margin-top:30px}.signature-line{background:#333;height:1px;margin-bottom:5px;width:200px}.signature-text{color:#666;font-size:14px;margin:0}.actions-panel{gap:15px;margin-bottom:30px}.action-btn,.actions-panel{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:50px;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:16px;font-weight:600;gap:10px;min-width:180px;padding:15px 30px;transition:all .3s ease}.print-action{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.print-action:hover{box-shadow:0 6px 20px #4299e14d;transform:translateY(-2px)}.share-action{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.share-action:hover{box-shadow:0 6px 20px #48bb784d;transform:translateY(-2px)}.btn-icon{font-size:18px}.btn-text{font-weight:600}.verification-info{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:20px;text-align:center}.verification-info p{color:#666;font-size:14px;margin:10px 0}.verification-info strong{background:#f8f9fa;border-radius:5px;color:#333;font-family:monospace;padding:3px 8px;word-break:break-all}.timestamp{color:#999;font-size:12px;font-style:italic}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.not-found-content{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0003;max-width:600px;padding:50px;text-align:center;width:100%}.not-found-title{color:#667eea;font-size:120px;font-weight:900;line-height:1;margin:0}.not-found-subtitle{color:#333;font-size:32px;margin:10px 0 30px}.not-found-details{margin:30px 0;text-align:left}.not-found-message{color:#666;line-height:1.6;margin-bottom:25px}.not-found-path{background:#f8f9fa;border-radius:10px;margin-bottom:25px;padding:15px}.not-found-path p{color:#4a5568;font-weight:600;margin-bottom:10px}.path-code{background:#fff;border-radius:5px;color:#e53e3e;display:block;font-family:monospace;padding:10px;word-break:break-all}.not-found-example{background:#edf2f7;border-radius:10px;padding:15px}.not-found-example p{color:#4a5568;font-weight:600;margin-bottom:10px}.example-code{background:#fff;border-radius:5px;color:#48bb78;display:block;font-family:monospace;padding:10px}.not-found-actions{display:flex;gap:15px;justify-content:center}.btn-home{background:#4299e1;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-home:hover{background:#3182ce;transform:translateY(-2px)}.btn-back{background:#e2e8f0;border:none;border-radius:10px;color:#4a5568;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-back:hover{background:#cbd5e0;transform:translateY(-2px)}@media (max-width:768px){.certificate-page{padding:10px}.certificate-content{margin:-15px 15px 15px;padding:25px}.user-fullname{font-size:24px}.user-details-grid{gap:20px;grid-template-columns:1fr}.certificate-footer{flex-direction:column;gap:30px}.issue-info{text-align:center}.actions-panel{align-items:center;flex-direction:column}.action-btn{max-width:300px;width:100%}.error-actions{flex-direction:column}.not-found-content{padding:30px 20px}.not-found-title{font-size:80px}.not-found-subtitle{font-size:24px}.not-found-actions{flex-direction:column}}@media print{.actions-panel,.verification-info{display:none}.certificate-page{background:#fff!important;padding:0}.certificate-card{box-shadow:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.certificate-wrapper{animation:slideUp .5s ease-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Dizayn Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.7100f3f0.css.map*/