@import url(https://fonts.googleapis.com/css2?family=Clash+Display:wght@400;500;600;700&family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap);.login-page{align-items:stretch;display:flex;min-height:100vh;overflow:hidden;position:relative}.login-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.bg-orb{border-radius:50%;filter:blur(80px);opacity:.15;position:absolute}.orb-1{animation:float 8s ease-in-out infinite;background:var(--accent-cyan);height:600px;left:-200px;top:-200px;width:600px}.orb-2{animation:float 10s ease-in-out infinite reverse;background:var(--accent-purple);bottom:-150px;height:500px;right:200px;width:500px}.orb-3{animation:float 12s ease-in-out infinite;background:var(--accent-pink);height:400px;right:-100px;top:50%;width:400px}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,#0000 0);background-size:60px 60px;inset:0;position:absolute}.login-container{display:flex;position:relative;width:100%;z-index:1}.login-left{background:linear-gradient(135deg,#00d4ff0a,#0000);border-right:1px solid var(--border);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:60px}.brand{gap:12px;margin-bottom:48px}.brand,.brand-logo{align-items:center;display:flex}.brand-logo{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:14px;font-size:24px;height:48px;justify-content:center;width:48px}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.8rem;font-weight:800}.login-headline{margin-bottom:40px}.login-headline h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:16px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text}.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.feature-chip{align-items:center;animation:fadeIn .5s ease both;background:#ffffff0a;border:1px solid var(--border);border-radius:40px;color:var(--text-secondary);display:inline-flex;font-size:13px;gap:8px;padding:10px 16px}.login-stats{align-items:center;border-top:1px solid var(--border);display:flex;gap:32px;padding:20px 0}.login-stat{text-align:center}.login-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.8rem;font-weight:800}.login-stat-label{color:var(--text-muted);font-size:12px;margin-top:4px}.login-stat-divider{background:var(--border);height:40px;width:1px}.login-right{align-items:center;display:flex;justify-content:center;padding:40px;width:480px}.login-card{max-width:400px;width:100%}.login-card-header{margin-bottom:28px}.login-card-header h2{font-size:1.8rem;margin-bottom:6px}.login-card-header p{font-size:14px}.demo-section{margin-bottom:20px}.demo-label{color:var(--text-muted);font-size:11px;letter-spacing:.08em;margin-bottom:10px;text-transform:uppercase}.demo-btns{display:flex;gap:10px}.demo-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:var(--transition)}.demo-btn.active,.demo-btn:hover{background:#00d4ff0f;border-color:var(--accent-cyan);color:var(--accent-cyan)}.demo-btn.admin.active,.demo-btn.admin:hover{background:#ff6b9d0f;border-color:var(--accent-pink);color:var(--accent-pink)}.login-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.login-divider span{color:var(--text-muted);font-size:12px;white-space:nowrap}.login-form{display:flex;flex-direction:column;gap:16px}.form-error{background:#ff6b9d1a;border:1px solid #ff6b9d33;border-radius:var(--radius-md);color:var(--accent-pink);font-size:13px;padding:10px 14px}.submit-btn{justify-content:center;margin-top:4px;width:100%}.spinner{animation:spin .7s linear infinite;border:2px solid #0000004d;border-radius:50%;border-top-color:#000;height:16px;width:16px}.login-toggle{color:var(--text-muted);font-size:13px;margin-top:20px;text-align:center}.login-toggle button{background:none;border:none;color:var(--accent-cyan);cursor:pointer;font-size:13px;font-weight:500}.login-toggle button:hover{text-decoration:underline}@media (max-width:900px){.login-container{flex-direction:column}.login-left{border-bottom:1px solid var(--border);border-right:none;padding:40px 24px}.login-right{padding:32px 24px;width:100%}}.admin-hero{align-items:center;background:linear-gradient(135deg,#ff6b9d0f,#a78bfa0f);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-bottom:28px;padding:32px}.admin-hero-actions{display:flex;gap:12px}.admin-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.activity-chart{align-items:flex-end;display:flex;gap:8px;height:160px;margin-top:16px}.activity-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.activity-bar-wrap{align-items:flex-end;background:var(--bg-secondary);display:flex;flex:1 1;overflow:hidden}.activity-bar,.activity-bar-wrap{border-radius:6px 6px 0 0;width:100%}.activity-bar{min-height:4px;transition:height .8s cubic-bezier(.4,0,.2,1)}.activity-day{color:var(--text-muted);font-size:11px}.activity-val{color:var(--text-secondary);font-size:11px;font-weight:600}.top-career-row{align-items:center;display:flex;gap:12px;margin-bottom:14px}.top-career-row:last-child{margin-bottom:0}.top-career-rank{background:var(--bg-secondary);border-radius:6px;font-size:12px;font-weight:700;height:24px;width:24px}.top-career-icon,.top-career-rank{align-items:center;display:flex;flex-shrink:0;justify-content:center}.top-career-icon{border-radius:8px;font-size:16px;height:32px;width:32px}.metric-list{display:flex;flex-direction:column;gap:0}.metric-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.metric-row:last-child{border-bottom:none}.metric-label{color:var(--text-secondary);font-size:13px}.metric-value{font-size:13px;font-weight:700}.metric-value.good{color:var(--accent-green)}.metric-value.warn{color:var(--accent-yellow)}.session-row{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 0}.session-row:last-child{border-bottom:none}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:13px;width:100%}.admin-table th{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;padding:10px 12px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{padding:12px;vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:#ffffff05}.counselors-admin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.counselor-admin-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:var(--transition)}.counselor-admin-card:hover{border-color:var(--border-active)}.resources-admin-list{display:flex;flex-direction:column;gap:0}.resource-admin-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:14px 0}.resource-admin-row:last-child{border-bottom:none}@media (max-width:900px){.admin-grid{grid-template-columns:1fr}}.dashboard-hero{align-items:center;background:linear-gradient(135deg,#00d4ff0f,#a78bfa0f);border:1px solid var(--border);border-radius:var(--radius-xl);display:flex;gap:32px;justify-content:space-between;margin-bottom:28px;overflow:hidden;padding:40px;position:relative}.dashboard-hero:before{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:40px 40px;content:"";inset:0;pointer-events:none;position:absolute}.hero-content{flex:1 1;position:relative}.greeting-badge{align-items:center;background:#00d4ff1a;border:1px solid #00d4ff33;border-radius:20px;color:var(--accent-cyan);display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:16px;padding:6px 14px}.greeting-dot{animation:pulse 2s infinite;background:var(--accent-cyan);border-radius:50%;height:6px;width:6px}.hero-content h1{margin-bottom:12px}.hero-content p{margin-bottom:24px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-visual{flex-shrink:0}.career-orbit{height:200px;position:relative;width:200px}.orbit-center{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;display:flex;font-size:2rem;height:60px;justify-content:center;transform:translate(-50%,-50%);width:60px;z-index:2}.orbit-center,.orbit-icon{left:50%;position:absolute;top:50%}.orbit-icon{animation:orbit-spin 20s linear infinite;animation-delay:calc(var(--i)*-3.33s);height:44px;margin:-22px 0 0 -22px;transform:rotate(calc(var(--i)*60deg)) translateY(-85px) rotate(calc(var(--i)*-60deg));width:44px}@keyframes orbit-spin{0%{transform:rotate(calc(var(--i)*60deg)) translateY(-85px) rotate(calc(var(--i)*-60deg))}to{transform:rotate(calc(1turn + var(--i)*60deg)) translateY(-85px) rotate(calc(-1turn + var(--i)*-60deg))}}.orbit-inner{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.quick-stats{margin-bottom:24px}.stat-icon{font-size:24px;margin-bottom:8px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.career-list{display:flex;flex-direction:column;gap:8px}.career-list-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;padding:12px;transition:var(--transition)}.career-list-item:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.career-list-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.career-list-info{flex:1 1;min-width:0}.career-list-title{font-size:14px;font-weight:600;margin-bottom:4px}.career-list-meta{align-items:center;display:flex;gap:8px}.career-list-growth{flex-shrink:0;font-size:13px;font-weight:600}.skills-list{display:flex;flex-direction:column;gap:14px}.counselor-featured{align-items:flex-start;display:flex;gap:16px}.avatar-lg{border-radius:16px!important;font-size:1.3rem!important;height:64px!important;width:64px!important}.counselor-name{font-size:1.1rem;font-weight:700;margin-bottom:2px}.counselor-spec{color:var(--text-muted);font-size:13px;margin-bottom:6px}.expertise-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.session-info{align-items:center;display:flex;gap:16px;margin-bottom:16px}.session-date-badge{align-items:center;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;height:52px;justify-content:center;width:52px}.session-day{color:#000;font-family:var(--font-display);font-size:1.3rem;font-weight:800;line-height:1}.session-month{color:#000000b3;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media (max-width:1100px){.dashboard-grid{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;text-align:center}.hero-ctas{justify-content:center}.hero-visual{display:none}}.explorer-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.category-filters,.explorer-header{margin-bottom:24px}.careers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.career-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:14px;padding:22px;transition:var(--transition)}.career-card:hover{border-color:var(--border-active);box-shadow:0 8px 32px #0000004d;transform:translateY(-3px)}.career-card-top{align-items:flex-start;display:flex;justify-content:space-between}.career-icon-wrap{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.career-icon{font-size:26px}.save-btn{line-height:1;padding:4px}.career-category{font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.career-title{font-size:1.1rem;font-weight:700;margin-bottom:6px}.career-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.career-card-stats{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;gap:16px;padding:12px}.career-stat{flex:1 1;text-align:center}.career-stat-value{font-family:var(--font-display);font-size:.95rem;font-weight:700}.career-stat-label{color:var(--text-muted);font-size:11px;margin-top:2px}.career-stat-divider{background:var(--border);height:28px;width:1px}.career-card-footer{align-items:center;display:flex;justify-content:space-between}.demand-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:3px 10px}.demand-very-high{background:#4ecdc41f;border:1px solid #4ecdc433;color:var(--accent-green)}.demand-high{background:#00d4ff1f;border:1px solid #00d4ff33;color:var(--accent-cyan)}.demand-moderate{background:#ffd93d1f;border:1px solid #ffd93d33;color:var(--accent-yellow)}.career-edu{color:var(--text-muted);font-size:11px}.career-skills-preview{display:flex;flex-wrap:wrap;gap:6px}.career-modal{max-width:600px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.modal-close:hover{background:var(--bg-card-hover)}.modal-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0}.modal-stat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;text-align:center}.modal-stat-val{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:4px}.modal-stat-lbl{color:var(--text-muted);font-size:11px}.modal-section{margin-bottom:16px}.modal-section-title{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.skills-tags{display:flex;flex-wrap:wrap;gap:6px}.roadmap{flex-wrap:wrap}.roadmap,.roadmap-step{align-items:center;display:flex;gap:8px}.roadmap-num{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.roadmap-text{color:var(--text-secondary);font-size:13px}.roadmap-arrow{color:var(--text-muted);font-size:16px}.counselors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.counselor-card{display:flex;flex-direction:column;gap:12px}.counselor-card-header{align-items:flex-start;display:flex;justify-content:space-between}.avatar-xl{border-radius:16px!important;height:60px!important;width:60px!important}.counselor-avail{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.counselor-info h3{font-size:1.1rem;margin-bottom:2px}.counselor-spec-label{color:var(--accent-cyan);font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.counselor-meta{align-items:center;display:flex;gap:6px;margin-bottom:4px}.counselor-bio{color:var(--text-muted);font-size:13px;line-height:1.5}.counselor-card-footer{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.counselor-price{color:var(--accent-cyan);font-family:var(--font-display);font-size:1rem;font-weight:700}.availability{color:var(--text-muted);font-size:11px}.booking-modal{max-width:480px}.booking-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.booking-header h3{margin:0}.booking-steps{align-items:center;display:flex;gap:0;margin-bottom:28px}.booking-step-indicator{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;position:relative}.booking-step-indicator:not(:last-child):after{background:var(--border);content:"";height:2px;left:60%;position:absolute;right:-40%;top:14px;z-index:0}.booking-step-indicator.active:not(:last-child):after{background:var(--accent-cyan)}.step-num{align-items:center;background:var(--bg-secondary);border:2px solid var(--border);border-radius:50%;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;position:relative;transition:var(--transition);width:28px;z-index:1}.booking-step-indicator.active .step-num{background:var(--accent-cyan);border-color:var(--accent-cyan);color:#000}.step-lbl{color:var(--text-muted);font-size:11px}.booking-section-title{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:14px}.date-grid,.time-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.date-btn,.time-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:10px;text-align:center;transition:var(--transition)}.date-btn:hover,.time-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.date-btn.active,.time-btn.active{background:#00d4ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.topic-suggestions{display:flex;flex-wrap:wrap;gap:8px}.topic-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:7px 14px;transition:var(--transition)}.topic-chip:hover{border-color:var(--border-active);color:var(--text-primary)}.topic-chip.active{background:#00d4ff1a;border-color:var(--accent-cyan);color:var(--accent-cyan)}.booking-success{padding:20px 0;text-align:center}.success-icon{font-size:3rem;margin-bottom:16px}.booking-success h3{font-size:1.5rem;margin-bottom:8px}.booking-success p{font-size:14px;margin-bottom:20px}.booking-confirm-card{border:1px solid var(--border);border-radius:var(--radius-md);gap:14px;margin-bottom:20px;padding:16px;text-align:left}.booking-confirm-card,.modal-close{align-items:center;background:var(--bg-secondary);display:flex}.modal-close{border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:12px;height:32px;justify-content:center;transition:var(--transition);width:32px}.modal-close:hover{color:var(--text-primary)}.category-filters{display:flex;gap:8px;min-width:-webkit-max-content;min-width:max-content;padding-bottom:4px}.resources-banner{background:linear-gradient(135deg,#00d4ff14,#a78bfa14);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:0;margin-bottom:24px;overflow:hidden;padding:24px}.banner-stat{border-right:1px solid var(--border);flex:1 1;padding:0 16px;text-align:center}.banner-stat:last-child{border-right:none}.banner-stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:2rem;font-weight:800}.banner-stat-label{color:var(--text-muted);font-size:12px;margin-top:4px}.resources-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.resource-card{cursor:pointer;display:flex;flex-direction:column;gap:14px}.resource-icon-area{align-items:center;display:flex;justify-content:space-between}.resource-emoji{font-size:2.5rem}.resource-title{font-size:1rem;font-weight:700;margin-bottom:6px}.resource-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.resource-meta{display:flex;flex-wrap:wrap;gap:12px}.meta-item{color:var(--text-muted);font-size:12px}.resource-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;margin-top:auto;padding-top:10px}.resource-rating{align-items:center;display:flex;gap:6px}.rating-val,.stars{font-size:13px}.rating-val{color:var(--accent-yellow);font-weight:600}.cat-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:var(--transition);white-space:nowrap}.cat-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.cat-btn.active{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--accent-cyan)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.profile-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}.profile-avatar-area{flex-shrink:0;position:relative}.profile-avatar{align-items:center;border-radius:20px;color:#000;display:flex;font-family:var(--font-display);font-size:2rem;font-weight:800;height:80px;justify-content:center;width:80px}.profile-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:-6px;font-size:10px;font-weight:600;padding:3px 8px;position:absolute;right:-6px;white-space:nowrap}.profile-header-info{flex:1 1}.profile-header-info h2{margin-bottom:4px}.profile-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.profile-header-stats{display:flex;flex-shrink:0;gap:24px}.pstat{text-align:center}.pstat-val{color:var(--accent-cyan);font-family:var(--font-display);font-size:1.8rem;font-weight:800}.pstat-lbl{color:var(--text-muted);font-size:12px}.completion-card{margin-bottom:24px}.completion-check{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;gap:4px}.completion-check.done{color:var(--accent-green)}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-fields{display:flex;flex-direction:column;gap:14px}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:6px}.interest-btn{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:8px 16px;transition:var(--transition)}.interest-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.interest-btn.active{background:#00d4ff1a;border-color:#00d4ff4d;color:var(--accent-cyan)}.skill-row{display:flex;flex-direction:column;gap:6px}.skill-row-header{display:flex;justify-content:space-between}.skill-name{font-size:13px;font-weight:500}.skill-score{color:var(--accent-cyan);font-size:13px;font-weight:600}.career-icon-sm{align-items:center;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.save-btn{background:none;border:none;cursor:pointer;font-size:18px;transition:var(--transition)}.save-btn:hover{transform:scale(1.2)}.session-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:16px;padding:14px;transition:var(--transition)}.session-item:hover{border-color:var(--border-active)}.session-item-icon{font-size:24px}.setting-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:14px 0}.setting-row:last-of-type{border-bottom:none}.toggle-switch{flex-shrink:0;position:relative}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-switch label{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:block;height:24px;margin:0;position:relative;transition:var(--transition);width:44px}.toggle-switch label:after{background:var(--text-muted);border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:3px;transition:var(--transition);width:16px}.toggle-switch input:checked+label{background:#00d4ff26;border-color:var(--accent-cyan)}.toggle-switch input:checked+label:after{background:var(--accent-cyan);left:23px}@media (max-width:768px){.form-row,.profile-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-chips,.profile-header-stats{justify-content:center}}.layout{overflow:hidden}.layout,.sidebar{display:flex;height:100vh}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:100}.sidebar-logo{border-bottom:1px solid var(--border);gap:12px;padding:24px 20px}.logo-mark,.sidebar-logo{align-items:center;display:flex}.logo-mark{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));border-radius:10px;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:1.2rem;font-weight:800}.logo-sub{color:var(--text-muted);font-size:10px;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:11px 12px;position:relative;text-align:left;transition:var(--transition);width:100%}.nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.nav-item.active{background:#00d4ff14;border:1px solid #00d4ff1f;color:var(--accent-cyan)}.nav-icon{flex-shrink:0;font-size:18px}.nav-label{flex:1 1}.nav-active-dot{background:var(--accent-cyan);border-radius:50%;box-shadow:0 0 8px var(--accent-cyan);height:6px;width:6px}.sidebar-footer{border-top:1px solid var(--border);gap:8px;padding:16px 12px}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{flex:1 1;gap:10px}.user-details,.user-info{min-width:0}.user-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:11px}.logout-btn,.user-role{color:var(--text-muted)}.logout-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:var(--transition);width:36px}.logout-btn:hover{background:#ff6b9d1a;border-color:#ff6b9d33;color:var(--accent-pink)}.main-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.topbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;height:60px;padding:0 24px}.menu-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;display:none;font-size:20px;padding:4px}.topbar-title{color:var(--text-primary);flex:1 1;font-family:var(--font-display);font-size:1rem;font-weight:700}.topbar-actions{gap:12px}.icon-btn,.topbar-actions{align-items:center;display:flex}.icon-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:16px;height:36px;justify-content:center;position:relative;transition:var(--transition);width:36px}.icon-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.notif-wrapper{position:relative}.notif-badge{align-items:center;background:var(--accent-pink);border:2px solid var(--bg-secondary);border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;position:absolute;right:-4px;top:-4px;width:16px}.notif-dropdown{animation:fadeIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 40px #00000080;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:200}.notif-header{font-family:var(--font-display);font-size:13px;font-weight:700;padding:14px 16px}.notif-header,.notif-item{border-bottom:1px solid var(--border)}.notif-item{padding:12px 16px;transition:var(--transition)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff08}.notif-item.unread{border-left:3px solid var(--accent-cyan)}.notif-msg{color:var(--text-secondary);font-size:13px;line-height:1.5}.notif-empty{color:var(--text-muted);font-size:13px;padding:20px;text-align:center}.page-content{flex:1 1;overflow-y:auto;padding:28px 32px}@media (max-width:768px){.sidebar{left:0;position:fixed;top:0;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:#00000080;inset:0;position:fixed;z-index:99}.menu-toggle{display:flex}.page-content{padding:20px 16px}}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#ffffff12;--border-active:#ffffff26;--text-primary:#f0f0f8;--text-secondary:#8888a8;--text-muted:#555568;--accent-cyan:#00d4ff;--accent-pink:#ff6b9d;--accent-yellow:#ffd93d;--accent-green:#4ecdc4;--accent-purple:#a78bfa;--accent-orange:#ff8b5e;--gradient-hero:linear-gradient(135deg,#0a0a0f,#111120 50%,#0d0d1a);--shadow-card:0 4px 24px #0006;--shadow-glow:0 0 40px #00d4ff26;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0a0f;background:var(--bg-primary);color:#f0f0f8;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:15px;line-height:1.6;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#111118;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4{font-family:Syne,sans-serif;font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.3rem}p{color:#8888a8;color:var(--text-secondary);line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:.01em;padding:12px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-primary{background:#00d4ff;background:var(--accent-cyan);color:#000;font-weight:600}.btn-primary:hover{background:#3df;box-shadow:0 8px 24px #00d4ff4d;transform:translateY(-1px)}.btn-secondary{background:#16161f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);color:#f0f0f8;color:var(--text-primary)}.btn-secondary:hover{background:#1c1c28;background:var(--bg-card-hover);border-color:#ffffff26;border-color:var(--border-active)}.btn-ghost{background:#0000;border:1px solid #ffffff12;border:1px solid var(--border);color:#8888a8;color:var(--text-secondary)}.btn-ghost:hover{background:#ffffff08;border-color:#ffffff26;border-color:var(--border-active);color:#f0f0f8;color:var(--text-primary)}.btn-sm{font-size:13px;padding:8px 16px}.btn-lg{font-size:16px;padding:16px 32px}.card{background:#16161f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{border-color:#ffffff26;border-color:var(--border-active);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card)}.card-interactive:hover{transform:translateY(-2px)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;letter-spacing:.03em;padding:4px 12px}.badge-cyan{background:#00d4ff1f;border:1px solid #00d4ff33;color:#00d4ff;color:var(--accent-cyan)}.badge-pink{background:#ff6b9d1f;border:1px solid #ff6b9d33;color:#ff6b9d;color:var(--accent-pink)}.badge-yellow{background:#ffd93d1f;border:1px solid #ffd93d33;color:#ffd93d;color:var(--accent-yellow)}.badge-green{background:#4ecdc41f;border:1px solid #4ecdc433;color:#4ecdc4;color:var(--accent-green)}.badge-purple{background:#a78bfa1f;border:1px solid #a78bfa33;color:#a78bfa;color:var(--accent-purple)}input,select,textarea{background:#111118;background:var(--bg-secondary);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#f0f0f8;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:12px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#00d4ff;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff1a}input::placeholder,textarea::placeholder{color:#555568;color:var(--text-muted)}label{color:#8888a8;color:var(--text-secondary);display:block;font-size:13px;font-weight:500;margin-bottom:6px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.text-muted{color:#555568;color:var(--text-muted)}.text-secondary{color:#8888a8;color:var(--text-secondary)}.text-accent{color:#00d4ff;color:var(--accent-cyan)}.font-display{font-family:Syne,sans-serif;font-family:var(--font-display)}.font-bold{font-weight:700}.text-sm{font-size:13px}.text-xs{font-size:11px}.grid-2{grid-gap:20px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-gap:20px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:20px;grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto{display:grid;gap:20px}.grid-auto{grid-gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in{animation:slideIn .4s ease forwards}.stagger-1{animation-delay:.05s;animation-fill-mode:forwards;opacity:0}.stagger-2{animation-delay:.1s;animation-fill-mode:forwards;opacity:0}.stagger-3{animation-delay:.15s;animation-fill-mode:forwards;opacity:0}.stagger-4{animation-delay:.2s;animation-fill-mode:forwards;opacity:0}.glow-cyan{box-shadow:0 0 30px #00d4ff33}.glow-pink{box-shadow:0 0 30px #ff6b9d33}.progress-bar{background:#111118;background:var(--bg-secondary);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#00d4ff,#a78bfa);background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:3px;height:100%;transition:width .8s ease}.avatar{border-radius:50%;flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:700;height:44px;width:44px}.avatar,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;inset:0;padding:20px;position:fixed;z-index:1000}.modal{background:#16161f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:28px;border-radius:var(--radius-xl);max-height:90vh;max-width:520px;overflow-y:auto;padding:32px;width:100%}.stars{color:#ffd93d;color:var(--accent-yellow);font-size:14px;letter-spacing:1px}.tab-nav{background:#111118;background:var(--bg-secondary);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:4px;padding:4px}.tab-btn{background:#0000;border:none;border-radius:10px;border-radius:calc(var(--radius-md) - 2px);color:#8888a8;color:var(--text-secondary);flex:1 1;font-size:13px;font-weight:500;padding:8px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.tab-btn.active{background:#16161f;background:var(--bg-card);box-shadow:0 4px 24px #0006;box-shadow:var(--shadow-card);color:#f0f0f8;color:var(--text-primary)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title{font-size:1.4rem;font-weight:700}.stat-card{background:#16161f;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius-lg);padding:20px 24px}.stat-value{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:800}.stat-label{color:#8888a8;color:var(--text-secondary);font-size:13px;margin-top:4px}.stat-change{font-size:12px;margin-top:8px}.stat-change.up{color:#4ecdc4;color:var(--accent-green)}.stat-change.down{color:#ff6b9d;color:var(--accent-pink)}.empty-state{color:#555568;color:var(--text-muted);padding:60px 24px;text-align:center}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state h3,.tag{color:#8888a8;color:var(--text-secondary)}.tag{align-items:center;background:#ffffff0d;border:1px solid #ffffff12;border:1px solid var(--border);border-radius:6px;display:inline-flex;font-size:12px;padding:4px 10px}.divider{background:#ffffff12;background:var(--border);height:1px;margin:20px 0}.search-bar{flex:1 1;position:relative}.search-bar input{background:#16161f;background:var(--bg-card);padding-left:44px}.search-icon{color:#555568;color:var(--text-muted);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.notif-dot{background:#ff6b9d;background:var(--accent-pink);border:2px solid #111118;border:2px solid var(--bg-secondary);border-radius:50%;height:8px;position:absolute;right:-1px;top:-1px;width:8px}.status{align-items:center;display:inline-flex;font-size:12px;font-weight:500;gap:6px}.status:before{border-radius:50%;content:"";height:6px;width:6px}.status.completed:before{background:#4ecdc4;background:var(--accent-green)}.status.upcoming:before{background:#00d4ff;background:var(--accent-cyan)}.status.pending:before{background:#ffd93d;background:var(--accent-yellow)}.status.completed{color:#4ecdc4;color:var(--accent-green)}.status.upcoming{color:#00d4ff;color:var(--accent-cyan)}.status.pending{color:#ffd93d;color:var(--accent-yellow)}.chart-bar{align-items:flex-end;display:flex;gap:8px;height:80px}.chart-bar-item{background:#00d4ff33;border-radius:4px 4px 0 0;flex:1 1;transition:height .6s ease}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.scroll-x::-webkit-scrollbar{height:0}
/*# sourceMappingURL=main.c2c4572d.css.map*/