:root{--primary: #0066cc;--primary-dark: #004c99;--primary-light: #3399ff;--secondary: #475569;--secondary-dark: #334155;--secondary-light: #94a3b8;--success: #059669;--warning: #d97706;--danger: #dc2626;--info: #0284c7;--light: #f8fafc;--light-alt: #f1f5f9;--dark: #0f172a;--dark-alt: #1e293b;--white: #ffffff;--border: #e2e8f0;--border-dark: #cbd5e1;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color:var(--dark);background-color:var(--light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;width:100%}html{overflow-x:hidden;width:100%}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}a.btn-login,a.btn-logout,a.btn-signup{color:inherit}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--dark)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}button{border-radius:6px;border:none;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .25s}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.page.home{background:linear-gradient(180deg,#f8fafc,#fff)}.hero{text-align:center;padding:0 2rem 5rem;position:relative;overflow:hidden;background:#fff;min-height:650px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:none;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:none;z-index:0}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-badge{display:inline-block;padding:.75rem 1.8rem;background:linear-gradient(135deg,#f0f4ff,#faf5ff);color:#667eea;border-radius:50px;font-size:.95rem;font-weight:700;margin-bottom:2rem;box-shadow:0 8px 24px #667eea26,inset 0 1px #ffffff80;position:relative;z-index:1;animation:slideInDown .7s ease-out;border:2px solid #e0e7ff;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;font-size:.85rem}.hero-badge:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea40;background:linear-gradient(135deg,#e0e7ff,#f5f0ff)}.hero h1{font-size:clamp(2.8rem,6vw,4.2rem);margin-bottom:1.5rem;color:#1e293b;font-weight:900;line-height:1.15;position:relative;z-index:1;animation:slideInUp .8s ease-out .1s both;text-shadow:none;letter-spacing:-.5px}.hero h1:after{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);margin:1.5rem auto 0;border-radius:2px;box-shadow:0 2px 8px #667eea80}.subtitle{font-size:clamp(1.1rem,2.2vw,1.35rem);color:#64748b;margin:0 auto 3rem;max-width:750px;line-height:1.8;font-weight:400;position:relative;z-index:1;animation:slideInUp .8s ease-out .25s both;text-shadow:none}.hero-buttons{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;position:relative;z-index:1;animation:slideInUp .8s ease-out .4s both}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 12px 32px #667eea66}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 48px #667eea80;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{background:#ffffff26;color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 36px #00000040;color:#fff;border-color:#ffffff80}.btn-large{padding:1.1rem 2.8rem;font-size:1.05rem;font-weight:700;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;letter-spacing:.3px}.hero-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;position:relative;z-index:1;animation:slideInUp .8s ease-out .55s both}.stat-item{text-align:center;animation:float 3s ease-in-out infinite}.stat-item:nth-child(2){animation-delay:.5s}.stat-item:nth-child(3){animation-delay:1s}.stat-number{font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.75rem;display:block}.stat-label{font-size:.85rem;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.section-header{text-align:center;margin-bottom:4rem;animation:fadeInUp .6s ease-out}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#1e293b;margin-bottom:1rem}.section-header p{font-size:1.15rem;color:#64748b;max-width:700px;margin:0 auto}.features-section{padding:5rem 2rem;max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .4s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #667eea26;border-color:#667eea}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block;filter:grayscale(.2);transition:all .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1);filter:grayscale(0)}.feature-card h3{font-size:1.4rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.feature-card p{color:#64748b;line-height:1.7;margin:0;font-size:1rem}.categories-section{padding:5rem 2rem;background:linear-gradient(135deg,#f8fafc,#e8edff);position:relative}.categories-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.03) 0%,transparent 50%);pointer-events:none}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto;position:relative;z-index:1}.category-item{background:#fff;padding:1.75rem;border-radius:16px;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border-left:4px solid transparent}.category-item:hover{transform:translate(8px);box-shadow:0 8px 24px #667eea1f;border-left-color:#667eea}.category-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8edff);border-radius:12px;transition:all .3s ease}.category-item:hover .category-icon{transform:rotate(5deg) scale(1.1);background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.category-content h4{font-size:1.1rem;color:#1e293b;margin:0 0 .5rem;font-weight:700}.category-content p{font-size:.9rem;color:#64748b;margin:0;line-height:1.6}.how-it-works{padding:5rem 2rem;max-width:1400px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2.5rem;position:relative}.step-card{text-align:center;background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;border:2px solid transparent}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #667eea26;border-color:#667eea}.step-number{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin:0 auto 1.5rem;box-shadow:0 8px 20px #667eea59;transition:all .3s ease}.step-card:hover .step-number{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 28px #667eea73}.step-card h4{font-size:1.35rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.step-card p{color:#64748b;line-height:1.7;margin:0;font-size:1rem}.cta-section{text-align:center;padding:6rem 2rem;background:linear-gradient(135deg,#1e293b,#334155);position:relative;overflow:hidden;margin:4rem 0 0}.cta-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.15) 0%,transparent 70%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.cta-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.cta-section h2{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1.25rem;font-weight:800}.cta-section p{font-size:1.2rem;color:#ffffffe6;margin-bottom:2.5rem;line-height:1.7}.btn-cta{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 3rem;font-size:1.2rem;font-weight:700;background:#fff;color:#667eea;border:none;border-radius:12px;text-decoration:none;box-shadow:0 8px 24px #0003;transition:all .3s ease}.btn-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0000004d;color:#764ba2}.cta-note{margin-top:2rem;font-size:.95rem;color:#fffc;font-weight:500}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{padding:3rem 1.5rem 2rem}.hero h1{font-size:2rem}.subtitle{font-size:1.05rem}.hero-stats{gap:2rem}.stat-number{font-size:2.5rem}.stat-label{font-size:.75rem}.features-section,.categories-section,.how-it-works{padding:3rem 1.5rem}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.85rem}.section-header p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:2rem 1.5rem}.feature-icon{font-size:3rem}.feature-card h3{font-size:1.25rem}.categories-grid{grid-template-columns:1fr;gap:1rem}.category-item{padding:1.5rem}.category-icon{font-size:2rem;width:50px;height:50px}.category-content h4{font-size:1rem}.category-content p{font-size:.875rem}.steps-container{grid-template-columns:1fr;gap:2rem}.step-card{padding:2rem 1.5rem}.step-number{width:60px;height:60px;font-size:1.75rem}.step-card h4{font-size:1.2rem}.cta-section{padding:4rem 1.5rem}.cta-section h2{font-size:1.85rem}.cta-section p{font-size:1.05rem}.btn-cta{padding:1rem 2rem;font-size:1.05rem}}@media(max-width:480px){.hero{padding:2rem 1rem 1.5rem}.hero-badge{font-size:.75rem;padding:.4rem 1rem}.hero h1{font-size:1.75rem;margin-bottom:1rem}.subtitle{font-size:.95rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;width:100%;gap:.75rem}.btn-large{width:100%;justify-content:center;padding:.875rem 1.5rem;font-size:1rem}.hero-stats{flex-direction:column;gap:1.5rem}.stat-number{font-size:2.25rem}.stat-label{font-size:.7rem}.features-section,.categories-section,.how-it-works{padding:2.5rem 1rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem;line-height:1.3}.section-header p{font-size:.9rem;line-height:1.6}.features-grid{gap:1.25rem}.feature-card{padding:1.75rem 1.25rem}.feature-icon{font-size:2.75rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.15rem}.feature-card p{font-size:.9rem}.categories-grid{gap:.875rem}.category-item{padding:1.25rem;gap:1rem;flex-direction:column;align-items:center;text-align:center}.category-item:hover{transform:translateY(-4px)}.category-icon{font-size:2rem;width:50px;height:50px}.category-content h4{font-size:.95rem}.category-content p{font-size:.825rem}.steps-container{gap:1.5rem}.step-card{padding:1.75rem 1.25rem}.step-number{width:55px;height:55px;font-size:1.5rem;margin-bottom:1rem}.step-card h4{font-size:1.1rem;margin-bottom:.75rem}.step-card p{font-size:.9rem}.cta-section{padding:3rem 1rem}.cta-section h2{font-size:1.5rem;margin-bottom:1rem}.cta-section p{font-size:.95rem;margin-bottom:2rem}.btn-cta{width:100%;padding:1rem 1.5rem;font-size:1rem}.cta-note{font-size:.85rem;margin-top:1.5rem}}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;line-height:1.1}.subtitle{font-size:1.25rem;color:var(--secondary);margin-bottom:2rem;max-width:720px;margin-left:auto;margin-right:auto;font-weight:400;line-height:1.6}.hero-note{margin-top:1.5rem;font-size:.95rem;color:var(--secondary);font-weight:500}.btn-large{padding:1rem 2.5rem;font-size:1.15rem;margin-top:1rem;display:inline-block;box-shadow:0 4px 12px #0066cc40;transition:all .3s ease;color:#fff}.btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0066cc59;color:#fff}.info-section{text-align:center;max-width:900px;margin:0 auto 3rem;padding:0 1.5rem}.info-section h2{font-size:2.5rem;margin-bottom:1rem;color:var(--dark);font-weight:700}.section-intro{font-size:1.15rem;color:var(--secondary);line-height:1.7;margin:0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto 5rem;padding:0 1.5rem}.feature-card{background:#fff;padding:2rem 1.75rem;border-radius:16px;box-shadow:var(--shadow);text-align:center;transition:all .3s ease;border-top:4px solid var(--primary)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f;border-top-color:var(--primary-dark)}.feature-icon{font-size:3.5rem;margin-bottom:1.25rem;display:block}.feature-card h3{font-size:1.35rem;margin-bottom:.85rem;color:var(--dark);font-weight:700}.feature-card p{color:var(--secondary);line-height:1.65;margin:0;font-size:1rem}.how-it-works{max-width:1100px;margin:5rem auto;padding:3rem 1.5rem;background:linear-gradient(135deg,#0066cc05,#3399ff0a);border-radius:16px}.how-it-works h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--dark);font-weight:700}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2.5rem}.step{text-align:center;position:relative}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.25rem;box-shadow:0 4px 12px #0066cc4d}.step h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--dark);font-weight:700}.step p{color:var(--secondary);line-height:1.6;margin:0;font-size:.95rem}.cta-section{text-align:center;max-width:800px;margin:5rem auto 3rem;padding:3rem 1.5rem;background:linear-gradient(135deg,#003d7a,#002952);border-radius:16px;color:#fff}.cta-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.page.home .cta-section p{font-size:1.15rem;margin-bottom:2rem;color:#fff;opacity:1;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:500}.cta-section .btn-large{background:#fff;color:var(--primary);box-shadow:0 4px 16px #00000026;font-weight:600}.cta-section .btn-large:hover{background:#fffffff2;color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 24px #0003}@media(max-width:768px){.hero h1{font-size:2.25rem}.subtitle{font-size:1.05rem}.info-section h2,.how-it-works h2,.cta-section h2{font-size:1.85rem}.features{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.75rem 1.5rem}.steps{grid-template-columns:1fr;gap:2rem}.how-it-works,.cta-section{padding:2rem 1rem}}.question-table-wrapper{margin:0 auto;width:100%;padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;box-sizing:border-box}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem 1rem 0;flex-shrink:0}.table-header h3{margin:0;font-size:1.1rem;color:var(--primary)}.category-stats{font-weight:600;color:var(--secondary)}.question-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:none;border-radius:0;overflow:visible;table-layout:auto;margin:0;min-width:min-content}.question-table thead th{padding:.9rem 1rem;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;font-weight:600;font-size:.95rem}.question-table thead th:first-child{text-align:left}.question-table thead th:not(:first-child){text-align:center}.score-number{font-size:1rem;font-weight:700}.score-header{font-size:.85rem;font-weight:700;opacity:.95;color:#fffffff2;line-height:1.2;white-space:normal}.question-table tbody td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle}.question-table tbody tr:first-child td{padding-top:1rem}.question-table tbody tr:last-child td{border-bottom:none;padding-bottom:1rem}.q-text{font-weight:500;color:var(--dark);padding:.75rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.35}.q-choice{padding:.75rem;text-align:center}.question-table thead th:not(:first-child){font-size:.88rem;padding:.65rem .45rem;line-height:1.2;white-space:normal}.score-header{font-size:.78rem;line-height:1.1;white-space:normal}@media(min-width:1400px){.question-table-wrapper{max-width:1800px}.question-table thead th:first-child,.question-table tbody td:first-child{width:55%}.question-table thead th:not(:first-child),.question-table tbody td:not(:first-child){width:9%}}@media(max-width:720px){.question-table{table-layout:auto}.question-table thead{display:none}.question-table tbody td{display:block;width:100%}.question-table tbody td:not(:first-child){text-align:left}.question-table tbody tr{display:block;margin-bottom:.75rem;border-bottom:1px solid var(--border)}}.radio-label{position:relative;display:inline-flex;align-items:center;gap:.5rem}.radio-input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;position:relative}.radio-input:hover{transform:scale(1.15)}.radio-input:focus{outline:2px solid var(--primary);outline-offset:2px}.tooltip-text{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--dark);color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:all .2s ease;z-index:10;box-shadow:0 4px 12px #00000026}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--dark)}.radio-input:hover~.tooltip-text{opacity:1;visibility:visible}.radio-input:focus~.tooltip-text{opacity:1;visibility:visible}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.choice-label{display:none;font-size:.8rem;color:var(--secondary);margin-left:6px}@media(max-width:768px){.question-table thead{display:none}.question-table tbody td{display:block;width:100%}.question-table tbody tr{display:block;margin-bottom:1rem;border-bottom:1px solid var(--border)}.q-text{display:block;margin-bottom:.5rem;width:100%}.q-choice{display:inline-block;width:auto;margin-right:.5rem}.choice-label{display:inline-block;margin-left:8px;vertical-align:middle}}@media(max-width:480px){.score-label{display:none}.visually-hidden{position:absolute}.choice-label{display:inline-block}}.question-card{background:#fff;padding:1.5rem;margin-bottom:1rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border);transition:all .2s ease;animation:slideIn .3s ease-out}.question-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px);border-color:var(--primary-light)}.question-text{font-weight:600;margin-bottom:1.25rem;color:var(--dark-alt);font-size:1.05rem;line-height:1.5}.rating-container{display:flex;flex-direction:column;gap:.75rem}.rating-scale{display:flex;justify-content:space-between;gap:.5rem}.rating-btn{position:relative;flex:1;aspect-ratio:1;max-width:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--light);border:1px solid var(--border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.hidden-radio{position:absolute;opacity:0;width:0;height:0}.rating-number{font-size:1.1rem;font-weight:600;color:var(--secondary);transition:color .2s}.rating-btn.selected{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-color:transparent;transform:scale(1.1);box-shadow:0 4px 12px #2563eb4d}.rating-btn.selected .rating-number{color:#fff}@media(hover:hover){.rating-btn:hover:not(.selected){background:#e0e7ff;border-color:var(--primary-light);color:var(--primary)}}.rating-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--secondary-light);font-weight:500;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.results-hero{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.results-hero h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.results-subtitle{font-size:1.15rem;color:var(--secondary);font-weight:500}.score-ring-progress{fill:none;stroke:url(#scoreGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48;animation:fillRing 2s ease-out forwards;filter:drop-shadow(0 0 8px rgba(0,102,204,.4))}@media(max-width:480px){.results-container{padding:1.5rem 1rem}.results-hero h1{font-size:1.85rem}.score-circle{width:160px;height:160px}.score-number{font-size:2.25rem}.category-card{padding:1.5rem}.results-actions{flex-direction:column;gap:.75rem}.button-group{width:100%;gap:.5rem}.action-btn{flex:1;min-width:0;padding:.65rem .5rem;font-size:.8rem;gap:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-chart{height:400px!important;padding:0 .25rem!important;margin:0 auto 1.5rem!important}.category-chart h2{font-size:1.1rem;margin-bottom:.75rem}}.ai-summary-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 12px 40px #00000014;border:1px solid rgba(0,0,0,.05);margin:0 auto 3rem;max-width:1200px;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .2s backwards}.ai-summary-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;background:linear-gradient(180deg,#7c3aed,#6366f1)}.ai-summary-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.ai-summary-header h2{font-size:1.5rem;font-weight:700;color:var(--dark);margin:0;display:flex;align-items:center;gap:10px}.ai-summary-content{color:#4b5563;line-height:1.8;font-size:1.05rem}.ai-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:1rem 0}.ai-spinner{width:40px;height:40px;border:4px solid rgba(124,58,237,.1);border-left-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}.ai-loading-text{color:var(--secondary);font-weight:500;font-size:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ai-summary-card{padding:2rem 1.5rem;margin-bottom:2rem}.ai-summary-header h2{font-size:1.25rem}.ai-summary-content{font-size:.95rem}}.summary-error-container{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 0;align-items:flex-start}.summary-error-message{color:#dc2626;background:#fef2f2;padding:1rem 1.25rem;border-radius:10px;border-left:4px solid #dc2626;margin:0;width:100%}.retry-btn{background:#7c3aed;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.retry-btn:hover:not(:disabled){background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.retry-btn:disabled{opacity:.6;cursor:not-allowed}.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.auth-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:2.5rem;width:100%;max-width:450px;animation:fadeInUp .5s ease}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.auth-header p{color:#64748b;font-size:1rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.875rem;color:#475569;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#f8fafc}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.error-message{padding:.875rem 1rem;background:#fee2e2;border:2px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.875rem;font-weight:500;animation:shake .5s ease}.btn-auth{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;margin-top:.5rem}.btn-auth:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.btn-auth:active:not(:disabled){transform:translateY(0)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e2e8f0}.auth-footer p{color:#64748b;font-size:.95rem}.auth-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s ease}.auth-link:hover{color:#764ba2;text-decoration:underline}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media(max-width:768px){.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}}.admin-container{padding:2rem;max-width:1400px;margin:0 auto;background:#f8fafc;min-height:100vh}.admin-hero{margin-bottom:2.5rem}.admin-hero h1{font-size:2.5rem;color:#1e293b;margin-bottom:.5rem;font-weight:700}.admin-hero p{color:#64748b;font-size:1.05rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2.5rem}.stat-card{background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.stat-card:hover .stat-card-icon{transform:scale(1.1);box-shadow:0 4px 8px #0000001a}.stat-card.critical-alert{border-left:4px solid #dc2626}.stat-card.critical-alert .stat-card-value{color:#dc2626}.stat-card.critical-alert .stat-card-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-card.weakness-critical .stat-card-value{color:#dc2626}.stat-card.weakness-critical .stat-card-trend{color:#dc2626;font-weight:600}.stat-card.weakness-poor .stat-card-value{color:#ea580c}.stat-card.weakness-poor .stat-card-trend{color:#ea580c;font-weight:600}.stat-card.weakness-fair .stat-card-value{color:#22c55e}.stat-card.weakness-fair .stat-card-trend{color:#22c55e;font-weight:600}.stat-card.weakness-strong .stat-card-value{color:#059669}.stat-card.weakness-strong .stat-card-trend{color:#059669;font-weight:600}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.stat-card-label{color:#64748b;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-card-icon{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);box-shadow:0 2px 4px #0000000a;transition:all .3s ease}.stat-card-value{font-size:1.75rem;font-weight:700;color:#06c;line-height:1;margin-bottom:.5rem}.stat-card-trend{font-size:.75rem;color:#64748b}.stat-card-trend.negative{color:#dc2626;font-weight:500}.stat-card-distribution{display:flex;flex-direction:column;gap:.75rem}.stat-card-distribution span{font-size:.875rem;font-weight:500;padding:.5rem;border-radius:4px;background:#f1f5f9}.dist-critical{color:#fff;background:linear-gradient(135deg,#dc2626,#ef4444)!important;font-weight:600}.dist-poor{color:#fff;background:linear-gradient(135deg,#ea580c,#f97316)!important;font-weight:600}.dist-fair{color:#fff;background:linear-gradient(135deg,#22c55e,#4ade80)!important;font-weight:600}.dist-strong{color:#fff;background:linear-gradient(135deg,#059669,#10b981)!important;font-weight:600}.chart-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;margin-bottom:2rem}.chart-section h2{font-size:1.25rem;color:#1e293b;margin-bottom:1rem;font-weight:700}.section-description{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.chart-wrapper{position:relative;height:300px}.categories-attention-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.category-attention-card{background:#fff;padding:1.25rem;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.category-attention-card:hover{box-shadow:0 4px 12px #0000001a}.category-attention-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.category-attention-header h3{font-size:1rem;color:#1e293b;margin:0;font-weight:600}.priority-badge{font-size:.75rem;font-weight:600;padding:.375rem .75rem;border-radius:6px;white-space:nowrap}.priority-badge.high{background:#fee2e2;color:#991b1b}.priority-badge.medium{background:#fed7aa;color:#92400e}.priority-badge.low{background:#dcfce7;color:#166534}.category-attention-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.attention-stat{display:flex;flex-direction:column;gap:.25rem}.attention-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.attention-value{font-size:1.5rem;font-weight:700}.attention-value.critical{color:#dc2626}.attention-value.strong{color:#059669}.attention-value.good{color:#22c55e}.attention-value.fair{color:#ea580c}.assessments-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;overflow:hidden}.assessments-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem}.header-left h2{font-size:1.25rem;color:#1e293b;margin:0;font-weight:700}.export-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.export-label{font-size:.875rem;font-weight:600;color:#64748b}.export-mode-toggle{display:flex;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#f8fafc}.mode-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;color:#64748b;transition:all .3s ease}.mode-btn.active{background:#fff;color:#667eea;font-weight:600}.radio-circle{width:16px;height:16px;border:2px solid #d1d5db;border-radius:50%;display:inline-block}.mode-btn.active .radio-circle{border-color:#667eea;background:#667eea;box-shadow:inset 0 0 0 3px #fff}.radio-label{font-size:.875rem}.btn-export,.btn-export-selected{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-export{background:#667eea;color:#fff}.btn-export:hover{background:#5568d3;transform:translateY(-2px)}.btn-export-selected{background:#059669;color:#fff}.btn-export-selected:hover{background:#047857}.export-icon{font-size:1rem}.table-filters{padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#f8fafc}.filter-row-combined{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;align-items:center;gap:1rem;flex-wrap:wrap}.search-wrapper{position:relative;flex:1}.search-input{width:100%;padding:.625rem .875rem .625rem 2.5rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .3s ease;background:#fff}.search-input::placeholder{color:#94a3b8}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-button{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:color .3s ease}.search-button:hover{color:#667eea}.search-button svg{width:100%;height:100%}.date-filters-inline{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem .75rem;border-radius:8px;border:1px solid #e2e8f0}.filter-icon{font-size:1rem;color:#94a3b8}.date-input-inline{padding:.4rem .5rem;border:none;background:transparent;font-size:.875rem;color:#475569;transition:all .3s ease;min-width:120px}.date-input-inline:focus{outline:none;color:#1e293b}.date-input-inline::placeholder{color:#cbd5e1}.date-separator{color:#cbd5e1;font-weight:400;font-size:.875rem}.filter-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-clear-filters{padding:.625rem 1rem;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-clear-filters:hover{background:#fee2e2;color:#991b1b;border-color:#fecaca}.results-count{font-size:.875rem;color:#64748b;font-weight:500;padding:.625rem 1rem;background:#fff;border-radius:8px;border:1px solid #e2e8f0;white-space:nowrap}.table-wrapper{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.admin-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#64748b;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.admin-table th.sortable{cursor:pointer;transition:all .3s ease;position:relative}.admin-table th.sortable:hover{background:#f1f5f9;color:#667eea}.admin-table th.sortable:after{content:"";display:inline-block;width:12px;height:12px;margin-left:.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M2 4h8L6 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.3}.admin-table th.sorted-asc:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M2 4h8L6 0z'/%3E%3C/svg%3E")}.admin-table th.sorted-desc:after{opacity:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M2 8h8L6 12z'/%3E%3C/svg%3E")}.admin-table td{padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem}.admin-table tbody tr{transition:all .3s ease}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr.selected-row{background:#ede9fe}.checkbox-col{width:40px;padding:1rem .75rem}.select-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.user-id-cell,.date-cell{color:#64748b;font-weight:500}.score-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.score-badge.low{background:linear-gradient(135deg,#dc2626,#ef4444)}.score-badge.fair{background:linear-gradient(135deg,#ea580c,#f97316)}.score-badge.moderate{background:linear-gradient(135deg,#22c55e,#4ade80)}.score-badge.high{background:linear-gradient(135deg,#059669,#10b981)}.action-buttons{display:flex;gap:.75rem;align-items:center}.btn-view-details{padding:.5rem 1rem;border:none;background:#667eea;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-view-details:hover{background:#5568d3;transform:translateY(-2px)}.btn-delete{padding:.5rem .75rem;border:2px solid #fecaca;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:6px;box-shadow:0 2px 4px #dc26261a;display:inline-flex;align-items:center;gap:.25rem}.btn-delete:hover{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.btn-delete:active{transform:translateY(0);box-shadow:0 2px 6px #dc262633}.empty-state{padding:3rem;text-align:center;color:#64748b}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:#1e293b;margin-bottom:.5rem;font-weight:600}.empty-state p{color:#94a3b8}.ai-config-section{border-left:4px solid #667eea}.ai-config-controls{display:flex;align-items:flex-end;gap:2rem;flex-wrap:wrap;background:#f8fafc;padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0}.model-selector{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:300px}.model-selector label{font-size:.875rem;font-weight:600;color:#475569}.model-select-input{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;color:#1e293b;background:#fff;cursor:pointer;transition:all .3s ease}.model-select-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-save-settings{padding:.625rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;height:42px}.btn-save-settings:hover:not(:disabled){background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-save-settings:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.admin-container{padding:1rem}.admin-hero h1{font-size:1.75rem}.admin-hero p{font-size:.95rem}.stats-grid{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:.875rem}.stat-card-value{font-size:1.5rem}.chart-section{padding:1rem;overflow-x:auto}.chart-section h2{font-size:1.25rem}.assessments-header{flex-direction:column;align-items:flex-start;gap:1rem}.export-controls{width:100%;flex-direction:column;gap:.5rem}.btn-export,.btn-export-selected{width:100%;justify-content:center;padding:.75rem 1rem;font-size:.875rem}.filter-row-combined{display:flex;flex-direction:column;gap:1rem}.search-wrapper{width:100%;order:1}.search-input{font-size:.9rem;padding:.875rem 1rem .875rem 2.75rem;border-radius:10px;min-height:48px}.search-button{left:1rem;width:22px;height:22px}.date-filters-inline{width:100%;flex-direction:row;gap:.5rem;padding:.75rem 1rem;border-radius:10px;order:2;min-height:48px}.filter-icon{font-size:1.1rem;flex-shrink:0}.date-input-inline{flex:1;min-width:0;font-size:.85rem;padding:.5rem .25rem}.date-separator{font-size:.8rem;flex-shrink:0}.filter-actions{width:100%;order:3}.btn-clear-filters{width:100%;padding:.875rem 1rem;min-height:48px;border-radius:10px;font-size:.9rem}.results-count{width:100%;text-align:center;font-size:.875rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{font-size:.75rem;min-width:600px}.admin-table th,.admin-table td{padding:.65rem .5rem}.action-buttons{flex-direction:column;gap:.4rem;min-width:120px}.btn-view-details{width:100%;text-align:center;padding:.4rem .75rem;font-size:.7rem}.btn-delete{width:100%;justify-content:center;padding:.4rem .75rem;font-size:.875rem}.categories-attention-grid{grid-template-columns:1fr}.category-attention-card{padding:1rem}}@media(max-width:480px){.admin-hero h1{font-size:1.5rem}.stat-card-value{font-size:1.25rem}.stat-card-icon{width:28px;height:28px;font-size:1rem}.search-input{font-size:.875rem;padding:.875rem .875rem .875rem 2.5rem}.search-button{left:.875rem}.date-filters-inline{padding:.75rem .875rem;gap:.4rem}.filter-icon{font-size:1rem}.date-input-inline{font-size:.8rem;padding:.5rem .35rem}.date-separator{font-size:.75rem;margin:0 .15rem}.btn-clear-filters{font-size:.875rem}.admin-table{font-size:.7rem}.admin-table th:nth-child(3),.admin-table td:nth-child(3){display:none}.score-badge{font-size:.65rem;padding:.3rem .5rem}.btn-export,.btn-export-selected{font-size:.8rem;padding:.65rem .875rem}}.admin-user-details-container,.results-container{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.btn-back-nav{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid var(--border);border-radius:12px;font-weight:700;font-size:.9rem;color:var(--secondary);cursor:pointer;transition:all .3s ease;margin-bottom:2rem;box-shadow:0 4px 12px #0000000d}.btn-back-nav:hover{border-color:var(--primary);color:var(--primary);transform:translate(-3px);background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 6px 20px #667eea33}.user-id-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 4px 12px #667eea4d;margin-left:.25rem}.assessment-selector-section{text-align:center;margin-bottom:2.5rem;animation:fadeInUp .5s ease-out .1s backwards}.selector-title{font-size:1.5rem;font-weight:700;color:var(--dark);margin:0 0 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.assessment-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.assessment-option{background:#fff;border:2px solid var(--border);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 4px 12px #0000000a;position:relative;overflow:hidden;min-width:180px}.assessment-option:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--border);transition:all .3s ease}.assessment-option:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #667eea26}.assessment-option:hover:before{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.assessment-option.active{border-color:var(--primary);background:linear-gradient(135deg,#667eea14,#764ba214);box-shadow:0 8px 24px #667eea33}.assessment-option.active:before{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);height:5px}.option-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.option-number{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.option-date{font-size:.85rem;font-weight:600;color:var(--dark)}.option-time{font-size:.75rem;color:var(--secondary);font-weight:500;text-align:center}.user-details-hero,.results-hero{text-align:center;margin-bottom:3rem;animation:fadeInDown .6s ease-out}.user-details-hero h1,.results-hero h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.hero-subtitle,.results-subtitle{font-size:1.15rem;color:var(--secondary);font-weight:500}.empty-state-container{background:#fff;border:2px dashed var(--border);border-radius:24px;padding:4rem 2rem;text-align:center;box-shadow:0 20px 60px #00000014;animation:fadeInUp .6s ease-out}.empty-state-icon{font-size:4rem;margin-bottom:1rem;display:block}.empty-state-container h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--dark)}.empty-state-container p{color:var(--secondary);margin-bottom:2rem}.composite-card{background:linear-gradient(135deg,#fffffff2,#ffffffe6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #00000014;border:1px solid rgba(255,255,255,.5);margin-bottom:3rem;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out .1s backwards}.composite-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary) 100%);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.composite-content{display:grid;grid-template-columns:auto 1fr;gap:3rem;align-items:center}.score-circle{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.score-ring{position:absolute;width:100%;height:100%;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:var(--border);stroke-width:12}.score-ring-progress{fill:none;stroke:url(#scoreGradient);stroke-width:12;stroke-linecap:round;stroke-dasharray:565.48;stroke-dashoffset:565.48;animation:fillRing 2s ease-out forwards;filter:drop-shadow(0 0 8px rgba(0,102,204,.4))}@keyframes fillRing{to{stroke-dashoffset:calc(565.48 * (1 - var(--progress, 0)))}}.score-value{text-align:center;z-index:1}.score-number{font-size:3.5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.score-label{font-size:.9rem;color:var(--secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.score-details{display:flex;flex-direction:column;gap:2rem}.detail-section h3{font-size:1.1rem;color:var(--dark);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.detail-section h3:before{content:"";width:4px;height:24px;border-radius:2px}.strengths-section h3:before{background:linear-gradient(180deg,#059669,#10b981)}.improvements-section h3:before{background:linear-gradient(180deg,#dc2626,#ef4444)}.detail-list{display:flex;flex-wrap:wrap;gap:.75rem}.detail-tag{padding:.65rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}.detail-tag.strength{background:linear-gradient(135deg,#05966926,#10b98126);color:#059669;border:1.5px solid rgba(5,150,105,.3)}.detail-tag.improvement{background:linear-gradient(135deg,#dc262626,#ef444426);color:#dc2626;border:1.5px solid rgba(220,38,38,.3)}.detail-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feedback-badge{display:inline-block;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000001a}.feedback-badge.strong{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.feedback-badge.moderate{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff}.feedback-badge.fair{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff}.feedback-badge.needs-improvement{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:2rem;margin-bottom:3rem}.category-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000000f;border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out backwards;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.category-card:nth-child(1){animation-delay:.15s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.25s}.category-card:nth-child(4){animation-delay:.3s}.category-card:nth-child(5){animation-delay:.35s}.category-card:nth-child(6){animation-delay:.4s}.category-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.category-title{font-size:1.35rem;font-weight:700;color:var(--dark);margin:0;line-height:1.3}.category-score{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.category-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.9rem;color:var(--secondary);font-weight:500}.progress-bar-container{width:100%;height:12px;background:var(--border);border-radius:999px;overflow:hidden;position:relative;margin-bottom:1.25rem}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-dark) 0%,var(--primary) 50%,var(--primary-light) 100%);border-radius:999px;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShine 2s ease-in-out infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.category-feedback{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.category-feedback.strong{background:#05966926;color:#059669}.category-feedback.moderate{background:#22c55e26;color:#16a34a}.category-feedback.fair{background:#f9731626;color:#ea580c}.category-feedback.needs-improvement{background:#dc262626;color:#dc2626}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:3rem;animation:fadeInUp .6s ease-out .3s backwards}.button-group{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}@media print{body,.results-container{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.action-btn,.results-actions,.results-hero .results-subtitle{display:none!important}.results-hero h1{font-size:1.6rem;margin-bottom:.5rem}.composite-card{box-shadow:none;border:1px solid #ddd}.category-card{page-break-inside:avoid}.category-chart{page-break-after:always}.detail-tag{border:1px solid rgba(0,0,0,.12)}.progress-bar-fill:after{display:none}.feedback-badge{box-shadow:none}}.action-btn{padding:1rem 2.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:2px solid transparent}.action-btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 16px #0066cc4d}.action-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06c6}.action-btn-secondary{background:#fff;color:var(--primary);border-color:var(--primary)}.action-btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #06c3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.categories-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(max-width:768px){.results-hero h1{font-size:2.25rem}.composite-content{grid-template-columns:1fr;gap:2rem;text-align:center}.score-circle{margin:0 auto}.detail-section h3,.detail-list{justify-content:center}.categories-grid{grid-template-columns:1fr;gap:1.5rem}.composite-card{padding:2rem 1.5rem}.score-number{font-size:2.75rem}.category-score{font-size:1.75rem}.category-chart{height:450px!important;padding:0 .5rem!important}.category-chart h2{font-size:1.3rem}}@media(max-width:480px){.admin-user-details-container,.results-container{padding:1rem .75rem}.user-details-hero h1,.results-hero h1{font-size:1.65rem}.hero-subtitle,.results-subtitle{font-size:.875rem}.user-id-badge{font-size:.85rem;padding:.2rem .5rem;display:inline-block;margin-top:.25rem}.btn-back-nav{padding:.6rem .875rem;font-size:.8rem}.assessment-option{min-width:130px;padding:.875rem}.option-number{font-size:1.05rem}.option-date{font-size:.75rem}.score-circle{width:160px;height:160px}.score-number{font-size:2.25rem}.score-label{font-size:.8rem}.detail-section h3{font-size:.95rem}.detail-tag{font-size:.75rem;padding:.45rem .75rem}.feedback-badge{font-size:.9rem;padding:.6rem 1rem}.category-card{padding:1.25rem}.category-title{font-size:1rem}.category-score{font-size:1.5rem}.category-meta{font-size:.8rem;gap:.5rem}.composite-card{padding:1.5rem 1rem}.results-actions{flex-direction:column;gap:.75rem}.button-group{width:100%;gap:.5rem}.action-btn{flex:1;min-width:0;padding:.65rem .5rem;font-size:.8rem;gap:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-chart{height:380px!important;padding:0 .25rem!important;margin:0 auto 1.5rem!important}.category-chart h2{font-size:1rem;margin-bottom:.75rem}}.detailed-responses-section{margin-top:3rem;animation:fadeInUp .6s ease-out .4s backwards}.toggle-responses-btn{display:block;margin:0 auto 2rem;padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea4d}.toggle-responses-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.toggle-responses-btn:active{transform:translateY(0)}.detailed-responses-container{background:#fff;border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0000000f;border:1px solid var(--border);animation:fadeInUp .4s ease-out}.responses-header{text-align:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border)}.responses-header h2{font-size:2rem;font-weight:800;color:var(--dark);margin:0 0 .5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.responses-subtitle{font-size:1rem;color:var(--secondary);margin:0}.response-category-section{margin-bottom:3rem;border:2px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease}.response-category-section:hover{border-color:#667eea4d;box-shadow:0 4px 16px #00000014}.response-category-header{background:linear-gradient(135deg,#667eea0d,#764ba20d);padding:1.5rem 2rem;border-bottom:2px solid var(--border)}.category-info h3{font-size:1.4rem;font-weight:700;color:var(--dark);margin:0 0 1rem}.category-stats-inline{display:flex;gap:1rem;flex-wrap:wrap}.stat-badge{display:inline-block;padding:.4rem .85rem;border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.3px}.stat-badge.strong{background:#05966926;color:#059669;border:1px solid rgba(5,150,105,.3)}.stat-badge.moderate{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.stat-badge.fair{background:#f9731626;color:#ea580c;border:1px solid rgba(249,115,22,.3)}.stat-badge.needs-improvement{background:#dc262626;color:#dc2626;border:1px solid rgba(220,38,38,.3)}.stat-badge.mean{background:#667eea1a;color:var(--primary);border:1px solid rgba(102,126,234,.3)}.stat-badge.count{background:#6464641a;color:var(--secondary);border:1px solid rgba(100,100,100,.2)}.questions-table{overflow-x:auto}.questions-table table{width:100%;border-collapse:collapse}.questions-table thead{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.questions-table th{padding:1rem;text-align:left;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.questions-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s ease}.questions-table tbody tr:hover{background:#667eea08}.questions-table tbody tr:last-child{border-bottom:none}.questions-table td{padding:1rem;font-size:.95rem}.question-number{font-weight:700;color:var(--primary);font-size:.9rem}.question-text{color:var(--dark);line-height:1.5}.response-value{text-align:center}.response-badge{display:inline-block;padding:.4rem .8rem;border-radius:8px;font-weight:700;font-size:.95rem;min-width:40px}.response-badge.rating-high{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.response-badge.rating-medium{background:linear-gradient(135deg,#22c55e,#4ade80);color:#fff}.response-badge.rating-low{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.response-badge.rating-very-low{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.rating-visual{text-align:center}.rating-stars{display:flex;gap:2px;justify-content:center;font-size:1rem}.star{color:#ddd}.star.filled{color:#fbbf24}.responses-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--border);text-align:center}.responses-note{font-size:.9rem;color:var(--secondary);margin:0;line-height:1.6}.responses-note strong{color:var(--dark)}@media(max-width:768px){.detailed-responses-container{padding:1.5rem 1rem}.responses-header h2{font-size:1.5rem}.responses-subtitle{font-size:.95rem}.response-category-header{padding:1rem}.category-info h3{font-size:1.1rem}.category-stats-inline{gap:.5rem;flex-wrap:wrap}.stat-badge{font-size:.75rem;padding:.35rem .65rem}.questions-table{font-size:.8rem;overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}.questions-table table{min-width:500px}.questions-table th,.questions-table td{padding:.65rem .4rem}.rating-stars{font-size:.85rem;gap:1px}.toggle-responses-btn{padding:.85rem 1.5rem;font-size:.9rem}}@media(max-width:480px){.questions-table th:nth-child(4),.questions-table td:nth-child(4){display:none}.questions-table table{min-width:400px}.questions-table th,.questions-table td{padding:.5rem .3rem}.question-number{font-size:.8rem}.question-text{font-size:.8rem;line-height:1.4}.response-badge{font-size:.85rem;padding:.3rem .6rem}.stat-badge{font-size:.7rem;padding:.3rem .5rem}.category-stats-inline{gap:.4rem}.detailed-responses-container{padding:1rem .75rem}.responses-header h2{font-size:1.25rem}.responses-subtitle{font-size:.875rem}.response-category-section{margin-bottom:2rem}.response-category-header{padding:.875rem}.category-info h3{font-size:1rem;margin-bottom:.75rem}.toggle-responses-btn{padding:.75rem 1.25rem;font-size:.85rem;width:100%}.responses-note{font-size:.8rem}}:root{--header-height: 70px;--primary-color-start: #667eea;--primary-color-end: #764ba2;--text-primary: #1e293b;--text-secondary: #475569;--background-light: #ffffff;--background-accent: #f8f9fc;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .08);--mobile-menu-surface: rgba(15, 23, 42, .96);--mobile-menu-border: rgba(148, 163, 184, .35);--mobile-link: #f8fafc;--mobile-link-subtle: #c7d2fe;--menu-transition: transform .4s cubic-bezier(.25, .46, .45, .94)}body.no-scroll{overflow:hidden}.header{background:#fffc;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--border-color);position:sticky;top:0;width:100%;z-index:1000;height:var(--header-height)}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;height:100%;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-text{font-size:1.25rem;font-weight:700;color:var(--text-primary);background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;align-items:center;gap:2rem;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:.5rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:600;padding:.5rem 1rem;border-radius:8px;position:relative;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));transition:width .3s ease}.nav-links a:hover{color:var(--text-primary);background-color:var(--background-accent)}.nav-links a:hover:after{width:80%}.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{width:80%}.nav-auth{display:flex;align-items:center;gap:.5rem}.user-greeting{font-weight:600;color:var(--text-primary);letter-spacing:.01em}.header .btn{text-decoration:none;border:1.5px solid transparent;border-radius:999px;padding:.45rem 1.2rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-size:.85rem;line-height:1.2;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem}.header .btn-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;margin-right:.35rem}.header .btn-icon svg{width:100%;height:100%}.header .btn-label{display:inline-flex;align-items:center}.header .btn-login{background-color:transparent;border-color:#667eea99;color:var(--primary-color-start)}.header .btn-login:hover{background-color:#667eea26;color:var(--primary-color-start);transform:translateY(-1px);box-shadow:0 6px 18px #667eea40}.header .btn-signup{background:linear-gradient(45deg,var(--primary-color-start),var(--primary-color-end));color:var(--background-light);box-shadow:0 8px 24px #764ba259;border-color:transparent}.header .btn-signup:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 10px 24px #764ba273}.header .btn-logout{background-color:#f7faffd9;border-color:#667eea59;color:var(--text-primary)}.header .btn-logout:hover{background-color:#e8eefff2;border-color:#667eeaa6;color:var(--text-primary);transform:translateY(-1px)}.hamburger-menu{display:none;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;z-index:1010}.hamburger-box{position:relative;width:24px;height:24px;margin:8px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{position:absolute;width:24px;height:2.5px;border-radius:4px;background-color:var(--text-primary);transition:transform .2s ease-in-out}.hamburger-inner{top:50%;transform:translateY(-50%)}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-8px}.hamburger-inner:after{bottom:-8px}.hamburger-menu.is-open .hamburger-inner{transform:rotate(45deg);background-color:var(--mobile-link)}.hamburger-menu.is-open .hamburger-inner:before{top:0;transform:rotate(90deg);background-color:var(--mobile-link)}.hamburger-menu.is-open .hamburger-inner:after{bottom:0;transform:rotate(90deg);opacity:0;background-color:var(--mobile-link)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:998;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.nav-menu.is-open~.menu-overlay{opacity:1;visibility:visible}@media(max-width:992px){.header-container{padding:0 1.5rem}.hamburger-menu,.menu-overlay{display:block}.nav-menu{position:fixed;top:var(--header-height);right:0;width:320px;max-width:85vw;height:auto;max-height:calc(100vh - var(--header-height));background:var(--mobile-menu-surface);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-left:1px solid var(--mobile-menu-border);color:var(--mobile-link);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.75rem 0 1rem;gap:.25rem;transform:translate(100%);transition:var(--menu-transition),visibility .4s;box-shadow:-10px 0 35px #0f172a99;z-index:1005;overflow-y:auto;-webkit-overflow-scrolling:touch;visibility:hidden}.nav-menu.is-open{transform:translate(0);visibility:visible}.nav-links{flex-direction:column;align-items:stretch;width:100%;gap:0}.nav-links a{display:block;width:100%;font-size:1.05rem;font-weight:500;padding:.95rem 1.5rem .95rem 1.75rem;border-radius:0;border-left:3px solid transparent;color:var(--mobile-link);background:transparent}.nav-links a:hover,.nav-links a:focus{background:#ffffff14;color:var(--background-light);border-left-color:var(--mobile-link-subtle)}.nav-links a:after{display:none}.nav-links a.active{background:#ffffff1a;color:var(--background-light);border-left-color:var(--mobile-link-subtle)}.nav-auth{flex-direction:column;align-items:stretch;width:100%;gap:.75rem;margin-top:auto;padding:1.5rem 2rem 0;border-top:1px solid var(--mobile-menu-border);background:#0f172a80}.user-info{display:flex;justify-content:center;padding:.5rem 0}.user-greeting{text-align:center;font-size:1rem;color:var(--mobile-link)}.nav-auth .btn{width:100%;text-align:center;padding:.65rem 1rem;font-size:.95rem;border-radius:12px;min-height:2.4rem;color:var(--mobile-link)}.nav-auth .btn-login{border-color:#e2e8f0b3}.nav-auth .btn-login:hover{background:#e2e8f026}.nav-auth .btn-logout{background:#f8fafc14;border-color:#e2e8f033;color:var(--mobile-link)}.nav-auth .btn-signup{box-shadow:0 8px 30px #4c00ff59}}@media(max-width:480px){.header-container{padding:0 1rem}.logo-text{font-size:1.1rem}.nav-menu{width:85%}}body{margin:0;background-color:var(--light)}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:3rem 1rem;max-width:1200px;margin:0 auto;width:100%}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:1.5rem;box-shadow:var(--shadow-lg);position:sticky;top:0;z-index:100}.header h2{margin:0 0 1rem;font-size:1.8rem;color:#fff}.header nav{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center}.header nav a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .2s;position:relative}.header nav a:hover{opacity:.8}.header nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#fff;transition:width .2s}.header nav a:hover:after{width:100%}.footer{background:linear-gradient(135deg,var(--dark) 0%,var(--secondary) 100%);color:#fff;padding:2rem 1rem;text-align:center;margin-top:auto;box-shadow:var(--shadow-lg)}.footer p{margin:0;opacity:.9}.btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;border-radius:6px;text-decoration:none;font-weight:500;transition:all .2s;border:2px solid var(--primary);cursor:pointer}.btn:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn-secondary{background-color:var(--secondary);border-color:var(--secondary)}.btn-secondary:hover{background-color:#475569;border-color:#475569}.btn-small{padding:.5rem 1rem;font-size:.9rem}.btn-danger{background-color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background-color:#dc2626;border-color:#dc2626}.mb-4{margin-bottom:2rem}.mb-2{margin-bottom:1rem}.page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page.home{text-align:center;padding:3rem 1rem}.page.home h1{font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page.home p{font-size:1.25rem;color:var(--secondary);margin-bottom:2rem}.question-card{background:#fff;padding:1.5rem;margin-bottom:1.5rem;border-radius:8px;box-shadow:var(--shadow);border-left:4px solid var(--primary);transition:all .2s}.question-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.question-text{font-weight:600;margin-bottom:1rem;color:var(--dark);font-size:1.1rem}.options{display:flex;flex-direction:column;gap:.8rem}.options label{display:flex;align-items:center;padding:.75rem;background:var(--light);border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid var(--border)}.options label:hover{background:#eff6ff;border-color:var(--primary)}.options input[type=radio]{margin-right:.75rem;cursor:pointer;accent-color:var(--primary);width:18px;height:18px}.page.results{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.page.results p{margin:.5rem 0;color:var(--secondary)}.assessment-fullpage{padding:0!important;max-width:none!important;width:100%!important}.assessment-fullpage h1{padding:2rem 1rem 1rem}.assessment-fullpage form{padding:0 1rem 2rem}.assessment-fullpage .question-table-wrapper{max-width:none;padding:0;margin:1rem 0 2rem}.wizard-header{display:flex;flex-direction:column;gap:.5rem}.progress-text{font-weight:600;color:var(--dark)}.progress-bar{width:100%;height:8px;background:var(--border);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);width:0%;transition:width .25s ease}.wizard-controls .btn[disabled]{opacity:.5;cursor:not-allowed}.summary{background:#fff;padding:2rem;margin-bottom:2rem;border-radius:8px;text-align:center;box-shadow:var(--shadow);border-top:4px solid var(--success);width:100%;max-width:600px}.summary p{margin:1rem 0;font-weight:600;font-size:1.1rem}.category-group{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:var(--shadow);width:100%;max-width:700px}.category-group h2{margin-bottom:1rem;color:var(--primary);font-size:1.3rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.category-chart{background:#fff;padding:1.5rem;margin-bottom:2rem;border-radius:8px;width:100%;max-width:700px;box-shadow:var(--shadow);text-align:center}.category-chart h2{color:var(--primary);margin-bottom:1.5rem}input[type=date],input[type=text],input[type=email],textarea,select{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:1rem;transition:all .2s;max-width:100%}input[type=date]:focus,input[type=text]:focus,input[type=email]:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}table{width:100%;border-collapse:collapse;margin:1rem 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}thead{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}th{padding:1rem;text-align:left;font-weight:600}td{padding:1rem;border-bottom:1px solid var(--border);color:var(--secondary)}tbody tr:hover{background-color:var(--light)}tbody tr:last-child td{border-bottom:none}.page.admin-dashboard,.page.admin-details{padding:2rem 1rem}.filters{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:var(--shadow);display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:.5rem;font-weight:500;color:var(--dark)}.filters input,.filters select{min-width:150px}@media(max-width:768px){.main-content{padding:1.5rem .5rem}.header{padding:1rem .5rem}.header h2{font-size:1.3rem}.header nav{gap:1rem}.page.home h1{font-size:2rem}.filters{flex-direction:column}.filters label,.filters input,.filters select,.filters button{width:100%}table{font-size:.9rem}th,td{padding:.75rem .5rem}.options label{padding:.5rem}.wizard-controls{flex-direction:column!important;align-items:stretch!important;gap:.75rem}.wizard-controls .nav-buttons{display:flex;gap:.5rem;justify-content:center;order:1}.wizard-controls .submit-section{order:2;display:flex;justify-content:center}.wizard-controls .submit-message{order:3;text-align:center;font-size:.85rem;padding:.5rem}.wizard-controls .btn{padding:.65rem .75rem;font-size:.85rem;white-space:nowrap;flex:1}.wizard-controls .nav-buttons .btn{max-width:48%}.wizard-controls .submit-section .btn{width:100%}.action-controls{flex-direction:row!important;justify-content:center;gap:.5rem!important}.action-btn-small{flex:1;padding:.5rem!important;font-size:.75rem!important;white-space:nowrap;max-width:48%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}