.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;left:-250px;position:fixed;transition:left .3s ease-in-out;width:250px;z-index:20}.sidebar.open{left:0}.sidebar-header{align-items:center;display:flex;gap:.75rem;padding:1.5rem}.sidebar-logo{color:var(--accent-blue);font-size:1.5rem;font-weight:700}.sidebar-header h2{font-size:1.25rem;margin:0}.sidebar-nav{flex-grow:1;padding:0 1rem}.sidebar-nav ul{list-style-type:none;margin:0;padding:0}.sidebar-nav a{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:500;gap:.75rem;margin:.25rem 0;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out}.sidebar-nav a.active,.sidebar-nav a:hover{background-color:var(--card-bg);color:var(--text-primary)}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem}.sidebar-logout-button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out;width:100%}.sidebar-logout-button:hover{background-color:var(--card-bg);color:var(--text-primary)}@media (min-width:768px){.sidebar{flex-shrink:0;position:static}}.main-header{background-color:var(--sidebar-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.5rem}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:1rem}.header-icon-wrapper{align-items:center;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem}.header-icon-wrapper:hover{background-color:var(--card-bg)}.header-left h2{color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.header-right{position:relative}.user-avatar-container{align-items:center;cursor:pointer;display:flex}.user-avatar-image{border:1px solid var(--border-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.user-avatar-placeholder{align-items:center;background-color:var(--card-bg);border-radius:50%;color:var(--text-primary);display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:background-color .2s;width:40px}.user-avatar-placeholder:hover{background-color:var(--border-color)}.profile-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:200px;z-index:50}.dropdown-header{color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:.6rem 1rem}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.5rem 0}.profile-dropdown ul{list-style-type:none;margin:0;padding:0}.logout-button,.profile-dropdown li a{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.6rem 1rem;text-decoration:none}.logout-button{background:none;border:none;cursor:pointer;text-align:left;width:100%}.logout-button:hover,.profile-dropdown li a:hover{background-color:var(--accent-blue)}.sidebar-icon{font-size:1.1rem;text-align:center;width:24px}@media (min-width:768px){.main-header{padding:1rem 3rem}}.card{background-color:var(--card-bg);border-radius:12px;padding:1.5rem}.custom-dropdown-container{position:relative}.dropdown-button{align-items:center;background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;justify-content:space-between;padding:.75rem 1rem;text-align:left;width:100%}.dropdown-arrow{border:solid var(--text-secondary);border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .2s ease,border-color .2s ease}.dropdown-arrow.open{transform:rotate(-135deg)}.dropdown-button:hover .dropdown-arrow{border-color:var(--text-primary)}.dropdown-list{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;left:0;list-style-type:none;margin:0;max-height:12rem;overflow-y:auto;padding:.5rem 0;position:absolute;top:calc(100% + 5px);width:100%;z-index:10}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:var(--sidebar-bg);border-radius:8px}.dropdown-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dropdown-list li{cursor:pointer;padding:.75rem 1rem}.dropdown-list li:hover{background-color:var(--accent-blue);color:var(--text-primary)}.dropdown-list li.selected{background-color:var(--card-bg);font-weight:500}.skill-badge{background-color:var(--border-color)}.skill-badge.matched{background-color:var(--accent-green);color:var(--sidebar-bg)}.skill-badge.missing{background-color:var(--accent-orange);color:var(--sidebar-bg)}.dashboard-page h1{font-size:2rem;font-weight:700;margin-bottom:1.5rem;margin-top:0}.dashboard-page .custom-dropdown-container{margin-bottom:2rem}.skill-gap-analysis{display:flex;flex-direction:column}.skill-gap-analysis h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.skill-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.skill-column h3{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:1rem;margin-top:0}.badges-container{display:flex;flex-wrap:wrap;gap:.75rem}.skill-badge{background-color:var(--sidebar-bg);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:.5rem 1rem}.placeholder-text{color:var(--text-secondary);font-size:.9rem}.recommendations-section{margin-top:2.5rem}.recommendations-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.course-placeholder{background-color:var(--sidebar-bg);border-radius:8px;height:150px}@media (min-width:768px){.skill-columns{grid-template-columns:1fr 1fr}}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease-in-out}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--accent-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-secondary{background-color:initial;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--card-bg);color:var(--text-primary)}.profile-page h1{font-size:2rem;font-weight:600;margin-bottom:1.5rem;margin-top:0}.profile-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr}.profile-card{align-items:center;display:flex;flex-direction:column;padding:2rem;text-align:center}.profile-avatar-large{border:4px solid var(--background);border-radius:50%;height:128px;margin-bottom:1rem;outline:1px solid var(--border-color);width:128px}.profile-header{width:100%}.profile-card h2{color:var(--text-primary);font-size:1.5rem;margin:.5rem 0 0}.profile-title{color:var(--text-secondary);margin-top:.25rem}.profile-email{color:var(--accent-blue);font-size:.9rem;margin-top:.5rem}.profile-divider{background-color:var(--border-color);height:1px;margin:1.5rem 0;width:100%}.profile-details-grid{grid-gap:.75rem 1.5rem;color:var(--text-secondary);display:grid;gap:.75rem 1.5rem;grid-template-columns:auto 1fr;margin-bottom:2rem;text-align:left}.profile-details-grid span:nth-child(odd){color:var(--text-primary);font-weight:500}.profile-actions-footer{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.profile-edit-button{align-items:center;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;text-decoration:none;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;width:100%}.profile-edit-button:hover{background-color:var(--border-color)}.edit-details{text-align:center;width:100%}.profile-input{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:.5rem;padding:.5rem;text-align:center;width:90%}.profile-right-column{display:flex;flex-direction:column;gap:2rem}.achievements-card,.goals-card,.skills-card{padding:2rem}.achievements-card h3,.goals-card h3,.skills-card h3{font-size:1.25rem;font-weight:600;margin-top:0}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.skill-badge-removable{align-items:center;background-color:var(--border-color);border-radius:8px;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.remove-icon{color:var(--text-secondary);cursor:pointer;font-size:1.1rem;font-weight:700}.remove-icon:hover{color:var(--text-primary)}.add-skill-button{align-items:center;background:#0000;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem;transition:all .2s ease;width:100%}.add-skill-button:hover{background-color:var(--card-bg);border-color:var(--text-secondary);color:var(--text-primary)}.add-skill-form{align-items:center;display:flex;gap:.75rem;margin-top:1.5rem}.add-skill-form .custom-dropdown-container{flex-grow:1}.add-skill-form .btn{flex-shrink:0;font-size:.9rem;padding:.5rem 1rem}.goals-card p{color:var(--text-secondary);line-height:1.6;margin:0}.achievements-list{display:flex;flex-direction:column;gap:1.5rem}.achievement-item{align-items:flex-start;display:flex;gap:1rem}.achievement-dot{border-radius:50%;flex-shrink:0;height:12px;margin-top:5px;width:12px}.dot-green{background-color:var(--accent-green)}.dot-blue{background-color:var(--accent-blue)}.dot-purple{background-color:#a78bfa}.achievement-text{display:flex;flex-direction:column}.achievement-title{color:var(--text-primary);font-weight:600;margin:0}.achievement-subtitle{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0 0}@media (min-width:992px){.profile-grid{grid-template-columns:320px 1fr}}.career-paths-page h1{font-size:2rem;font-weight:600;margin-bottom:3rem;margin-top:0;text-align:center}.timeline-container{align-items:center;display:flex;flex-direction:column;gap:1rem}.timeline-node{max-width:400px;position:relative;width:100%}.role-card{cursor:pointer;padding:1.5rem;text-align:center;transition:box-shadow .2s ease-in-out}.role-card:hover{box-shadow:0 0 15px #3b82f64d}.role-card h3{font-size:1.25rem;margin-bottom:1rem;margin-top:0}.role-skills-preview{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:.5rem}.skill-dot{background-color:var(--border-color);border-radius:50%;display:inline-block;height:10px;width:10px}.skill-dot.have{background-color:var(--accent-green)}.skill-dot.need{background-color:var(--accent-orange)}.role-details{border-top:1px solid var(--border-color);margin-top:1.5rem;padding-top:1rem;text-align:left}.role-details h4{color:var(--text-secondary);font-size:1rem;font-weight:500;margin-bottom:.75rem;margin-top:0}.details-skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{border-radius:6px;color:var(--sidebar-bg);font-size:.85rem;font-weight:500;padding:.3rem .8rem}.skill-tag.have{background-color:var(--accent-green)}.skill-tag.need{background-color:var(--accent-orange)}.responsibilities-title{margin-top:1.5rem}.responsibilities-text{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.timeline-connector{background-color:var(--border-color);border-radius:2px;height:40px;width:3px}@media (min-width:992px){.timeline-container{align-items:flex-start;flex-direction:row;justify-content:center}.timeline-connector{height:3px;margin-top:2rem;width:60px}.timeline-node{max-width:300px}}.login-page-container{align-items:center;display:flex;justify-content:center;min-height:100%}.login-form{max-width:380px;text-align:center;width:100%}.login-form h2{font-size:2rem;margin-bottom:2rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{color:var(--text-primary);display:block}.form-group input{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.form-group input::placeholder,.login-links{color:var(--text-secondary)}.login-links{align-items:center;display:flex;flex-direction:column;font-size:.9rem;gap:1rem;margin-top:1.5rem}.login-links a{color:var(--accent-blue);font-weight:500;text-decoration:none}.login-links a:hover{text-decoration:underline}.reset-instruction{color:var(--text-secondary);margin-bottom:1.5rem}.status-message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:.75rem;text-align:center}.status-message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.status-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.edit-profile-page{margin:0 auto;max-width:800px}.edit-profile-page h1{margin-top:0}.edit-profile-page form{display:flex;flex-direction:column;gap:2rem}.edit-profile-page .card{padding:2rem}.edit-profile-page h3{border-bottom:1px solid var(--border-color);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:.75rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column}.form-group label{color:var(--text-secondary);font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-size:1rem;padding:.75rem;width:100%}.avatar-upload-section{align-items:center;display:flex;gap:1.5rem}.edit-avatar{border-radius:50%;height:80px;width:80px}.upload-label{background-color:var(--accent-blue);border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1.5rem}#avatar-upload{display:none}.achievement-edit-item{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.achievement-edit-item input{background-color:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex-grow:1;font-size:1rem;padding:.75rem}.remove-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;font-weight:700}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}}:root{--background:#111827;--sidebar-bg:#1f2937;--card-bg:#374151;--border-color:#4b5563;--text-primary:#f9fafb;--text-secondary:#9ca3af;--accent-blue:#3b82f6;--accent-green:#34d399;--accent-orange:#f97316}body{background-color:#111827;background-color:var(--background);color:#f9fafb;color:var(--text-primary);overflow-x:hidden}.app-layout{display:flex;height:100vh}.main-content-wrapper{display:flex;flex-direction:column;flex-grow:1;min-width:0;overflow:hidden;transition:transform .3s ease-in-out}.page-content{flex-grow:1;overflow-y:auto;padding:1.5rem}.page-content::-webkit-scrollbar{display:none}.page-content{-ms-overflow-style:none;scrollbar-width:none}.hamburger-menu{background:none;border:none;color:#f9fafb;color:var(--text-primary);cursor:pointer;display:block;font-size:1.5rem}.sidebar-is-open .main-content-wrapper{transform:translateX(250px)}@media (min-width:768px){.page-content{padding:2rem 3rem}.hamburger-menu{display:none}.sidebar-is-open .main-content-wrapper{transform:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.f014a7cd.css.map*/