@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-green:#4bac9b;--primary-green-hover:#3d9689;--primary-green-light:#e6f4f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--border-radius:0.75rem;--border-radius-lg:1rem}html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.7}.app,body{min-height:100vh}.app{padding:2rem 0}.container{margin:0 auto;max-width:800px;padding:0 1rem;position:relative}@media (max-width:768px){.container{padding:0 .75rem}}.header{background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.header:before{background:linear-gradient(90deg,#4bac9b,#3d9689);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-hover));content:"";height:4px;left:0;position:absolute;right:0;top:0}.title{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1.5rem}.subtitle{color:#4b5563;color:var(--gray-600);font-size:1.125rem;margin:0 auto;max-width:600px}@media (max-width:768px){.header{padding:2rem 1.5rem}.title{font-size:2rem}.subtitle{font-size:1rem}}.rating-scale{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);margin-bottom:2rem;padding:2rem}.rating-scale h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.scale-items{grid-gap:.75rem;display:grid;gap:.75rem}.scale-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:.5rem;display:flex;gap:1rem;padding:.75rem 1rem;transition:all .2s ease}.scale-item:hover{background:#f3f4f6;background:var(--gray-100);transform:translateX(4px)}.scale-item .number{align-items:center;background:#4bac9b;background:var(--primary-green);border-radius:50%;color:#fff;color:var(--white);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.scale-item .description{color:#374151;color:var(--gray-700);font-weight:500}@media (max-width:768px){.rating-scale{padding:1.5rem}.scale-item{padding:.6rem .8rem}.scale-item .number{height:1.75rem;width:1.75rem}}.question-navigation{align-items:center;background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 2rem}.nav-btn{background:#4b5563;background:var(--gray-600);border:none;border-radius:.75rem;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.nav-btn:hover:not(:disabled){background:#374151;background:var(--gray-700);transform:translateY(-1px)}.nav-btn:disabled{background:#d1d5db;background:var(--gray-300);cursor:not-allowed;transform:none}.question-counter{color:#374151;color:var(--gray-700);font-size:1.125rem;font-weight:600}@media (max-width:768px){.question-navigation{padding:.875rem 1.25rem}.nav-btn{font-size:.875rem;padding:.625rem 1rem}.question-counter{font-size:1rem}}.question-card{animation:slideInUp .6s ease-out;background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:3rem;transition:all .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-card.answered{border:2px solid #4bac9b;border:2px solid var(--primary-green)}.question-text{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:500;line-height:1.6;margin-bottom:2rem;text-align:center}.rating-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.rating-btn{background:#fff;background:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#4b5563;color:var(--gray-600);cursor:pointer;font-size:1.125rem;font-weight:600;height:3.5rem;overflow:visible;position:relative;width:3.5rem}.rating-btn,.rating-btn:after{border-radius:50%;transition:all .3s ease}.rating-btn:after{background:#4bac9b;background:var(--primary-green);box-shadow:inset 0 2px 4px #0000001a;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0;z-index:-1}.rating-btn:hover{box-shadow:0 0 0 2px #4bac9b4d}.rating-btn.selected,.rating-btn:hover{border-color:#4bac9b;border-color:var(--primary-green);color:#4bac9b;color:var(--primary-green);transform:scale(1.05)}.rating-btn.selected{background:#fff;background:var(--white);box-shadow:0 0 0 3px #4bac9b66}.rating-btn.selected:after{background:#4bac9b;background:var(--primary-green);box-shadow:inset 0 2px 4px #00000026;height:65%;width:65%}@media (max-width:768px){.question-card{padding:2rem}.question-text{font-size:1.125rem}.rating-btn{font-size:1rem;height:3rem;width:3rem}.rating-buttons{gap:.75rem}}.question-dots{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem;padding:1rem}.question-dot{background:#d1d5db;background:var(--gray-300);border:none;border-radius:50%;cursor:pointer;height:.75rem;transition:all .2s ease;width:.75rem}.question-dot.active{background:#4b5563;background:var(--gray-600);transform:scale(1.5)}.question-dot.answered{background:#4bac9b;background:var(--primary-green)}.question-dot.answered.active{background:#3d9689;background:var(--primary-green-hover);transform:scale(1.5)}.question-dot:hover{transform:scale(1.3)}@media (max-width:768px){.question-dots{gap:.375rem;padding:.75rem}.question-dot{height:.625rem;width:.625rem}}.submit-section{animation:fadeIn .6s ease-out;margin:3rem 0;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.submit-btn{background:linear-gradient(135deg,#4bac9b,#3d9689);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-hover));border:none;border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;font-size:1.125rem;font-weight:600;overflow:hidden;padding:1rem 3rem;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-btn:hover:before{left:100%}.submit-btn:disabled{background:#9ca3af;background:var(--gray-400);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow);cursor:not-allowed;transform:none}@media (max-width:768px){.submit-btn{font-size:1rem;padding:.875rem 2rem}}.progress-indicator{background:#fff;background:var(--white);border-radius:.75rem;border-radius:var(--border-radius);bottom:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-width:300px;padding:1rem 1.5rem;position:fixed;right:2rem;z-index:1000}.progress-bar{background:#e5e7eb;background:var(--gray-200);border-radius:.25rem;height:.5rem;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4bac9b,#3d9689);background:linear-gradient(90deg,var(--primary-green),var(--primary-green-hover));border-radius:.25rem;height:100%;transition:width .3s ease}.progress-text{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-weight:500;text-align:center}@media (max-width:768px){.progress-indicator{bottom:1rem;left:1rem;max-width:none;padding:.875rem 1.25rem;right:1rem}}.results-section{animation:fadeIn .6s ease-out;background:#fff;background:var(--white);border-radius:1rem;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);margin:2rem 0;padding:3rem;print-color-adjust:exact;-webkit-print-color-adjust:exact}.results-section h2{border-bottom:2px solid #4bac9b;border-bottom:2px solid var(--primary-green);color:#111827;color:var(--gray-900);font-size:2rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.section-summary{background:#fff;background:var(--white);border:2px solid #4bac9b;border:2px solid var(--primary-green);border-radius:.75rem;border-radius:var(--border-radius);margin:2rem 0;padding:2rem;text-align:center}.section-summary h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;margin-bottom:1rem}.section-average{color:#4bac9b;color:var(--primary-green);display:block;font-size:3rem;font-weight:700;margin:1rem 0}.competency-result{background:#fff;background:var(--white);border:1px solid #e5e7eb;border-left:4px solid #4bac9b;border:1px solid var(--gray-200);border-left:4px solid var(--primary-green);border-radius:.75rem;border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.competency-result.needs-attention{border-left-color:#ef4444}.competency-result.strength{border-left-color:#4bac9b;border-left-color:var(--primary-green)}.competency-name{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.competency-score{color:#4bac9b;color:var(--primary-green);font-size:2rem;font-weight:700;margin-bottom:.5rem}.competency-result.needs-attention .competency-score{color:#ef4444}.competency-description{color:#4b5563;color:var(--gray-600);font-size:.875rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.pdf-export-btn{background:linear-gradient(135deg,#4bac9b,#3d9689);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-hover));border:none;border-radius:.75rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.pdf-export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pdf-export-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pdf-export-btn:hover:before{left:100%}.restart-btn{background:#4b5563;background:var(--gray-600);border:none;border-radius:.75rem;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 2rem;transition:all .3s ease}.restart-btn:hover{background:#374151;background:var(--gray-700);transform:translateY(-1px)}@media (max-width:768px){.action-buttons{align-items:center;flex-direction:column}.pdf-export-btn,.restart-btn{max-width:300px;width:100%}.results-section{padding:2rem}.results-section h2{font-size:1.5rem}.competency-result{padding:1.25rem}.section-summary{padding:1.5rem}.section-average{font-size:2.5rem}}.development-recommendations{margin-top:2rem}.development-recommendations h3,.development-recommendations h4{margin-bottom:1rem}.recommendation-item{border-radius:.75rem;border-radius:var(--border-radius);font-weight:500;margin-bottom:.5rem;padding:1rem}.needs-attention-section .recommendation-item{background:#fef2f2;border-left:4px solid #ef4444}.strengths-section .recommendation-item{background:#fff;background:var(--white);border-left:4px solid #4bac9b;border-left:4px solid var(--primary-green)}.loading .submit-btn{color:#0000;position:relative}.loading .submit-btn:after{animation:spin 1s linear infinite;border:2px solid #fff;border:2px solid var(--white);border-radius:50%;border-top:2px solid #0000;content:"";height:1.5rem;left:50%;margin:-.75rem 0 0 -.75rem;position:absolute;top:50%;width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.rating-btn:active{transform:scale(.95)}.submit-btn:active{transform:translateY(0)}.question-card{transition:all .2s ease}.question-card:active{transform:scale(.98)}}@media (prefers-contrast:high){:root{--gray-500:#000;--gray-600:#000;--gray-700:#000;--gray-800:#000;--gray-900:#000}.rating-btn{border-width:3px}.question-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.0bb6e937.css.map*/