:root{--bg:#f7f8fc;--surface:#fff;--text:#171827;--muted:#77798c;--line:#e9e9f0;--violet:#6d4aff;--blue:#4c8dff;--green:#21b77a;--orange:#f39a3d;--shadow:0 12px 35px rgba(32,28,70,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer;transition:all .2s ease;border:none;padding:0;background:none;margin:0}button:active{transform:scale(.98)}.btn-responsive{width:100%;max-width:100%;padding:12px 16px;font-size:inherit;border-radius:8px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}@media(max-width:768px){.btn-responsive{padding:10px 14px;font-size:13px;gap:6px}}.app-shell{min-height:100vh;display:flex}.sidebar{width:258px;background:#10101a;color:#fff;display:flex;flex-direction:column;padding:22px 14px;position:fixed;inset:0 auto 0 0;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 27px}.brand-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#7b5cff,#9b7cff);display:grid;place-items:center;box-shadow:0 8px 24px rgba(109,74,255,.3)}.brand strong{display:block;font-size:15px;letter-spacing:-.2px}.brand span{display:block;color:#8c8c9c;font-size:10px;margin-top:2px}.mobile-close{display:none;background:none;border:0;color:#fff;margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.5px;color:#656572;font-weight:800;padding:0 11px 9px}.nav-item{width:100%;border:0;background:transparent;color:#9b9ba8;padding:11px;border-radius:10px;display:flex;align-items:center;gap:12px;text-align:left;margin:2px 0;font-size:12.5px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:#191923;color:#fff}.nav-item:active{background:#1c1926;transform:scale(.98)}.nav-item.active{background:#211b40;color:#fff;box-shadow:inset 3px 0 0 var(--violet)}.new-dot{margin-left:auto;background:#6d4aff;color:#fff;font-size:7px;padding:3px 5px;border-radius:5px;font-weight:800}.sidebar-bottom{margin-top:auto}.upgrade-card{background:linear-gradient(145deg,#1b1731,#17151f);border:1px solid #29263a;border-radius:13px;padding:14px;margin-bottom:10px}.mini-spark{width:28px;height:28px;background:#29213f;border-radius:8px;display:grid;place-items:center;color:#a994ff;margin-bottom:10px}.upgrade-card b{font-size:12px}.upgrade-card p{font-size:10px;line-height:1.5;color:#898895;margin:6px 0 10px}.upgrade-card button{border:0;background:none;color:#b9aaff;font-size:11px;font-weight:700;display:flex;gap:6px;align-items:center;cursor:pointer;padding:6px 8px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.upgrade-card button:hover{color:#fff;background:rgba(185,170,255,.1)}.upgrade-card button:active{background:rgba(185,170,255,.15)}.profile-mini{width:100%;background:#171720;border:1px solid #272732;border-radius:11px;padding:10px;display:flex;align-items:center;gap:10px;color:#fff;text-align:left;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.profile-mini:hover{background:#1c1c28;border-color:#323240}.profile-mini:active{background:#171720;transform:scale(.98)}.profile-mini b{font-size:10px;display:block}.profile-mini span{font-size:8px;color:#858591;display:block;margin-top:2px}.avatar{width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#8d76ff,#5b43db);display:grid;place-items:center;color:#fff;font-weight:800;font-size:9px;flex:none}.profile-mini svg{margin-left:auto;color:#70707d}.main{margin-left:258px;width:calc(100% - 258px);min-width:0}.topbar{height:64px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:0 30px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:7px;font-size:11px;color:#9a9aa7}.breadcrumb b{color:#353546}.top-actions{margin-left:auto;gap:9px}.search,.top-actions{display:flex;align-items:center}.search{width:220px;background:#f7f7fa;border:1px solid #ededf2;border-radius:9px;height:35px;gap:8px;padding:0 10px;color:#9696a3}.search input{border:0;outline:0;background:transparent;width:100%;font-size:10px}.icon-btn,.menu-btn{border:1px solid var(--line);background:#fff;width:35px;height:35px;border-radius:9px;display:grid;place-items:center;color:#656577}.menu-btn{display:none}.content{max-width:1440px;margin:auto;padding:27px 30px 50px}.hero{background:linear-gradient(110deg,#17152b,#29204b 58%,#44327d);border-radius:18px;padding:27px 31px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;box-shadow:0 18px 40px rgba(31,22,69,.15)}.hero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid rgba(255,255,255,.07);right:110px;top:-180px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a8a1c4}.hero .eyebrow{color:#bdb5e5}.pulse{width:6px;height:6px;background:#5ce0a4;display:inline-block;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px rgba(92,224,164,.1)}.hero h1{font-size:27px;letter-spacing:-1px;margin:9px 0 7px}.hero p{color:#b9b7c9;font-size:11px;max-width:600px;line-height:1.6;margin:0}.hero-actions{display:flex;gap:9px;margin-top:17px}.primary,.secondary{border:0;border-radius:8px;padding:11px 16px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.primary{background:#7557ff;color:#fff;box-shadow:0 7px 20px rgba(109,74,255,.2)}.primary:hover{background:#6245e0;box-shadow:0 10px 28px rgba(109,74,255,.35);transform:translateY(-2px)}.primary:active{transform:translateY(0);box-shadow:0 3px 10px rgba(109,74,255,.25)}.secondary{background:rgba(255,255,255,.08);color:#eee;border:1px solid rgba(255,255,255,.1)}.secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.secondary:active{transform:translateY(0);background:rgba(255,255,255,.08)}.readiness{display:flex;align-items:center;gap:14px;position:relative;z-index:2;margin-right:20px}.readiness b{font-size:11px}.readiness p{font-size:9px;color:#70e1ad;margin-top:4px}.readiness-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8e76ff 0 76%,rgba(255,255,255,.12) 76%);position:relative}.readiness-ring:after{content:"";position:absolute;inset:8px;background:#262047;border-radius:50%}.readiness-ring>div{z-index:1;text-align:center}.readiness-ring strong{font-size:19px;display:block}.readiness-ring span{font-size:7px;color:#a9a6b8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:14px 0}.panel,.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.stat{padding:14px;display:flex;gap:11px;align-items:center}.stat-icon{width:35px;height:35px;border-radius:10px;background:#f1eeff;color:var(--violet);display:grid;place-items:center}.stat-icon svg{width:17px}.stat small,.stat span{display:block;color:#90909f;font-size:8px}.stat strong{display:block;font-size:15px;margin:2px 0}.stat small{color:#46ae82}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;grid-gap:14px;gap:14px}.panel{padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel h2{font-size:13px;margin:0 0 4px;letter-spacing:-.2px}.panel p{font-size:9px;color:#9293a2;margin:0;line-height:1.5}.text-btn{border:0;background:none;color:#6d4aff;font-size:10px;font-weight:800;display:flex;gap:6px;align-items:center;cursor:pointer;transition:all .2s ease;padding:6px 8px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-btn:hover{color:#7b5cff;background:rgba(109,74,255,.08)}.text-btn:active{color:#5c3fdd;background:rgba(109,74,255,.15)}.skill-list{margin-top:19px;display:grid;grid-gap:13px;gap:13px}.skill-top{display:flex;justify-content:space-between;font-size:9px;color:#565768;margin-bottom:6px}.skill-top b{font-size:9px;color:#28283a}.progress{height:6px;background:#f0f0f5;border-radius:99px;overflow:hidden}.progress span{height:100%;display:block;border-radius:99px}.ai-tip{margin-top:18px;padding:11px;background:#f7f5ff;border:1px solid #ece8ff;border-radius:10px;display:flex;gap:9px}.ai-icon{width:28px;height:28px;border-radius:8px;background:#e9e3ff;color:#6d4aff;display:grid;place-items:center;flex:none}.ai-tip b,.ai-tip p{font-size:9px}.ai-tip p{margin-top:3px;color:#777589}.roadmap-mini{display:flex;flex-direction:column}.badge{display:inline-flex;align-items:center;background:#f3f3f7;border-radius:5px;padding:4px 6px;font-size:7px;font-weight:800;color:#6f7080}.badge.purple{background:#f0ecff;color:#6849ed}.roadmap-step{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid #f0f0f4}.step-num{width:28px;height:28px;border-radius:8px;background:#efeaff;color:#6d4aff;display:grid;place-items:center;font-size:8px;font-weight:900}.step-num.muted{background:#f5f5f7;color:#a5a5b0}.roadmap-step b{font-size:9px}.roadmap-step p{font-size:8px;margin-top:2px}.roadmap-step>div:nth-child(2){flex:1 1}.percent{font-size:8px;color:#6d4aff;font-weight:800}.lock{color:#c3c3cc}.tiny-progress{width:90%;height:4px;background:#efeff4;border-radius:99px;margin-top:6px}.tiny-progress span{display:block;width:36%;height:100%;background:#6d4aff;border-radius:99px}.full-btn{margin-top:auto;border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px 16px;color:#5d5e70;font-size:11px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.full-btn:hover{background:#f5f5f8;border-color:#d0d0d8;color:#4d4e60;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.full-btn:active{transform:translateY(0);background:#fff;box-shadow:none}.projects-panel{margin-top:14px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.project-card{border:1px solid #ededf2;border-radius:11px;overflow:hidden}.project-cover{height:104px;background:linear-gradient(135deg,#171728,#2b2750);padding:15px;display:grid;place-items:center}.code-window{width:85%;background:#0f0f18;border:1px solid #333342;border-radius:7px;padding:11px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.code-window span{width:5px;height:5px;background:#555568;border-radius:50%;display:inline-block;margin-right:3px}.code-window code{display:block;color:#a99cff;font-size:7px;margin-top:14px}.project-body{padding:11px}.project-meta{display:flex;justify-content:space-between;align-items:center;color:#9a9aa5;font-size:8px}.project-body h3{font-size:10px;margin:9px 0 13px}.project-foot{display:flex;justify-content:space-between;font-size:8px;color:#9696a2}.project-foot span:first-child{display:flex;align-items:center;gap:4px}.progress.small{height:4px;margin-top:7px}.progress.small span{background:#6d4aff}.bottom-grid{display:grid;grid-template-columns:1.35fr .9fr;grid-gap:14px;gap:14px;margin-top:14px}.interview-card{display:flex;gap:16px;align-items:center;background:linear-gradient(120deg,#f7f5ff,#fff)}.interview-art{width:65px;height:65px;border-radius:15px;background:#eae4ff;color:#6d4aff;display:grid;place-items:center;flex:none}.interview-card h2{font-size:14px;margin:5px 0}.interview-card p{margin-bottom:12px;max-width:500px}.weekly .panel-head>svg{color:#6d4aff}.chart{height:100px;margin-top:10px}.chart-bars{align-items:end;justify-content:space-around;gap:8px}.bar-wrap,.chart-bars{height:100%;display:flex}.bar-wrap{flex-direction:column;justify-content:end;align-items:center;gap:5px;flex:1 1}.bar-wrap span{width:100%;max-width:20px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8c75ff,#6d4aff)}.bar-wrap small{font-size:7px;color:#aaa}.empty-state{min-height:450px;display:grid;place-items:center;text-align:center;align-content:center;grid-gap:10px;gap:10px;padding:40px}.empty-icon{width:58px;height:58px;border-radius:16px;background:#eeeaff;color:#6d4aff;display:grid;place-items:center}.empty-state h1{font-size:23px;margin:0}.empty-state p{max-width:500px}.overlay{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.dashboard-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}.readiness{margin-right:0}.search{width:170px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s ease}.sidebar.open{transform:translateX(0)}.mobile-close,.overlay{display:block}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:25}.main{margin-left:0;width:100%}.menu-btn{display:grid}.topbar{padding:0 15px}.breadcrumb,.top-actions .search{display:none}.content{padding:17px 14px 35px}.hero{padding:21px;display:block}.hero h1{font-size:23px}.hero p{font-size:10px}.readiness{margin-top:20px}.readiness-ring{width:78px;height:78px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:11px}.stat strong{font-size:12px}.stat-icon{width:31px;height:31px}.project-grid{grid-template-columns:1fr}.interview-card{align-items:flex-start;flex-direction:column}.bottom-grid{gap:9px}.panel{padding:14px}.primary,.secondary{padding:12px 16px;font-size:12px;width:100%;justify-content:center}.hero-actions{flex-direction:column}.btn-responsive,.hero-actions button{width:100%}.text-btn{font-size:11px;padding:8px 10px}.full-btn{padding:14px 16px;font-size:12px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions button{justify-content:center}.topbar{height:58px}}.toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:1000;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 8px 24px rgba(0,0,0,.15);animation:slideIn .3s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-success{background:rgba(33,183,122,.95);color:#fff;border:1px solid rgba(33,183,122,.3)}.toast-info{background:rgba(76,141,255,.95);color:#fff;border:1px solid rgba(76,141,255,.3)}.toast-warning{background:rgba(243,154,61,.95);color:#fff;border:1px solid rgba(243,154,61,.3)}.toast-content{gap:12px;flex:1 1}.toast-content,.toast-icon{display:flex;align-items:center}.toast-icon{justify-content:center;flex:none;opacity:.9}.toast-text{display:flex;flex-direction:column;gap:2px}.toast-text p{margin:0;font-weight:600}.toast-text small{margin:0;opacity:.85;font-size:11px;font-weight:400}.toast-close{display:flex;align-items:center;justify-content:center;flex:none;background:none;border:none;color:inherit;cursor:pointer;padding:0;margin-left:12px;opacity:.7;transition:opacity .2s ease}.toast-close:hover{opacity:1}@media(max-width:480px){.toast-container{bottom:15px;right:15px;left:15px;max-width:none}.toast{padding:12px 14px}.toast,.toast-text p{font-size:12px}.toast-text small{font-size:10px}}.module-details{padding:30px 28px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);max-width:900px}.module-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.module-icon{width:80px;height:80px;border-radius:16px;background:linear-gradient(135deg,#eae4ff,#f5f0ff);display:grid;place-items:center;color:#6d4aff;flex:none}.module-header h1{font-size:28px;margin:0 0 8px;color:#171827}.module-description{font-size:15px;color:#77798c;margin:0;line-height:1.6}.module-content{gap:28px}.features-list,.module-content{display:flex;flex-direction:column}.features-list{gap:12px}.features-list h3{font-size:16px;font-weight:700;color:#171827;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;color:#77798c}.feature-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f7f8fc;border-radius:8px;border-left:3px solid #6d4aff;transition:all .2s ease}.feature-item:hover{background:#f0ecff;transform:translateX(4px)}.feature-text{font-size:13px;color:#565768;line-height:1.6;font-weight:500}.module-cta{align-self:flex-start;padding:14px 28px;font-size:14px;margin-top:8px}.module-cta:hover{transform:translateY(-2px)}@media(max-width:768px){.module-details{padding:20px 18px}.module-header{flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:24px;padding-bottom:20px}.module-icon{width:70px;height:70px}.module-header h1{font-size:22px}.module-description{font-size:13px}.features-list{gap:10px}.feature-item{padding:10px 12px;font-size:12px}.module-cta{width:100%;align-self:auto}}