@charset "UTF-8";:root{--primary-btn-color: #879aad;--secondary-color: #2ecc71;--orange-color: #eb814b;--text-color: #202224;--muted-color: #6b7280;--border-color: #e5e7eb;--bg-light: #f5f6fa}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Nunito Sans,sans-serif;font-size:14px;color:var(--text-color);background:#fff!important;-webkit-font-smoothing:antialiased}.main-layout,.content-wrapper,.app-content{background:#fff!important}a{text-decoration:none;color:inherit}ul,li{list-style:none}h1,h2,h3,h4,h5{font-weight:700;color:var(--text-color)}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.2rem}h5{font-size:.9rem}p{line-height:1.5;color:var(--muted-color)}.error{color:red}.main__heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}@media screen and (max-width: 786px){.main__heading{flex-direction:column;align-items:flex-start;gap:10px}}button,.btn{font-weight:700;border:none;cursor:pointer;transition:all .2s ease;border-radius:8px}.btn-primary{background:var(--primary-btn-color);color:#fff;padding:10px 16px}.btn-primary:hover{background:#6e8398}.btn-orange{background:var(--orange-color);color:#fff;padding:10px 16px}.btn-orange:hover{background:#d76d34}.active{background-color:var(--primary-btn-color);color:#fff!important;font-weight:600!important;transition:background .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:#2b303466;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#5b708b;cursor:grab}.scrollable-container{scrollbar-width:none}.scrollable-container::-webkit-scrollbar{display:none}.link-class{color:var(--text-color)}.nunito-sans{font-family:Nunito Sans,sans-serif}.inter-font{font-family:Inter,sans-serif}.dashboard-slider h1,.dashboard-slider h2,.dashboard-slider h3,.dashboard-slider p,.dashboard-slider li,.dashboard-slider .btn,.dashboard-slider button{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}.dashboard-slider .btn,.dashboard-slider button{background:var(--orange-color, #eb814b)!important;border:0!important;border-radius:12px!important;font-weight:800!important}.dashboard-slider .swiper-slide>div,.dashboard-slider .slide,.dashboard-slider [class*=slide-],.dashboard-slider [class*=hero-],.dashboard-slider [class*=banner-]{position:relative;border-radius:24px}.dashboard-slider .swiper-slide>div:before,.dashboard-slider .slide:before,.dashboard-slider [class*=slide-]:before,.dashboard-slider [class*=hero-]:before,.dashboard-slider [class*=banner-]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;border-radius:inherit;pointer-events:none}.list-career-path .status-pill,.list-career-path .chip,.list-career-path .badge,.list-career-path .tag,#list-career-path .status-pill,#list-career-path .chip,#list-career-path .badge,#list-career-path .tag,.list-career-path .MuiChip-root .MuiChip-label,#list-career-path .MuiChip-root .MuiChip-label{color:#fff!important}.list-career-path .status-pill,#list-career-path .status-pill{background:#70849b!important}.list-career-path input[type=checkbox],#list-career-path input[type=checkbox]{-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;width:16px;height:16px;margin-right:10px;accent-color:#3D42DF}.gpt-section .gpt-section__right,.gpt-section #career-chat,.gpt-section #career-coach,.gpt-section .career-chat{display:none!important;visibility:hidden!important;pointer-events:none!important}:root{--mcm-cta: var(--primary-btn-color, #2563eb)}.dashboard-content .map-section__btn,.map-section__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;background:var(--mcm-cta);color:#fff!important;font-weight:800;border:1px solid transparent;text-decoration:none!important;box-shadow:0 2px 10px #00000014;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.dashboard-content .map-section__btn:hover,.map-section__btn:hover{filter:brightness(.96);transform:translateY(-1px)}.dashboard-content .map-section__btn:active,.map-section__btn:active{transform:translateY(0);box-shadow:none}.dashboard-content .map-section__btn-div a,.dashboard-content .map-section__btn-div button,.dashboard-content .gpt-section__btn-div a,.dashboard-content .gpt-section__btn-div button,.dashboard-content .gpt-section .map-section__btn-div a,.dashboard-content .gpt-section .map-section__btn-div button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;background:var(--mcm-cta);color:#fff!important;font-weight:800;border:1px solid transparent;text-decoration:none!important;box-shadow:0 2px 10px #00000014;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.dashboard-content a[href*="/list-career-path/"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:12px 18px!important;border-radius:10px!important;background:var(--mcm-cta)!important;color:#fff!important;font-weight:800!important;border:1px solid transparent!important;text-decoration:none!important;box-shadow:0 2px 10px #00000014!important;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease!important}.dashboard-content .map-section__btn-div a:hover,.dashboard-content .map-section__btn-div button:hover,.dashboard-content .gpt-section__btn-div a:hover,.dashboard-content .gpt-section__btn-div button:hover,.dashboard-content a[href*="/list-career-path/"]:hover{filter:brightness(.96);transform:translateY(-1px)}.dashboard-content .map-section__btn-div a:active,.dashboard-content .map-section__btn-div button:active,.dashboard-content .gpt-section__btn-div a:active,.dashboard-content .gpt-section__btn-div button:active,.dashboard-content a[href*="/list-career-path/"]:active{transform:translateY(0);box-shadow:none}.app-tour-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20000;pointer-events:none}.app-tour-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a2e}.app-tour-spotlight{position:fixed;border-radius:18px;border:3px solid rgba(255,255,255,.98);box-shadow:0 0 0 9999px #0f172a2e,0 0 0 6px #f4a26142,0 0 28px #a78bfa52,0 18px 40px #0f172a2e;background:transparent;pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.app-tour-spotlight:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:24px;border:2px solid rgba(167,139,250,.85);animation:app-tour-pulse 1.35s ease-in-out infinite}@keyframes app-tour-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.2;transform:scale(1.02)}}.app-tour-card{position:fixed;width:min(360px,100vw - 32px);background:linear-gradient(180deg,#fff,#fbfcff);color:#111827;border-radius:20px;border:1px solid rgba(148,163,184,.18);box-shadow:0 20px 44px #0f172a2e;pointer-events:auto;transition:top .18s ease,left .18s ease;overflow:hidden}.app-tour-card.is-floating{left:50%!important;transform:translate(-50%)}.app-tour-card:not(.is-floating):after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-left:1px solid rgba(148,163,184,.18);border-top:1px solid rgba(148,163,184,.18)}.app-tour-card--right:after{left:-9px;top:calc(50% - 8px);transform:rotate(-45deg)}.app-tour-card--left:after{right:-9px;top:calc(50% - 8px);transform:rotate(135deg)}.app-tour-card--bottom:after{top:-9px;left:calc(50% - 8px);transform:rotate(45deg)}.app-tour-card--top:after{bottom:-9px;left:calc(50% - 8px);transform:rotate(-135deg)}.app-tour-card__progress{height:5px;background:#e2e8f0e6}.app-tour-card__progress-bar{height:100%;background:linear-gradient(135deg,#f4a261,#c4b5fd);transition:width .18s ease}.app-tour-card__body{padding:16px 18px 15px}.app-tour-card__eyebrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed}.app-tour-card__eyebrow span:last-child{color:#64748b}.app-tour-card h3{margin:0;font-size:1.08rem;line-height:1.22;color:#0f172a}.app-tour-card__description{margin:10px 0 0;font-size:.92rem;line-height:1.52;color:#334155}.app-tour-card__action{margin:12px 0 0;padding:12px 13px;border-radius:14px;background:linear-gradient(180deg,#60a5fa1f,#bfdbfe2e);border:1px solid rgba(96,165,250,.22);color:#1e3a8a;font-size:.9rem;line-height:1.45}.app-tour-card__action strong{display:block;margin:0 0 4px;color:#1d4ed8}.app-tour-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.app-tour-card__footer-left,.app-tour-card__footer-right{display:flex;align-items:center;gap:10px}.app-tour-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.24);background:#fff;color:#0f172a;border-radius:999px;padding:.68rem .95rem;font-size:.9rem;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.app-tour-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a14}.app-tour-btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.app-tour-btn--ghost{background:#fff}.app-tour-btn--secondary{background:#a78bfa1f;border-color:#a78bfa38;color:#6d28d9}.app-tour-btn--primary{background:linear-gradient(135deg,#a78bfa,#c4b5fd);border-color:transparent;color:#fff;box-shadow:0 14px 28px #a78bfa47}.app-tour-anchor-tag{position:fixed;display:inline-flex;align-items:center;gap:8px;padding:.4rem .7rem;border-radius:999px;background:#fffffff5;color:#0f172a;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 22px #0f172a1f;font-size:.82rem;font-weight:700;pointer-events:none}.app-tour-anchor-tag:before{content:"";width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#f4a261,#c4b5fd);box-shadow:0 0 0 5px #f4a26129}[data-tour-cue=line][data-tour-active=true]{stroke:#fff!important;stroke-width:12px!important;filter:drop-shadow(0 0 10px rgba(244,162,97,.75)) drop-shadow(0 0 20px rgba(167,139,250,.45));animation:app-tour-line-pulse 1.25s ease-in-out infinite}[data-tour-cue=node][data-tour-active=true] .map-node-marker{fill:#fff;stroke:#f4a261;stroke-width:4px;filter:drop-shadow(0 0 10px rgba(244,162,97,.65));animation:app-tour-node-pulse 1.2s ease-in-out infinite}[data-tour-cue=node][data-tour-active=true] .map-node-hit{fill:#f4a2611f;stroke:#a78bfa73;stroke-width:2px}.app-tour-pointer{position:fixed;display:inline-flex;align-items:center;gap:0;pointer-events:none;z-index:20002;transform-origin:right center;animation:app-tour-pointer-nudge 1.15s ease-in-out infinite}.app-tour-pointer__shaft{width:52px;height:4px;border-radius:999px;background:linear-gradient(90deg,#a78bfa33,#f4a261);box-shadow:0 0 10px #f4a26140}.app-tour-pointer__head{width:12px;height:12px;border-top:4px solid #f4a261;border-right:4px solid #f4a261;transform:rotate(45deg);margin-left:-4px;box-shadow:2px -2px 8px #f4a2612e}@keyframes app-tour-pointer-nudge{0%,to{opacity:.95;translate:0 0}50%{opacity:.65;translate:8px 0}}@keyframes app-tour-line-pulse{0%,to{opacity:1}50%{opacity:.82}}@keyframes app-tour-node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}[data-tour-active=true]{position:relative;z-index:3;box-shadow:0 0 0 3px #f4a26161,0 0 0 7px #a78bfa2e;border-radius:12px}@media (max-width: 960px){.app-tour-backdrop{background:#0f172a24}.app-tour-card{width:min(332px,100vw - 24px);border-radius:18px}.app-tour-card:after{display:none}.app-tour-card__body{padding:15px 15px 14px}.app-tour-card h3{font-size:1rem}.app-tour-card__description,.app-tour-card__action{font-size:.88rem}.app-tour-card__footer{flex-direction:column;align-items:stretch}.app-tour-card__footer-left,.app-tour-card__footer-right{justify-content:space-between}.app-tour-btn{flex:1 1 auto;text-align:center}.app-tour-anchor-tag,.app-tour-pointer{display:none}}*{font-family:Inter,sans-serif}.layout-section{width:100%;min-height:100vh;min-height:100svh;box-sizing:border-box;display:flex;align-items:stretch;gap:16px;min-width:0}.dashboard-header{width:100%;height:64px;flex-shrink:0;box-shadow:#959da533 0 8px 24px}.dashboard-content{width:100%;flex:1;min-height:0;background-color:#f5f6fa;padding:20px;overflow-y:auto;overflow-x:hidden;min-width:0;-webkit-overflow-scrolling:touch}.dashboard-content,.page-content,.layout-content{background:#fff}.dashboard-main{flex:1 1 auto;width:auto;min-width:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column}.dashboard-sidebar{min-height:100vh;min-height:100svh;overflow:auto;flex:0 0 216px;width:216px;min-width:216px;box-shadow:#959da533 0 8px 24px;overflow-x:hidden}.layout-section.sidebar-collapsed .dashboard-sidebar,.dashboard-sidebar.collapsed{flex-basis:64px;width:64px;min-width:64px}.layout-section.sidebar-collapsed .dashboard-main{width:auto}.header-section{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.active-plan-slot{flex:1;display:flex;justify-content:center;padding:0 16px}.active-plan-picker{position:relative;width:min(420px,100%)}.active-plan-picker__trigger{width:100%;border:1px solid #d8e1eb;background:#fff;border-radius:12px;padding:8px 12px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;cursor:pointer;text-align:left;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.active-plan-picker__trigger:hover{border-color:#bfcddd;background:#f8fbff;box-shadow:0 4px 12px #192a4014}.active-plan-picker__label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6d7f95;font-weight:700}.active-plan-picker__value{font-size:14px;color:#1f3656;font-weight:700;grid-column:1/2}.active-plan-picker__tag{font-size:10px;color:#6f5a2b;background:#fff4db;border:1px solid #f0dfba;padding:2px 6px;border-radius:999px;width:fit-content}.active-plan-picker__arrow{grid-column:2/3;grid-row:1/3;color:#506b8f;font-size:12px}.active-plan-picker__menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #d7e1ee;border-radius:12px;box-shadow:0 18px 32px #16233829;padding:6px;z-index:40;max-height:320px;overflow:auto}.active-plan-picker__item{width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;display:grid;gap:2px;cursor:pointer}.active-plan-picker__item span{font-size:13px;color:#213d61;font-weight:600}.active-plan-picker__item small{font-size:11px;color:#6f8098}.active-plan-picker__item:hover{background:#eef4ff}.active-plan-picker__item.is-active{background:#e7f0ff}.active-plan-picker__empty{width:100%;border:1px dashed #d2dbe7;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fbfcff}.active-plan-picker__cta{border:1px solid #d0dceb;background:#fff;border-radius:8px;padding:5px 9px;font-size:12px;color:#2f4c73;cursor:pointer}.active-plan-picker__cta:hover{background:#eef4ff;border-color:#b9cbe4}.active-plan-picker__empty .active-plan-picker__label{margin:0}.back-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #d5d5d5;background-color:#f5f6fa;color:#202224;border-radius:30px;padding:8px 16px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease-in-out}.back-button:hover{background-color:#e8f0ff;border-color:#3d42df;color:#3d42df;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.back-button:active{transform:translateY(0);box-shadow:none}.back-button svg{transition:transform .2s ease}.back-button:hover svg{transform:translate(-2px)}.header-icons-right{display:flex;flex-direction:row;align-items:center;gap:20px;margin-right:10px}.header-icons-right div{line-height:15px;align-items:baseline;font-family:Inter,sans-serif}.header-icons-right div h3{font-size:16px;font-weight:800}.header-icons-right .dropdown-header{cursor:pointer;border:.5px solid rgba(91,112,139,.2);color:#565656;border-radius:50%;padding:3px 4px}.start-tutorial-btn{background-color:#48a2a2;color:#fff;border:none;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:700;margin-right:12px;transition:all .2s ease-in-out}.start-tutorial-btn:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 2px 8px #48a2a240}.start-tutorial-btn:active{transform:translateY(0);box-shadow:none}.sidebar-section{width:100%;height:100%;align-items:center;display:flex;flex-direction:column;padding:6px 0}.sidebar-logo-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 4px;gap:8px}.sidebar-local-toggle{border:1px solid #d5d5d5;background:#f5f6fa;color:#202224;border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.sidebar-local-toggle:hover{background:#eef2f7}.sidebar-section .sidebar-logo{padding:0;border:none;background:transparent;cursor:pointer}.logo-full{width:160px;height:auto;object-fit:contain}.logo-icon-only{width:28px;height:28px;object-fit:contain}.sidebar-item{width:calc(100% - 12px);margin:2px 6px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#202224;text-decoration:none;border-radius:8px;padding:8px 10px;position:relative}.sidebar-item:hover{background-color:#f5f6fa;color:#202224!important;cursor:pointer}.sidebar-item svg{stroke:currentColor;fill:none}.sidebar-item__icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-item__text{white-space:nowrap;line-height:1}.dashboard-sidebar.collapsed .sidebar-logo-row{flex-direction:column;justify-content:center;padding:10px 0 8px}.dashboard-sidebar.collapsed .sidebar-item{justify-content:center;padding:8px 0;margin:3px 6px}.dashboard-sidebar.collapsed .sidebar-item:after{content:attr(data-label);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#202224;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:20}.dashboard-sidebar.collapsed .sidebar-item:hover:after{opacity:1}.sidebar-item.active{font-weight:700;color:#fff!important;background-color:#1e3a8a}.sidebar-item.active:hover{background-color:#2747a1;color:#fff!important}.gpt-section__bottom-div button{background-color:#3749a6;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.gpt-section__bottom-div button:hover{opacity:.95;transform:translateY(-1px)}.gpt-section__bottom-div button:active{transform:translateY(0)}#career-chat,#career-coach,.career-chat,.chat-widget{position:relative;z-index:1;border-radius:12px;overflow:hidden}#career-chat input,#career-chat textarea,#career-coach input,#career-coach textarea,.career-chat input,.career-chat textarea,.chat-widget input,.chat-widget textarea{border-radius:10px!important}.mcm-intro .introjs-tooltip{border-radius:12px;padding:14px 14px 10px;max-width:340px;line-height:1.45;font-size:14px}.mcm-intro .introjs-tooltipbuttons .introjs-button{border-radius:10px;font-weight:800;padding:8px 14px}.mcm-intro .introjs-nextbutton,.mcm-intro .introjs-donebutton{background:#48a2a2;color:#fff;border:1px solid #48A2A2}.mcm-intro .introjs-nextbutton:hover,.mcm-intro .introjs-donebutton:hover{filter:brightness(.95)}.mcm-intro .introjs-prevbutton{background:#f5f6fa;color:#202224;border:1px solid #d5d5d5}.mcm-intro .introjs-prevbutton:hover{background:#e8e8e8}.mcm-intro .introjs-skipbutton{background:none!important;border:none!important;color:#666!important;font-size:12px!important;font-weight:500!important;opacity:.7!important;margin-left:6px!important;box-shadow:none!important}.mcm-intro .introjs-skipbutton:hover{opacity:1!important;text-decoration:underline}.mcm-intro .introjs-helperLayer{border-radius:10px;box-shadow:0 0 0 9999px #00000080,0 0 0 2px #48a2a24d}@keyframes introPulse{0%{filter:drop-shadow(0 0 0px rgba(255,156,102,0))}50%{filter:drop-shadow(0 0 8px rgba(255,156,102,.85))}to{filter:drop-shadow(0 0 0px rgba(255,156,102,0))}}.intro-highlight-pulse{animation:introPulse 1.4s ease-in-out infinite;stroke-width:5!important;vector-effect:non-scaling-stroke}.mcm-intro--mobile .introjs-tooltip{max-width:92vw;width:92vw;font-size:15px;padding:16px 16px 12px}@media screen and (max-width: 786px){.dashboard-main{width:100%!important;min-height:100svh}.dashboard-sidebar{display:none}.layout-section{display:block;gap:0;min-height:100svh}.dashboard-content{padding:16px}.header-section{padding:0 14px}.active-plan-slot{display:none}.header-icons-right{gap:12px}.header-icons-right div{display:none}.start-tutorial-btn{padding:8px 12px;font-size:13px}.back-button{padding:8px 12px}}@media screen and (min-width: 786px){.menu-icon{display:none}}.career-chat{position:fixed;right:18px;bottom:18px;z-index:10000}.career-chat .chat-toggle{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border:none;padding:12px 16px;border-radius:999px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px #00000038;transition:transform .15s ease,filter .15s ease}.career-chat .chat-toggle svg{font-size:18px}.career-chat .chat-toggle span{font-size:14px}.career-chat .chat-toggle:hover{transform:translateY(-1px);filter:brightness(.96)}.career-chat .chat-toggle:active{transform:translateY(0)}.career-chat .chat-panel{width:min(460px,100vw - 36px);max-width:460px;height:min(620px,80vh);max-height:80vh;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 48px #0000002e;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 600px){.career-chat .chat-panel{width:calc(100vw - 20px);height:min(620px,70vh);max-height:70vh;right:10px;bottom:10px}}.career-chat .chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 14px 16px;border-bottom:1px solid #f1f2f4;background:#f9fafb}.career-chat .chat-header .title{display:inline-flex;gap:10px;align-items:center}.career-chat .chat-header .title img{height:36px}.career-chat .chat-header .title .chat-title-text{font-weight:900;font-size:20px;color:#202224;letter-spacing:.2px}.career-chat .chat-header .close{background:#000;color:#fff;border:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;cursor:pointer;transition:filter .15s ease,transform .15s ease}.career-chat .chat-header .close:hover{filter:brightness(.95);transform:translateY(-1px)}.career-chat .chat-body{flex:1;min-height:0;padding:18px;overflow:auto;background:#fff}.career-chat .chat-body .message{display:flex;margin:10px 0}.career-chat .chat-body .message.user{justify-content:flex-end}.career-chat .chat-body .message.assistant{justify-content:flex-start}.career-chat .chat-body .message .bubble{max-width:82%;padding:13px 15px;border-radius:16px;line-height:1.62;font-size:15px;box-shadow:0 1px 2px #0000000f;word-break:break-word}.career-chat .chat-body .message.user .bubble{background:#111;color:#fff;border-top-right-radius:6px}.career-chat .chat-body .message.assistant .bubble{background:linear-gradient(180deg,#f8f9fd,#f3f5fb);color:#1f2735;border-top-left-radius:6px;border:1px solid #e7ebf5}.career-chat .chat-body .message .typing{display:inline-flex;align-items:center;gap:8px}.career-chat .chat-body .message .typing .spin{animation:spin 1.2s linear infinite}.career-chat .chat-body .assistant-content p{margin:0 0 10px}.career-chat .chat-body .assistant-content p:last-child{margin-bottom:0}.career-chat .chat-body .assistant-content h4{margin:6px 0 8px;font-size:13px;line-height:1.4;font-weight:700;letter-spacing:.01em;color:#27385c}.career-chat .chat-body .assistant-content ul,.career-chat .chat-body .assistant-content ol{margin:4px 0 12px;padding:0;list-style:none}.career-chat .chat-body .assistant-content li{position:relative;margin:0 0 8px;padding-left:18px}.career-chat .chat-body .assistant-content ul li:before{content:"";position:absolute;left:4px;top:9px;width:6px;height:6px;border-radius:999px;background:#5868a8}.career-chat .chat-body .assistant-content ol{counter-reset:chat-item}.career-chat .chat-body .assistant-content ol li{counter-increment:chat-item}.career-chat .chat-body .assistant-content ol li:before{content:counter(chat-item) ".";position:absolute;left:0;top:0;font-weight:700;color:#4a5ca4}.career-chat .chat-body .assistant-content strong{font-weight:700}.career-chat .chat-body .assistant-content em{font-style:italic}.career-chat .chat-input{display:flex;align-items:stretch;flex-shrink:0;gap:8px;padding:12px;border-top:1px solid #f1f2f4;background:#fff}.career-chat .chat-input textarea{flex:1;resize:none;border:1px solid #e5e7eb;border-radius:12px;padding:12px;font-size:15px;line-height:1.45;outline:none;max-height:120px}.career-chat .chat-input .send{background:#000;color:#fff;border:none;border-radius:12px;padding:0 14px;min-width:44px;display:grid;place-items:center;font-size:18px;cursor:pointer;transition:filter .15s ease,transform .15s ease}.career-chat .chat-input .send:hover{filter:brightness(.95);transform:translateY(-1px)}.career-chat .chat-input .send:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-section{width:100%;height:100vh;overflow-y:auto;background:url(/images/register-bg-01.png);background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.login-section span{font-size:16px}.login-section h4{color:#202224}.login-form{background-color:#fff;border-radius:15px;height:auto;min-width:320px;max-width:450px;display:flex;flex-direction:column;padding:20px 40px}.login-form-heading{text-align:center;margin-bottom:10px}.login-form-heading img{width:200px}.login-form-heading h2{font-size:26px;margin-top:10px}.login-form-heading p{font-size:14px;margin:10px 0}.email-div{display:flex;gap:5px;flex-direction:column;width:100%;margin:15px 0;font-size:14px}.email-div div{display:flex;flex-direction:row;justify-content:space-between}.email-div div span{font-size:13px}.remember-flex{display:flex;gap:8px;margin-bottom:20px}.remember-flex span{color:#202224;font-size:14px}.or-div{text-align:center;display:flex;align-items:center;width:100%;justify-content:space-between;gap:10px;color:#5b708b}.or-div img{width:150px}.login-social-icons{width:100%;display:flex;justify-content:space-between;margin:12px 0;gap:8px}.login-social-icons div{width:32%;border:#E8E8E8 1px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:10px 0;border-radius:10px}.login-social-icons div:hover{box-shadow:#64646f33 0 7px 29px}.login-social-icons div img{width:23px}.create-account{text-align:center;font-size:14px}.create-account span{color:#3749a6;margin-left:5px;font-size:14px;font-weight:600}.create-account span:hover{cursor:pointer}

@media screen and (max-width: 786px){
  .header-section{
    position:sticky;
    top:0;
    z-index:140;
    min-height:68px;
    padding:10px 14px;
    gap:10px;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid #e7eef5;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px)
  }
  .back-button,
  .start-tutorial-btn,
  .header-icons-right .inter-font,
  .header-icons-right .dropdown-header{
    display:none!important
  }
  .header-icons-right{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    margin-left:auto
  }
  .header-icons-right .MuiBadge-root,
  .header-icons-right .MuiAvatar-root,
  .header-icons-right .menu-icon{
    flex:0 0 auto
  }
  .header-icons-right .MuiBadge-root,
  .header-icons-right .MuiAvatar-root,
  .menu-icon{
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(180deg,#fff,#f5f9ff);
    border:1px solid #d9e5f2;
    box-shadow:0 10px 24px rgba(15,23,42,.08)
  }
  .header-icons-right .MuiBadge-root{
    display:inline-flex;
    align-items:center;
    justify-content:center
  }
  .header-icons-right .MuiAvatar-root{
    width:42px!important;
    height:42px!important
  }
  .menu-icon{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    color:#1f3656!important
  }
  #side-drawer{
    width:min(88vw,340px);
    border-top-left-radius:24px;
    border-bottom-left-radius:24px;
    padding:18px 14px 24px;
    background:linear-gradient(180deg,#fbfdff 0%,#f3f7fb 100%);
    box-shadow:-18px 0 40px rgba(15,23,42,.16)
  }
  #side-drawer > div{
    display:flex;
    flex-direction:column;
    gap:6px
  }
  #side-drawer .sidebar-item{
    width:100%;
    margin:0;
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.7);
    border:1px solid rgba(215,227,240,.9);
    box-shadow:0 8px 20px rgba(15,23,42,.04);
    font-size:15px;
    font-weight:700
  }
  #side-drawer .sidebar-item + .sidebar-item{
    margin-top:6px
  }
  #side-drawer .sidebar-item.active{
    background:linear-gradient(135deg,#eef5ff,#f8fbff);
    border-color:#bfd4f0;
    color:#173a63!important
  }
  #side-drawer .sidebar-item.inactive:last-child{
    margin-top:12px;
    background:#101828;
    border-color:#101828;
    color:#fff!important
  }
  #side-drawer .sidebar-item ul,
  #side-drawer .sidebar-item li{
    width:100%;
    list-style:none;
    margin:0;
    padding:0
  }
  .career-chat{
    right:14px;
    bottom:14px
  }
  .career-chat .chat-toggle{
    width:56px;
    height:56px;
    padding:0;
    gap:0;
    justify-content:center;
    border-radius:18px;
    background:linear-gradient(180deg,#111827,#0f172a);
    box-shadow:0 16px 34px rgba(15,23,42,.28)
  }
  .career-chat .chat-toggle span{
    display:none
  }
  .career-chat .chat-toggle svg{
    font-size:22px
  }
  .career-chat .chat-panel{
    width:min(420px,calc(100vw - 18px));
    right:9px;
    bottom:80px
  }
  .dashboard-content{
    padding:14px 14px 96px
  }
  .dashboard-section{
    display:flex;
    flex-direction:column;
    gap:14px
  }
  .dashboard-section > h2{
    margin:2px 0 0;
    font-size:24px;
    line-height:1.15
  }
  .dashboard-cards{
    gap:12px!important
  }
  .dashboard-card-user{
    min-height:auto;
    border-radius:18px
  }
  .dashboard-card-heading{
    gap:12px;
    align-items:flex-start
  }
  .dashboard-card-copy h3{
    font-size:28px;
    line-height:1.05
  }
  .dashboard-card-copy p,
  .dashboard-card-helper-copy,
  .dashboard-card-subtext{
    max-width:none
  }
  .dashboard-journey-card,
  .dashboard-saved-cvs-card,
  .dashboard-path-card,
  .promotion-readiness-card{
    border-radius:22px!important
  }
  .dashboard-journey-card{
    padding:18px 16px!important
  }
  .dashboard-journey-card__head,
  .dashboard-journey-card__controls,
  .dashboard-path-card__head,
  .dashboard-saved-cvs-card__head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px!important
  }
  .dashboard-journey-card__progress-chip{
    width:100%;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:6px 10px
  }
  .dashboard-journey-card__progress-chip strong{
    font-size:30px;
    line-height:1
  }
  .dashboard-journey-card__view-toggle,
  .dashboard-journey-mini__actions{
    width:100%;
    display:grid!important;
    grid-template-columns:1fr 1fr;
    gap:10px
  }
  .dashboard-journey-card__expand-link,
  .dashboard-journey-card__expand-inline,
  .dashboard-journey-next__cta,
  .dashboard-path-card__secondary-btn,
  .dashboard-path-card__primary-btn{
    min-height:44px;
    justify-content:center
  }
  .dashboard-journey-card__expand-link{
    width:100%
  }
  .dashboard-journey-card__body,
  .dashboard-path-card__content,
  .promotion-readiness-card__content{
    gap:14px!important
  }
  .dashboard-journey-card__map,
  .dashboard-path-card__zone,
  .dashboard-path-card__meta-grid,
  .promotion-readiness-card__grid{
    display:grid;
    grid-template-columns:1fr;
    gap:12px!important
  }
  .dashboard-journey-route,
  .dashboard-journey-mini__next,
  .dashboard-journey-next,
  .dashboard-path-card__zone,
  .promotion-readiness-card__panel{
    border-radius:18px!important
  }
  .dashboard-journey-route__title-row{
    align-items:flex-start;
    gap:8px
  }
  .dashboard-journey-route__title-row h4{
    font-size:17px;
    line-height:1.25
  }
  .dashboard-journey-mini{
    gap:14px!important
  }
  .dashboard-journey-mini__map{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    position:relative
  }
  .dashboard-journey-mini__line{
    display:none!important
  }
  .dashboard-journey-mini__node{
    min-height:132px;
    padding:14px 12px;
    border-radius:20px
  }
  .dashboard-journey-mini__node strong{
    font-size:15px;
    line-height:1.2
  }
  .dashboard-journey-mini__ring{
    width:64px;
    height:64px;
    margin:4px auto 0
  }
  .dashboard-journey-mini__ring span{
    font-size:15px
  }
  .dashboard-journey-mini__node small{
    line-height:1.3
  }
  .dashboard-journey-mini__next,
  .dashboard-journey-next__panel,
  .dashboard-journey-story,
  .dashboard-saved-cvs-card__row{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:12px
  }
  .dashboard-saved-cvs-card__row .dashboard-path-card__secondary-btn,
  .dashboard-journey-next__cta,
  .dashboard-journey-card__expand-inline{
    width:100%
  }
  .dashboard-path-card__tracked-tag{
    align-self:flex-start
  }
  .dashboard-path-card__meta-item,
  .promotion-readiness-card__metric,
  .promotion-readiness-card__habit-calendar,
  .promotion-readiness-card__habit-card,
  .promotion-readiness-card__summary,
  .promotion-readiness-card__focus,
  .promotion-readiness-card__checklist,
  .promotion-readiness-card__activity{
    border-radius:18px!important
  }
}

@media screen and (max-width: 560px){
  .dashboard-content{
    padding:12px 12px 92px
  }
  .dashboard-cards{
    grid-template-columns:1fr!important
  }
  .dashboard-journey-card{
    padding:16px 14px!important
  }
  .dashboard-journey-card__view-toggle,
  .dashboard-journey-mini__actions{
    grid-template-columns:1fr
  }
  .dashboard-journey-mini__map{
    grid-template-columns:1fr
  }
  .dashboard-journey-mini__node{
    min-height:118px
  }
  .dashboard-card-copy h3,
  .dashboard-journey-card__progress-chip strong{
    font-size:26px
  }
}