:root{--bg-dark: #0f0f13;--sidebar-bg: #14141a;--card-bg: #1a1a24;--primary-color: #8b5cf6;--primary-hover: #7c3aed;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #272733;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-bg: rgba(239, 68, 68, .1);--warning-bg: rgba(245, 158, 11, .1);--success-bg: rgba(16, 185, 129, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden}.app-container{display:flex;height:100vh;width:100vw}.sidebar{width:250px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0}.sidebar-top{padding:24px 16px}.logo{padding:0 12px;margin-bottom:40px}.logo h3{font-weight:700;letter-spacing:1px;color:var(--text-primary)}.menu{display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#9ab4d6;border-radius:8px;font-size:.95rem;font-weight:500;transition:all .2s ease}.menu-item i{width:20px;text-align:center;font-size:1.1rem}.menu-item:hover:not(.disabled){background-color:#8b5cf61a;color:#c5d4f0}.menu-item.active{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.menu-item.disabled{opacity:.4;cursor:not-allowed}.sidebar-bottom{padding:24px 16px;border-top:1px solid var(--border-color)}.user-profile{display:flex;align-items:center;gap:12px;padding:12px 10px;margin-bottom:24px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-profile:hover{background-color:#ffffff0d}.avatar{width:36px;height:36px;background-color:#8b5cf626;color:#a78bfa;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600;color:#9ab4d6}.user-email{font-size:.75rem;color:#64748b}.logout-btn{display:flex;align-items:center;gap:12px;padding:12px 10px;text-decoration:none;color:#fff;font-size:.95rem;font-weight:500;transition:all .2s ease;border-radius:8px}.logout-btn i{width:20px;text-align:center}.logout-btn:hover{background-color:#ef44441a;color:var(--danger)}.main-content{flex:1;overflow-y:auto;padding:40px;position:relative}.view-section{display:none;animation:fadeIn .3s ease;max-width:1400px}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:40px}.section-header h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}.section-header p{color:var(--text-secondary);font-size:.95rem}.progress-container{margin-bottom:40px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;color:var(--text-secondary)}.progress-info strong{font-size:1.4rem;color:var(--text-primary);margin-left:12px}.progress-track{width:100%;height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .4s ease;box-shadow:0 0 10px var(--primary-color)}.questions-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.question-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px}.question-text{font-size:1.05rem;font-weight:500;margin-bottom:20px;color:var(--text-primary)}.options-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.option-btn{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;padding:16px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px}.option-btn span:first-child{font-weight:600;font-size:1rem}.option-btn span:last-child{font-size:.8rem;opacity:.7}.option-btn:hover{background-color:var(--card-bg);border-color:#4b4b5c}.option-btn.selected[data-points="0"]{background-color:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.option-btn.selected[data-points="5"]{background-color:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.option-btn.selected[data-points="10"]{background-color:var(--success-bg);border-color:var(--success);color:var(--success)}.actions-row{display:flex;justify-content:flex-end;margin-top:20px;margin-bottom:60px}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #8b5cf666;transition:all .2s ease}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.dashboard-grid{display:flex;flex-direction:column;gap:20px}.dash-top-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px;display:flex;justify-content:space-between;align-items:center}.dash-top-left{display:flex;flex-direction:column}.dash-top-left .title{color:var(--text-secondary);font-size:1.15rem;display:flex;align-items:center;gap:8px;margin-bottom:12px}.dash-top-left .percent{font-size:4rem;font-weight:700;line-height:1;margin-bottom:8px}.dash-top-left .subtitle{color:var(--text-secondary);font-size:1rem}.dash-top-right{width:350px;height:12px;background-color:var(--bg-dark);border-radius:6px;position:relative}.dash-top-right .fill{position:absolute;left:0;top:0;bottom:0;background-color:var(--primary-color);border-radius:6px;box-shadow:0 0 10px #8b5cf680;transition:width .5s ease}.dash-top-right .fill:after{content:"";position:absolute;right:-8px;top:-6px;width:24px;height:24px;border-radius:50%;background-color:var(--primary-color);box-shadow:0 0 8px #8b5cf6cc}.dash-alert{background-color:#eab3080d;border:1px solid rgba(234,179,8,.2);color:var(--warning);border-radius:8px;padding:16px 20px;font-weight:500;font-size:1.05rem;display:flex;align-items:center;gap:12px}.dash-pillars-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.dash-pillar-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px}.dash-pillar-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.dash-pillar-icon{width:50px;height:50px;border-radius:10px;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.dash-pillar-header-text{display:flex;flex-direction:column}.dash-pillar-header-text h3{font-size:1.3rem;font-weight:600}.dash-pillar-header-text p{font-size:.95rem;color:var(--text-secondary)}.dash-pillar-body{display:flex;align-items:center;gap:24px}.circular-chart{position:relative;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center}.circular-chart:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background-color:var(--card-bg);border-radius:50%}.dash-pillar-score-text{display:flex;flex-direction:column}.dash-pillar-score-text .percent{font-size:2.2rem;font-weight:700}.dash-pillar-score-text .points{font-size:.95rem;color:var(--text-secondary);margin-top:4px}.dash-bottom-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:32px}.dash-bottom-card h3{font-size:1.3rem;margin-bottom:28px}.dash-bottom-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.dash-stat-col{display:flex;flex-direction:column;gap:12px;position:relative;flex:1}.dash-stat-col:not(:last-child):after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);height:38px;width:1px;background-color:var(--border-color)}.dash-stat-label{font-size:1rem;color:var(--text-secondary);line-height:1.25;white-space:nowrap}.dash-stat-value{font-size:.95rem;font-weight:700;white-space:nowrap}.profile-layout{max-width:600px;display:flex;flex-direction:column;gap:20px}.profile-header-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.large-avatar{width:64px;height:64px;font-size:2rem}.user-info-large h2{font-size:1.2rem;color:var(--text-primary)}.user-info-large p{color:var(--text-secondary);font-size:.9rem;margin-bottom:4px}.avatar-hint{font-size:.8rem;color:var(--text-secondary);opacity:.7}.profile-form-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group label i{margin-right:4px}.form-group>input{background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s ease}.form-group>input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #8b5cf633}.input-wrapper{display:flex;align-items:center;background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;transition:all .2s ease}.input-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #8b5cf633}.input-wrapper .prefix{padding:14px 16px;color:var(--text-secondary);font-weight:600;background-color:#ffffff08;border-right:1px solid var(--border-color);margin-right:12px}.input-wrapper input{flex:1;background:transparent;border:none;color:var(--text-primary);padding:14px 16px 14px 0;outline:none;font-size:.95rem}.input-wrapper input[type=number]::-webkit-inner-spin-button,.input-wrapper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.profile-actions{margin-top:10px}.auth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999;flex-direction:column}.auth-overlay.hidden{display:none!important}.auth-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 10px 40px #00000080}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;text-align:center}.auth-subtitle{font-size:.9rem;color:var(--text-secondary);text-align:center;margin-bottom:24px}.auth-error{background-color:#ef44441a;color:var(--danger);padding:12px;border-radius:8px;font-size:.85rem;margin-bottom:20px;text-align:center;border:1px solid rgba(239,68,68,.2)}.auth-form-group{margin-bottom:20px;display:flex;flex-direction:column}.auth-form-group label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.auth-form-group input{background-color:var(--bg-dark);border:1px solid var(--border-color);color:var(--text-primary);padding:14px 16px;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s ease}.auth-form-group input:focus{border-color:var(--primary-color)}.btn-secondary{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color);padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#ffffff0d;color:var(--text-primary)}.auth-footer-link{text-align:center;margin-top:20px;font-size:.9rem;color:var(--text-secondary)}.auth-footer-link a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-footer-link a:hover{text-decoration:underline}.password-rules{list-style:none;padding:0;margin:8px 0 0;font-size:.8rem}.password-rules li{margin-bottom:4px;display:flex;align-items:center;gap:6px}.password-rules li{transition:color .3s ease}.password-rules li.invalid{color:var(--text-secondary)}.password-rules li.valid{color:var(--success)}.password-rules li.invalid i{color:var(--danger)}.password-rules li.valid i{color:var(--success)}.w-full{width:100%}.mt-2{margin-top:12px}.profile-footer-hint{font-size:.8rem;color:var(--text-secondary);margin-top:16px;text-align:center}.password-wrapper{position:relative;width:100%}.password-wrapper input{width:100%;padding-right:45px!important}.toggle-password-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--text-secondary);font-size:1.1rem;transition:color .2s ease}.toggle-password-icon:hover{color:var(--text-primary)}@media (max-width: 860px){.app-container{flex-direction:column;overflow-y:auto}.sidebar{width:100%;height:auto;flex-direction:column;border-right:none;border-bottom:1px solid var(--border-color);padding-bottom:10px}.sidebar-top,.sidebar-bottom{padding:16px}.logo{margin-bottom:20px}.menu{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:10px}.menu-item{white-space:nowrap;padding:8px 12px;flex:1 1 auto;justify-content:center}.user-profile{margin-bottom:16px}.main-content{padding:20px;overflow:visible}body{overflow:auto}.dash-pillars-row{grid-template-columns:1fr}.dash-top-card{flex-direction:column;gap:20px;align-items:flex-start}.dash-top-left .percent{font-size:2.5rem}.dash-top-right{width:100%}.dash-bottom-grid{flex-wrap:wrap;gap:16px;justify-content:flex-start}.dash-stat-col{flex:1 1 45%}.dash-stat-col:not(:last-child):after{display:none}.options-row{grid-template-columns:1fr}.profile-header-card{flex-direction:column;text-align:center}}