:root{--bg-color:#06090f;--surface-color:#121826;--surface-lighter:#1e2533;--primary-color:#2b7fff;--primary-glow:#2b7fff66;--text-primary:#fff;--text-secondary:#94a3b8;--accent-green:#10b981;--accent-cyan:#06b6d4;--accent-teal:#14b8a6;--glass-bg:#121826cc;--glass-border:#ffffff14;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--nav-height:84px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#0c0c0e;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow:hidden}#root{perspective:1000px;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.device-frame{width:400px;height:840px;transition:var(--transition-smooth);background:#000;border-radius:60px;flex-direction:column;padding:12px;display:flex;position:relative;box-shadow:0 50px 100px -20px #00000080,0 30px 60px -30px #00000080,inset 0 -2px 20px #ffffff0d}.device-frame:after{content:"";z-index:1001;background:#000;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:160px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-container{width:100%;height:100%;padding:40px 24px 24px;padding-bottom:calc(var(--nav-height) + 20px);background-color:var(--bg-color);scrollbar-width:none;border-radius:48px;flex:1;position:relative;overflow:hidden auto}.app-container::-webkit-scrollbar{display:none}@media (width<=500px){body{background-image:none;background-color:var(--bg-color)}.device-frame{width:100vw;height:100vh;box-shadow:none;border-radius:0;padding:0}.device-frame:after{display:none}.app-container{border-radius:0;padding-top:24px}}h1,h2{margin-bottom:24px;font-size:28px;font-weight:700}h3{margin-bottom:16px;font-size:18px;font-weight:600}.glass-card{background:var(--surface-color);border:1px solid var(--glass-border);transition:var(--transition-smooth);border-radius:24px;margin-bottom:16px;padding:20px}.badge{color:#fff;background:#1e2533;border-radius:100px;margin:0 8px 8px 0;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.match-score{color:#10b981;background:#10b9811a;border-radius:100px;padding:4px 12px;font-size:14px;font-weight:700}.bottom-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--glass-border);z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#0a0e14f2;justify-content:center;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-items-container{justify-content:center;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.nav-item{color:#64748b;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:50px;display:flex;position:relative}.nav-item.active{color:var(--primary-color)}.item-wrapper{transition:var(--transition-smooth);border-radius:16px;padding:8px}.nav-label{font-size:11px;font-weight:600}.active-dot{background:var(--primary-color);border-radius:50%;width:4px;height:4px;position:absolute;bottom:-10px}.cv-button .icon-wrapper{background:var(--primary-color);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-top:-30px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #2b7fff4d}.cv-button.active .icon-wrapper{transform:scale(1.05);box-shadow:0 12px 28px #2b7fff66}.header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.user-profile-sm{align-items:center;gap:16px;display:flex}.avatar-square{color:#fff;background:linear-gradient(135deg,#2fb1ff 0%,#316cf4 100%);border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:flex}.greeting{margin-bottom:2px;font-size:20px;font-weight:700}.sub-greeting{color:var(--text-secondary);font-size:14px}.icon-btn-circle{background:var(--surface-color);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.section-title{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.job-card{padding:24px}.job-header{gap:16px;margin-bottom:20px;display:flex;position:relative}.company-logo{color:#fff;background:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;font-weight:800;display:flex}.job-meta h4{margin-bottom:4px;font-size:18px;font-weight:700}.company-name{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.job-location{color:var(--text-secondary);font-size:14px}.bookmark-btn{cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:0;right:0}.job-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.salary{color:#94a3b8;font-weight:600}.cv-main-card{background:#1e2533;padding:24px}.cv-card-top{align-items:center;gap:16px;margin-bottom:24px;display:flex}.file-icon-box{width:52px;height:52px;color:var(--primary-color);background:#2b7fff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.file-details h4{color:#fff;margin-bottom:4px;font-size:18px}.file-details p{color:#e2e8f0;font-size:14px}.analysis-progress{width:68px;height:68px;margin-left:auto}.circular-chart-blue .circle{stroke:#2fb1ff;stroke-width:4px}.circular-chart-blue .circle-bg{stroke:#ffffff1a;stroke-width:4px}.percentage{fill:#fff;dominant-baseline:central;text-anchor:middle;font-size:10px;font-weight:800}.cv-card-badges{flex-wrap:wrap;gap:8px;display:flex}.badge-more{color:#94a3b8;background:#334155}.separator{text-align:center;color:#334155;align-items:center;margin:32px 0;display:flex}.separator:before,.separator:after{content:"";border-bottom:1px solid #1e293b;flex:1}.separator span{padding:0 16px}.upload-box-dashed{text-align:center;cursor:pointer;transition:var(--transition-smooth);border:2px dashed #1e293b;border-radius:24px;flex-direction:column;align-items:center;padding:48px 24px;display:flex}.upload-box-dashed:hover{border-color:var(--primary-color);background:#2b7fff05}.upload-cloud{color:#64748b;margin-bottom:20px}.upload-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.upload-subtitle{color:#cbd5e1;font-size:14px}.roadmap-header{align-items:center;gap:16px;margin-bottom:8px;display:flex}.roadmap-icon-box{background:#06b6d41a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.roadmap-subtitle{color:var(--text-secondary);margin-bottom:32px}.roadmap-summary-card{margin-bottom:40px;padding:24px}.progress-text{justify-content:space-between;margin-bottom:16px;font-weight:700;display:flex}.percent-blue{color:var(--primary-color)}.progress-bar-container{background:#1e293b;border-radius:5px;height:10px;margin-bottom:16px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#06b6d4,#2b7fff);border-radius:5px;height:100%}.progress-stats{color:#64748b;justify-content:space-between;font-size:13px;display:flex}.roadmap-timeline{flex-direction:column;display:flex}.timeline-item{gap:20px;margin-bottom:0;display:flex}.timeline-indicator{flex-direction:column;align-items:center;width:40px;display:flex}.timeline-indicator .circle{color:#fff;z-index:2;background:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.timeline-indicator .line{background:#1e293b;flex:1;width:2px;margin:4px 0}.timeline-item.completed .circle,.timeline-item.completed .line{background:#10b981}.timeline-item.active .circle{background:#2b7fff;box-shadow:0 0 15px #2b7fff80}.timeline-card{flex:1;margin-bottom:24px;padding:20px}.timeline-card h4{margin-bottom:8px;font-size:18px}.card-header p{color:#64748b;margin-bottom:16px;font-size:14px}.card-footer{justify-content:space-between;align-items:center;display:flex}.card-footer span{color:#64748b;font-size:14px}.status-btn{border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700}.status-btn.completed{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-btn.start{color:#2b7fff;background:0 0;border:1px solid #2b7fff}.status-btn.locked{color:#475569;background:#1e293b}.profile-header-centered{flex-direction:column;align-items:center;margin:20px 0 40px;display:flex}.avatar-large-wrapper{margin-bottom:20px;position:relative}.avatar-large{color:#fff;background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:40px;font-weight:800;display:flex;box-shadow:0 15px 35px #0006}.edit-badge{background:var(--primary-color);border:3px solid var(--bg-color);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:5px;right:5px}.profile-title{color:#e2e8f0;margin-top:4px;font-size:16px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;display:grid}.stat-box{text-align:center;flex-direction:column;align-items:center;padding:16px 8px;display:flex}.stat-icon-blue{margin-bottom:8px;font-size:20px}.stat-value{margin-bottom:4px;font-size:22px;font-weight:800}.stat-label{color:#64748b;font-size:11px;font-weight:600}.menu-group{margin-bottom:24px}.menu-group-label{color:var(--text-secondary);margin-bottom:12px;padding-left:8px;font-size:14px;font-weight:700}.menu-item{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;display:flex}.menu-icon-label{align-items:center;gap:16px;font-weight:600;display:flex}.menu-icon{color:var(--primary-color)}.logout-item{border:1px solid #ef444433}.logout-item span{color:#ef4444}.search-container{margin-bottom:24px}.search-bar{align-items:center;gap:12px;padding:0 12px 0 20px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:56px;font-size:16px}.filter-btn{width:36px;height:36px;color:var(--primary-color);background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.filter-scroll{scrollbar-width:none;gap:12px;padding-bottom:24px;display:flex;overflow-x:auto}.filter-scroll::-webkit-scrollbar{display:none}.filter-chip{background:var(--surface-color);border:1px solid var(--glass-border);white-space:nowrap;color:#64748b;border-radius:100px;padding:10px 24px;font-size:14px;font-weight:600}.filter-chip.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-top:40px;padding:60px 24px;display:flex}.empty-icon{opacity:.5;color:var(--primary-color);margin-bottom:24px}.empty-state h3{color:#fff;margin-bottom:12px}.empty-state p{color:var(--text-secondary);font-size:14px;line-height:1.6}.circle.analyzing{stroke-dasharray:20 100;stroke:var(--primary-color);animation:2s linear infinite rotateCircle}.del-btn-inline{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;align-self:flex-start;margin-top:12px;padding:4px 12px;font-size:12px;transition:all .2s}.del-btn-inline:hover{background:#ef444433}.icon-btn-sm{color:#ef4444;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.icon-btn-sm:hover{background:#ef44441a}.skills-circles-row{scrollbar-width:none;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.skills-circles-row::-webkit-scrollbar{display:none}.skill-circle-item{flex-direction:column;align-items:center;gap:8px;min-width:60px;display:flex}.skill-circle-container{width:54px;height:54px;position:relative}.circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-svg .circle-bg{fill:none;stroke:#ffffff0d;stroke-width:2.5px}.circle-svg .circle-fill{fill:none;stroke:var(--primary-color);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray .5s}.skill-percent{color:#fff;font-size:10px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-name{color:#fff9;text-align:center;white-space:nowrap;font-size:11px}.section-header-flex{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.view-all{color:var(--primary-color);cursor:pointer;font-size:12px}.detail-view{background:var(--bg-color);z-index:100}.detail-header{flex-direction:column;align-items:center;margin-bottom:24px;padding-top:10px;display:flex;position:relative}.back-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:10px;left:0}.back-btn:hover{background:#ffffff1a}.detail-company{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:50px;display:flex}.logo-large{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;font-size:24px;font-weight:700;display:flex}.detail-stats{justify-content:space-around;margin-bottom:24px;display:flex}.detail-stat{color:#fff9;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.detail-stat span{color:#fff;font-weight:500}.description-section{margin-bottom:20px;padding:20px}.description-section h3,.match-analysis h3{margin-bottom:12px;font-size:16px}.description-section p{color:#fffc;font-size:14px;line-height:1.6}.match-analysis{margin-bottom:20px;padding:20px}.match-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.badge-match{color:#10b981;background:#10b9811a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.badge-missing{color:#ffffff80;background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:12px}.apply-btn-large{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 8px 20px #2b7fff40}.apply-btn-large:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2b7fff59}.apply-container{padding:0 20px 100px}.none-text{color:#ffffff4d;font-size:12px;font-style:italic}.cv-card-badges-row{width:100%;margin-top:16px}