*{box-sizing:border-box;padding:0}*,body{margin:0}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;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4a9b8e;--primary-dark:#3a7b6e;--secondary-color:#f8f9fa;--text-dark:#2c3e50;--text-light:#6c757d;--white:#fff;--border-color:#e9ecef;--shadow:0 2px 10px #0000001a;--border-radius:8px}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#4a9b8e;background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#3a7b6e;background-color:var(--primary-dark)}.btn-outline{background-color:initial;border:2px solid #4a9b8e;border:2px solid var(--primary-color);color:#4a9b8e;color:var(--primary-color)}.btn-outline:hover{background-color:#4a9b8e;background-color:var(--primary-color);color:#fff;color:var(--white)}.section{padding:80px 0}.section-title{color:#2c3e50;color:var(--text-dark);font-size:2.5rem;margin-bottom:3rem}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.header{background:linear-gradient(135deg,#4a9b8e,#4a9b8e);box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-container,.logo-section{align-items:center;display:flex}.logo-link{color:#fff;text-decoration:none}.logo-placeholder{background:#0000;border:none;gap:10px;padding:8px 16px;transition:none}.logo-placeholder:hover{background:#0000;border:none;transform:none}.logo-text{color:#fff;font-size:24px;font-weight:700}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.nav-menu{align-items:center;display:flex;gap:30px}.nav-link{border-radius:20px;color:#fff;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.user-menu{align-items:center;display:flex;gap:20px}.user-name{opacity:.9}.logout-btn,.user-name{color:#fff;font-weight:500}.logout-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#fff3;transform:translateY(-1px)}.auth-menu{align-items:center;display:flex;gap:15px}.register-btn{background:#fff;color:#667eea;font-weight:600}.register-btn:hover{background:#ffffffe6;color:#764ba2}@media (max-width:768px){.header-container{height:60px;padding:0 15px}.nav-menu{gap:15px}.logo-text{font-size:20px}.logo-icon{font-size:24px}.nav-link{font-size:14px;padding:6px 12px}}.hero{background:linear-gradient(180deg,#fff,#fff 70%,#4a9b8e 0,#4a9b8e);padding:80px 0 120px;text-align:center}.hero-container{margin:0 auto;max-width:1200px;padding:0 24px}.hero-title{color:#4a9b8e;font-size:64px;font-weight:600;letter-spacing:-1px;margin-bottom:24px}.hero-subtitle{color:#666;font-size:18px;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:600px}.accreditations{background-color:#4a9b8e;padding:80px 0}.section-container{margin:0 auto;max-width:1200px;padding:0 24px}.section-title{color:#fff;font-size:48px;font-weight:600;margin-bottom:60px;text-align:center}.accreditation-badges{flex-wrap:wrap;gap:40px}.accreditation-badges,.badge{display:flex;justify-content:center}.badge{align-items:center;border-radius:50%;height:80px;overflow:hidden;position:relative;width:80px}.badge-1{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.badge-2{background:linear-gradient(135deg,#4ecdc4,#6ed5cc)}.badge-3{background:linear-gradient(135deg,#45b7d1,#67c3d9)}.badge-4{background:linear-gradient(135deg,#96ceb4,#b4d6c1)}.badge-5{background:linear-gradient(135deg,#ffeaa7,#ffed4e)}.badge:before{background:#fff3;border-radius:50%;content:"";height:60px;position:absolute;width:60px}.our-product{background-color:#fff;padding:100px 0}.product-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.product-text h2{color:#4a9b8e;font-size:48px;font-weight:600;line-height:1.2;margin-bottom:32px}.product-description{color:#666;font-size:16px;line-height:1.8;margin-bottom:24px}.device-mockup,.product-visual{align-items:center;display:flex;justify-content:center}.device-mockup{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:16px;box-shadow:0 20px 40px #0000001a;height:280px;position:relative;width:400px}.screens{display:flex;flex-direction:column;gap:12px}.screen{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);border-radius:8px;box-shadow:0 4px 12px #4a9b8e4d;height:80px;opacity:.9;width:120px}.how-it-works{background:linear-gradient(180deg,#fff,#fff 10%,#4a9b8e 0,#4a9b8e 90%,#fff 0,#fff);padding:100px 0}.hero-logo{display:flex;justify-content:center;margin-bottom:20px}.logo-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px dashed #ffffff4d;border-radius:50px;display:flex;gap:15px;padding:15px 25px;transition:all .3s ease}.logo-placeholder:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.logo-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.2));font-size:32px}.how-it-works .section-title{color:#fff;margin-bottom:16px}.section-subtitle{color:#ffffffe6;font-size:18px;margin-bottom:60px;text-align:center}.steps{margin:0 auto;max-width:800px}.step{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;gap:24px;margin-bottom:32px;padding:24px}.step-number{align-items:center;background-color:#fff;border-radius:50%;color:#4a9b8e;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.step-content h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:8px}.step-content p{color:#ffffffe6;line-height:1.6}.testimonials{background-color:#fff;padding:100px 0}.testimonials .section-title{color:#4a9b8e;margin-bottom:60px}.testimonial-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.testimonial-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:32px;text-align:center}.testimonial-avatar{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="35" r="15" fill="%23fff" opacity=".8"/><path d="M20 80q30-20 60 0" fill="%23fff" opacity=".8"/></svg>');background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;height:80px;margin:0 auto 20px;width:80px}.testimonial-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.testimonial-role{color:#666;font-size:14px;margin-bottom:16px}.testimonial-text{color:#666;font-size:14px;font-style:italic;line-height:1.6}.footer{background-color:#4a9b8e;padding:60px 0 40px}.footer-content{display:flex;gap:80px;justify-content:center}.footer-column{gap:16px}.footer-link{color:#fff;font-size:16px;opacity:.9}.footer-link:hover{opacity:1}@media (max-width:768px){.hero-title{font-size:48px}.section-title{font-size:36px}.product-content{gap:40px;grid-template-columns:1fr}.testimonial-grid{gap:24px;grid-template-columns:1fr}.accreditation-badges{gap:24px}.badge{height:64px;width:64px}.footer-content{flex-direction:column;gap:32px;text-align:center}}.about-hero{background-color:var(--white);overflow:hidden;padding:4rem 0 2rem;position:relative}.about-hero-content{margin:0 auto;max-width:800px;padding:2rem 0;text-align:center}.about-logo{display:flex;justify-content:center;margin-bottom:20px}.about-logo .logo-placeholder{align-items:center;background:#667eea1a;border:2px dashed #667eea4d;border-radius:40px;display:flex;justify-content:center;padding:12px 20px;transition:all .3s ease}.about-logo .logo-placeholder:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px)}.about-logo .logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px}.about-title{color:var(--primary-color);font-size:3rem;font-weight:600;margin-bottom:2rem}.about-description{color:var(--text-light);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.about-hero-curve{background:var(--primary-color);border-radius:50% 50% 0 0;bottom:-50px;height:100px;left:0;position:absolute;transform:scaleX(2);width:100%}.why-wellnessa{overflow:hidden;position:relative}.why-wellnessa-bg{background-color:var(--primary-color);padding:6rem 0;position:relative}.why-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.why-text .section-title{margin-bottom:2rem;text-align:left}.why-description{color:var(--white);font-size:1rem;line-height:1.8;margin-bottom:1.5rem;opacity:.95}.why-illustration{align-items:center;display:flex;justify-content:center}.consultation-scene{height:200px;position:relative;width:250px}.person{align-items:center;display:flex;flex-direction:column;position:absolute}.person-1{left:20px;top:20px}.person-2{right:20px;top:20px}.person-head{background-color:#ffb366;border-radius:50%;height:40px;margin-bottom:5px;width:40px}.person-body{background-color:var(--white);border-radius:25px 25px 0 0;height:80px;width:50px}.consultation-table{background-color:#8b4513;border-radius:8px;bottom:40px;height:40px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.monitor-patient{background-color:var(--white);padding:6rem 0}.monitor-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.monitor-text .section-title{margin-bottom:2rem;text-align:left}.monitor-description{color:var(--text-light);font-size:1rem;line-height:1.8}.patient-monitoring-scene{height:200px;margin:0 auto;position:relative;width:300px}.doctor-figure{left:20px;top:20px}.doctor-figure,.patient-bed{align-items:center;display:flex;flex-direction:column;position:absolute}.patient-bed{bottom:20px;right:20px}.bed-base{background-color:#8b4513;border-radius:4px;height:20px;margin-bottom:5px;width:100px}.patient-figure{align-items:center;display:flex;flex-direction:column}.our-values{overflow:hidden;position:relative}.values-bg{background-color:var(--primary-color);padding:6rem 0;position:relative}.values-bg:before{border-radius:0 0 50% 50%;top:-50px}.values-bg:after,.values-bg:before{background:var(--white);content:"";height:100px;left:0;position:absolute;transform:scaleX(2);width:100%}.values-bg:after{border-radius:50% 50% 0 0;bottom:-50px}.values-subtitle{font-size:1.1rem;margin-bottom:3rem;opacity:.9;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.value-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:var(--border-radius);padding:2rem;text-align:center}.value-icon{font-size:2rem;margin-bottom:1rem}.value-title{color:var(--white);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.value-description{color:var(--white);font-size:.9rem;line-height:1.6;opacity:.9}.our-team{background-color:var(--white);padding:6rem 0}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:800px}.team-member{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;text-align:center}.member-photo{border-radius:8px;height:120px;margin:0 auto 1.5rem;overflow:hidden;width:120px}.member-photo img{background-color:var(--primary-color);height:100%;object-fit:cover;width:100%}.member-name{color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.member-role{color:var(--text-light);font-size:.9rem}.footer{overflow:hidden;position:relative}.footer-bg{background-color:var(--primary-color);padding:3rem 0 2rem}.footer-content{text-align:center}.footer-links{display:flex;gap:4rem;justify-content:center}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-link{color:var(--white);font-weight:500;text-decoration:none;transition:opacity .3s ease}.footer-link:hover{opacity:.8}@media (max-width:768px){.about-title{font-size:2.5rem}.monitor-content,.why-content{gap:2rem;grid-template-columns:1fr}.monitor-text .section-title,.why-text .section-title{text-align:center}.values-grid{grid-template-columns:1fr}.consultation-scene,.patient-monitoring-scene{height:150px;width:200px}.footer-links{flex-direction:column;gap:2rem}}.login-page{align-items:center;background:linear-gradient(135deg,#4a9b8e,#6bb6a8);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{grid-gap:40px;align-items:center;display:grid;gap:40px;grid-template-columns:1fr 1fr;max-width:1200px;width:100%}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px}.login-header{margin-bottom:32px;text-align:center}.login-logo{gap:12px;margin-bottom:16px}.login-logo,.login-logo .logo-icon{align-items:center;display:flex;justify-content:center}.login-logo .logo-icon{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);border-radius:50%;color:#fff;font-size:20px;font-weight:600;height:48px;width:48px}.login-logo h1{color:#4a9b8e;font-size:32px;font-weight:600;margin:0}.login-subtitle{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;padding:12px 16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:500}.form-group input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:12px 16px;transition:border-color .3s ease}.form-group input:focus{border-color:#4a9b8e;outline:none}.form-group input:disabled{background-color:#f8f9fa;cursor:not-allowed}.login-btn{background-color:#4a9b8e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 20px;transition:background-color .3s ease}.login-btn:hover:not(:disabled){background-color:#3d8374}.login-btn:disabled{background-color:#ccc;cursor:not-allowed}.demo-section{border-top:1px solid #e9ecef;margin-top:32px;padding-top:24px}.demo-section h3{color:#333;font-size:18px;margin:0 0 8px}.demo-section p{color:#666;font-size:14px;margin:0 0 16px}.demo-credentials{display:flex;flex-direction:column;gap:8px}.demo-card{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;padding:12px;transition:all .3s ease}.demo-card:hover{background-color:#e9ecef;border-color:#4a9b8e;transform:translateY(-1px)}.demo-role{color:#4a9b8e;font-size:14px;font-weight:600;margin-bottom:4px}.demo-creds{display:flex;flex-direction:column;gap:2px}.demo-creds span{color:#666;font-family:Courier New,monospace;font-size:12px}.login-info{color:#fff;padding:20px}.login-info h2{font-size:36px;font-weight:600;line-height:1.2;margin:0 0 32px}.features{display:flex;flex-direction:column;gap:24px}.feature{align-items:flex-start;display:flex;gap:16px}.feature-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.feature-text h3{font-size:20px;font-weight:600;margin:0 0 8px}.feature-text p{font-size:16px;line-height:1.5;margin:0;opacity:.9}.loading{color:#4a9b8e;font-size:18px;min-height:200px}.loading,.unauthorized{align-items:center;display:flex;justify-content:center}.unauthorized{min-height:400px;text-align:center}.unauthorized .container{max-width:600px;padding:40px}.unauthorized h1{color:#4a9b8e;font-size:48px;margin-bottom:16px}.unauthorized p{color:#666;font-size:18px}@media (max-width:968px){.login-container{gap:20px;grid-template-columns:1fr}.login-info{order:-1;padding:20px 0;text-align:center}.login-info h2{font-size:28px}.features{gap:16px}.feature{flex-direction:column;gap:8px;text-align:center}}@media (max-width:600px){.login-page{padding:10px}.login-card{padding:24px}.login-info h2,.login-logo h1{font-size:24px}.demo-credentials{gap:6px}.demo-card{padding:8px}}.user-dashboard{background-color:#f8f9fa;min-height:100vh;padding:20px 0}.dashboard-container{margin:0 auto;max-width:1200px;padding:0 24px}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-header{grid-gap:40px;align-items:center;background:#fff;box-shadow:0 4px 20px #00000014;display:grid;gap:40px;grid-template-columns:1fr auto;margin-bottom:40px;padding:32px}.welcome-section h1{color:#333;font-size:32px;font-weight:600;margin:0 0 8px}.welcome-section p{color:#666;font-size:16px;margin:0}.user-stats{display:flex;gap:24px}.stat-card{background:#f8f9fa;border:2px solid #e9ecef;box-shadow:0 2px 8px #0000001a;color:#4a9b8e;min-width:120px;padding:20px}.stat-value{color:#4a9b8e;font-size:28px;font-weight:700;margin-bottom:4px}.stat-label{color:#666;font-size:12px;font-weight:500;opacity:1}.dashboard-section{margin-bottom:40px}.dashboard-section h2{align-items:center;color:#333;display:flex;font-size:24px;font-weight:600;gap:8px;margin-bottom:20px}.assessments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.assessment-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px;transition:all .3s ease}.assessment-card.due{background:linear-gradient(135deg,#fff,#f0fffe);border-color:#4a9b8e}.assessment-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.assessment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.assessment-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.due-badge{background-color:#dc3545;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.assessment-description{color:#666;line-height:1.5;margin-bottom:16px}.assessment-meta{color:#666;display:flex;font-size:14px;gap:16px;margin-bottom:20px}.take-assessment-btn{background-color:#4a9b8e;border-radius:8px;color:#fff;display:inline-block;font-weight:500;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.take-assessment-btn:hover{background-color:#3d8374}.schedule-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:32px}.schedule-info{align-items:center;display:flex;gap:24px}.schedule-date{background:linear-gradient(135deg,#f0fffe,#e6f9f7);border:2px solid #4a9b8e;border-radius:12px;color:#4a9b8e;font-size:24px;font-weight:600;padding:16px 20px}.schedule-text p{color:#666;margin:0 0 8px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.analytics-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.analytics-card h3{color:#333;font-size:18px;font-weight:600;margin:0 0 16px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trend-indicator{align-items:center;display:flex;font-size:14px;font-weight:500;gap:4px}.trend-stats{display:flex;gap:32px}.trend-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.trend-value{color:#4a9b8e;font-size:24px;font-weight:600}.trend-label{color:#666;font-size:12px}.score-chart{align-items:end;display:flex;gap:8px;height:120px;padding:16px 0}.score-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.score-fill{border-radius:2px;min-height:4px;transition:height .3s ease;width:100%}.score-date{color:#666;font-size:10px;transform:rotate(-45deg);white-space:nowrap}.results-table{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;color:#333;font-weight:600}.table-header,.table-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 3fr;padding:20px 24px}.table-row{align-items:center;border-bottom:1px solid #f0f0f0}.table-row:last-child{border-bottom:none}.result-assessment{color:#333;font-weight:500}.result-date{color:#666;font-size:14px}.score-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.result-feedback{color:#666;font-size:14px;line-height:1.4}.no-data-state{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.no-data-icon{font-size:64px;margin-bottom:16px}.no-data-state h3{color:#333;font-size:24px;margin:0 0 8px}.no-data-state p{color:#666;margin:0}@media (max-width:968px){.dashboard-header{gap:24px;grid-template-columns:1fr;text-align:center}.user-stats{justify-content:center}.analytics-grid,.assessments-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:0 16px}.dashboard-header{padding:24px}.welcome-section h1{font-size:24px}.user-stats{flex-direction:column;gap:12px}.stat-card{min-width:auto;padding:16px}.table-header,.table-row{gap:8px;grid-template-columns:1fr;text-align:left}.table-header{display:none}.table-row{display:flex;flex-direction:column;gap:8px;padding:16px}.schedule-info{flex-direction:column;gap:16px;text-align:center}.trend-stats{gap:16px}}.admin-dashboard{background:#f8fafc;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);border-radius:16px;box-shadow:0 10px 40px #4a9b8e4d;padding:40px}.dashboard-header h1{font-size:2.8rem;font-weight:700}.dashboard-header p{font-size:1.2rem}.admin-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;gap:8px;margin-bottom:30px;padding:8px}.tab-btn{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:16px 24px;transition:all .3s ease}.tab-btn:hover{background:#4a9b8e14;color:#4a9b8e;transform:translateY(-1px)}.tab-btn.active{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);box-shadow:0 4px 15px #4a9b8e66;color:#fff;transform:translateY(-2px)}.admin-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 25px #00000014;padding:32px}.section-header h2{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0}.add-user-btn,.btn-primary{align-items:center;background:linear-gradient(135deg,#4a9b8e,#6bb6a8);border:none;border-radius:12px;box-shadow:0 4px 15px #4a9b8e4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.add-user-btn:hover,.btn-primary:hover{box-shadow:0 8px 25px #4a9b8e66;transform:translateY(-3px)}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#4a9b8e;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a9b8e,#6bb6a8);-webkit-background-clip:text;font-size:3rem;font-weight:800;margin-bottom:8px}.stat-label{color:#64748b;font-size:1rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.table-header{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);color:#fff;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.table-row:hover{background:#4a9b8e0a}.access-level{border-radius:20px;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.access-level.user{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.access-level.admin{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.access-level.superadmin{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{border-radius:20px;box-shadow:0 25px 50px #00000040}.modal input,.modal select{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:14px 16px;transition:all .3s ease}.modal input:focus,.modal select:focus{background:#fff;border-color:#4a9b8e;box-shadow:0 0 0 4px #4a9b8e1a}.modal-actions button[type=submit]{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);color:#fff}.modal-actions button[type=submit]:hover{box-shadow:0 8px 25px #4a9b8e66;transform:translateY(-2px)}@media (max-width:768px){.admin-dashboard{padding:16px}.dashboard-header{padding:24px;text-align:center}.dashboard-header h1{font-size:2.2rem}.admin-tabs{flex-direction:column}.admin-section{padding:20px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.stats-grid{grid-template-columns:1fr}}.superadmin-dashboard{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.dashboard-header{background:linear-gradient(135deg,#20b2aa,#17a2b8);border-radius:12px;box-shadow:0 4px 15px #20b2aa4d;color:#fff;margin-bottom:30px;padding:30px}.dashboard-header h1{font-size:2.5rem;font-weight:600;margin:0 0 10px}.action-buttons{align-items:center;display:flex;gap:10px}.assign-select{border:1px solid #ddd;border-radius:4px}.assign-select,.btn-small{font-size:12px;padding:4px 8px}.dashboard-header p{font-size:1.1rem;margin:0;opacity:.9}.dashboard-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto;padding-bottom:0}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;padding:15px 25px;position:relative;transition:all .3s ease;white-space:nowrap}.tab:hover{background-color:#20b2aa0d;color:#20b2aa}.tab.active{background-color:#20b2aa1a;border-bottom-color:#20b2aa;color:#20b2aa}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;min-height:500px;padding:30px}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #20b2aa;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 25px #20b2aa26;transform:translateY(-5px)}.stat-card h3{color:#495057;font-size:1rem;font-weight:600;letter-spacing:.5px;margin:0 0 15px;text-transform:uppercase}.stat-number{color:#20b2aa;font-size:2.5rem;font-weight:700;margin-bottom:10px}.stat-status{color:#28a745;font-size:1.1rem;font-weight:600}.section-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h3{color:#343a40;font-size:1.5rem;font-weight:600;margin:0}.btn-primary{background:linear-gradient(135deg,#20b2aa,#17a2b8);border:none;border-radius:8px;box-shadow:0 2px 8px #20b2aa4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 4px 15px #20b2aa66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-danger{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-small{font-size:.8rem;padding:6px 12px}.user-management,.users-table{margin-top:20px}.users-table{overflow-x:auto}.users-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.users-table th{background:linear-gradient(135deg,#20b2aa,#17a2b8);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:15px}.users-table tr:hover{background-color:#20b2aa0d}.content-grid,.content-management{margin-top:20px}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.content-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.content-card:hover{box-shadow:0 4px 15px #20b2aa26;transform:translateY(-3px)}.content-card h4{color:#343a40;font-size:1.2rem;font-weight:600;margin:0 0 10px}.content-card p{color:#6c757d;line-height:1.5;margin:0 0 15px}.content-meta{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.category{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.8rem;font-weight:600;padding:4px 12px}.questionnaire-management{margin-top:20px}.questions-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.question-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.question-card h4{color:#343a40;font-size:1.1rem;font-weight:600;margin:0 0 15px}.options{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.option{background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:6px;padding:8px 12px}.option.correct{background:#d4edda;border-left-color:#28a745;color:#155724;font-weight:500}.question-meta{align-items:center;border-top:1px solid #e9ecef;gap:10px;padding-top:15px}.difficulty{background:#fff3cd;border-radius:20px;color:#856404;font-size:.8rem;font-weight:600;padding:4px 12px}.results-section{margin-top:20px}.results-section h3{color:#343a40;font-size:1.5rem;font-weight:600;margin-bottom:20px}.results-table{margin-top:20px;overflow-x:auto}.results-table table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow:hidden;width:100%}.results-table th{background:linear-gradient(135deg,#20b2aa,#17a2b8);color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.results-table td{border-bottom:1px solid #e9ecef;color:#495057;padding:15px}.results-table tr:hover{background-color:#20b2aa0d}.access-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-user{background-color:#e3f2fd;color:#1976d2}.badge-admin{background-color:#fff3e0;color:#f57c00}.badge-superadmin{background-color:#fce4ec;color:#c2185b}.status{border-radius:20px;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.completed{background-color:#d4edda;color:#155724}.status.pending{background-color:#fff3cd;color:#856404}.status.in-progress{background-color:#d1ecf1;color:#0c5460}.status.passed{background-color:#d4edda;color:#155724}.status.failed{background-color:#f8d7da;color:#721c24}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.modal h3{color:#343a40;font-size:1.5rem;font-weight:600;margin:0 0 25px}.modal form{display:flex;flex-direction:column;gap:15px}.modal input,.modal select,.modal textarea{border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s ease}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a;outline:none}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;margin-top:25px;padding-top:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .3s ease}.modal-actions button[type=button]{background:#6c757d;color:#fff}.modal-actions button[type=button]:hover{background:#5a6268}@media (max-width:768px){.superadmin-dashboard{padding:15px}.dashboard-header{padding:20px;text-align:center}.dashboard-header h1{font-size:2rem}.dashboard-tabs{flex-wrap:wrap;gap:5px}.tab{font-size:.9rem;padding:10px 15px}.dashboard-content{padding:20px}.overview-grid{gap:15px}.content-grid,.overview-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.results-table,.users-table{font-size:.9rem}.results-table td,.results-table th,.users-table td,.users-table th{padding:10px 8px}.modal{margin:20px;padding:20px;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}.content-meta,.question-meta{align-items:flex-start;flex-direction:column;gap:10px}}@media (max-width:480px){.dashboard-header h1{font-size:1.5rem}.stat-number{font-size:2rem}.results-table,.users-table{font-size:.8rem}.question-card h4{font-size:1rem}.content-card h4{font-size:1.1rem}}.assessment-page{background-color:#f8f9fa;min-height:100vh;padding:20px 0}.assessment-container{margin:0 auto;max-width:900px;padding:0 24px}.assessment-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e9ecef;border-radius:50%;border-top-color:#4a9b8e;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.assessment-header{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.assessment-info h1{color:#333;font-size:28px;font-weight:600;margin:0 0 8px}.assessment-info p{color:#666;margin:0 0 24px}.assessment-progress{display:flex;flex-direction:column;gap:8px}.progress-text{color:#4a9b8e;font-size:16px;font-weight:500;text-align:center}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4a9b8e,#6bb6a8);border-radius:4px;height:100%;transition:width .3s ease}.progress-stats{color:#666;font-size:14px;text-align:center}.question-nav{border-radius:16px;box-shadow:0 4px 20px #00000014;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding:20px}.nav-dot,.question-nav{background:#fff;display:flex;justify-content:center}.nav-dot{align-items:center;border:2px solid #e9ecef;border-radius:50%;color:#666;cursor:pointer;font-size:14px;font-weight:500;height:40px;transition:all .3s ease;width:40px}.nav-dot:hover{border-color:#4a9b8e;color:#4a9b8e}.nav-dot.active{background-color:#4a9b8e;border-color:#4a9b8e;color:#fff}.nav-dot.answered{background-color:#28a745;border-color:#28a745;color:#fff}.nav-dot.answered.active{background-color:#4a9b8e;border-color:#4a9b8e}.question-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:24px;padding:32px}.question-meta{display:flex;gap:12px;margin-bottom:20px}.question-group,.question-subgroup{border-radius:12px;font-size:12px;font-weight:500;padding:4px 12px}.question-group{background-color:#4a9b8e;color:#fff}.question-subgroup{background-color:#e9ecef;color:#666}.question-content{margin-bottom:32px}.question-text{color:#333;font-size:24px;font-weight:600;line-height:1.4;margin:0 0 24px}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;padding:16px 20px;transition:all .3s ease}.option-item:hover{background-color:#f0fffe;border-color:#4a9b8e}.option-item.selected{background:linear-gradient(135deg,#f0fffe,#e6f9f7);border-color:#4a9b8e}.option-item input[type=radio]{display:none}.option-content{align-items:center;display:flex;gap:12px;width:100%}.option-indicator{border:2px solid #ccc;border-radius:50%;height:20px;position:relative;transition:all .3s ease;width:20px}.option-item.selected .option-indicator{background-color:#4a9b8e;border-color:#4a9b8e}.option-item.selected .option-indicator:after{background-color:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.option-text{color:#333;font-size:16px;line-height:1.5}.assessment-controls{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:24px}.control-buttons{display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.control-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:12px 24px;transition:all .3s ease}.control-btn.primary{background-color:#4a9b8e;color:#fff}.control-btn.primary:hover:not(:disabled){background-color:#3d8374}.control-btn.secondary{background-color:#f8f9fa;border:1px solid #e9ecef;color:#666}.control-btn.secondary:hover:not(:disabled){background-color:#e9ecef}.control-btn:disabled{cursor:not-allowed;opacity:.5}.submit-btn{background:linear-gradient(135deg,#28a745,#20c997)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ea080)}.assessment-status{text-align:center}.status-warning{color:#dc3545;font-size:14px;margin:0}.assessment-result{align-items:center;background:linear-gradient(135deg,#4a9b8e,#6bb6a8);display:flex;justify-content:center;min-height:100vh;padding:20px}.result-container{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.result-header{margin-bottom:32px}.result-icon{font-size:64px;margin-bottom:16px}.result-header h1{color:#333;font-size:32px;font-weight:600;margin:0 0 8px}.result-header p{color:#666;margin:0}.result-score{background:linear-gradient(135deg,#f0fffe,#e6f9f7);border-radius:16px;gap:32px;margin-bottom:32px;padding:24px}.result-score,.score-circle{align-items:center;display:flex;justify-content:center}.score-circle{background:linear-gradient(135deg,#4a9b8e,#6bb6a8);border-radius:50%;color:#fff;flex-direction:column;height:120px;width:120px}.score-value{font-size:28px;font-weight:600}.score-label{font-size:12px;opacity:.9}.score-details{gap:16px}.score-detail,.score-details{display:flex;flex-direction:column}.score-detail{align-items:center}.detail-value{color:#4a9b8e;font-size:24px;font-weight:600}.detail-label{color:#666;font-size:12px}.result-feedback{background-color:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.result-feedback h3{color:#333;font-size:18px;margin:0 0 12px}.result-feedback p{color:#666;line-height:1.6;margin:0}.back-to-dashboard-btn{background-color:#4a9b8e;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:14px 28px;transition:background-color .3s ease}.back-to-dashboard-btn:hover{background-color:#3d8374}.assessment-error{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:80px 20px;text-align:center}.assessment-error h2{color:#dc3545;margin-bottom:16px}.assessment-error button{background-color:#4a9b8e;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px}@media (max-width:768px){.assessment-container{padding:0 16px}.assessment-controls,.assessment-header,.question-section{padding:20px}.question-text{font-size:20px}.control-buttons{flex-direction:column}.control-btn{min-width:auto}.result-score{flex-direction:column;gap:20px}.score-details{flex-direction:row;gap:32px}.question-nav{gap:6px}.nav-dot{font-size:12px;height:36px;width:36px}}.App{min-height:100vh}.curve-divider{overflow:hidden;position:relative}.curve-divider:before{border-radius:0 0 50% 50%;top:-50px}.curve-divider-bottom:after,.curve-divider:before{background:var(--primary-color);content:"";height:100px;left:0;position:absolute;transform:scaleX(1.5);width:100%}.curve-divider-bottom:after{border-radius:50% 50% 0 0;bottom:-50px}
/*# sourceMappingURL=main.4900ab65.css.map*/