/* AIJobs v2 — Production Styles */
*{margin:0;padding:0;box-sizing:border-box}
html,body{overflow-x:hidden;max-width:100vw}body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;color:inherit}

/* Top Nav — matches AICV header */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(5,5,10,0.85);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(255,255,255,0.06);height:60px;box-shadow:0 4px 20px rgba(0,0,0,0.15)}
[data-theme="light"] .nav{background:rgba(255,255,255,0.88);border-bottom:1px solid rgba(0,0,0,0.08);box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.nav-inner{max-width:1400px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}
.cc-logo-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.wm-wrap{display:flex;flex-direction:column}
.wm{font-size:16px;font-weight:800;letter-spacing:-0.3px}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-a{font-size:13px;font-weight:600;color:var(--text-muted);text-decoration:none;padding:7px 12px;border-radius:8px;transition:0.2s;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.nav-a:hover{color:var(--text);background:rgba(124,106,255,0.08)}
[data-theme="light"] .nav-a:hover{background:rgba(98,72,255,0.06)}
.nav-a.nav-active{color:#9D8FFF;background:rgba(124,106,255,0.12);border:1px solid rgba(124,106,255,0.25)}
.nav-avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;cursor:pointer;flex-shrink:0}
.btn-theme{width:32px;height:32px;border-radius:8px;border:1px solid rgba(124,106,255,0.2);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:0.2s}
.btn-theme:hover{background:rgba(124,106,255,0.08);border-color:rgba(124,106,255,0.3)}
.nav-user-wrap{position:relative;margin-left:8px}
.nav-user-menu{display:none;position:absolute;top:42px;right:0;background:var(--bg-elevated,#0a0a12);border:1px solid rgba(124,106,255,0.35);border-radius:12px;min-width:220px;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 20px rgba(124,106,255,0.2);padding:8px;z-index:200}
.nav-user-menu.open{display:block}
[data-theme="light"] .nav-user-menu{background:#fff;border-color:rgba(124,106,255,0.2);box-shadow:0 12px 40px rgba(0,0,0,0.12)}
.nav-um-head{padding:10px 12px;border-bottom:1px solid var(--border);margin-bottom:4px}
.nav-um-name{font-size:13px;font-weight:700;color:var(--text)}
.nav-um-email{font-size:11px;color:var(--text-muted);margin-top:2px}
.nav-um-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:12px;color:var(--text);cursor:pointer;transition:0.15s}
.nav-um-item:hover{background:rgba(124,106,255,0.08)}
.nav-um-logout{color:#FF6AC2}
.nav-um-logout:hover{background:rgba(255,106,194,0.08)}
.nav-um-sep{height:1px;background:var(--border);margin:4px 0}

.app{display:flex;min-height:calc(100vh - 60px);margin-top:60px;background:radial-gradient(1000px 600px at 80% -200px,rgba(124,106,255,0.12),transparent 60%),radial-gradient(900px 500px at -100px 100%,rgba(0,212,170,0.06),transparent 60%),var(--bg)}
.app-main{flex:1;margin-left:252px;padding:28px 36px 60px;min-width:0;transition:margin-left 0.2s}
.screen{max-width:1280px;margin:0 auto}

/* Sidebar — below header */
.sb{width:252px;min-width:252px;transition:width 0.2s,min-width 0.2s;position:fixed;top:60px;bottom:0;left:0;z-index:50;background:rgba(10,10,18,0.85);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:14px 14px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.sb::-webkit-scrollbar{display:none}
[data-theme="light"] .sb{background:rgba(255,255,255,0.92)}
.sb-top{padding:4px 12px 14px;border-bottom:1px solid var(--border);margin-bottom:14px}
.sb-jobs-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:2px;color:#00D4AA;text-transform:uppercase}
.sb-jobs-badge i{font-size:14px}

/* Footer */
.footer{border-top:1px solid var(--border);padding:32px 0 20px;margin-left:252px}
.footer-inner{max-width:1280px;margin:0 auto;padding:0 36px}
.footer-grid{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;gap:40px;margin-bottom:24px}
.footer-desc{font-size:13px;color:var(--text-muted);line-height:1.7;max-width:280px}
.footer-col h4{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:6px}
.footer-col a{display:block;font-size:11px;color:var(--text-secondary);text-decoration:none;padding:1px 0;transition:0.2s}
.footer-col a:hover{color:#9D8FFF}
.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:16px;border-top:1px solid var(--border)}
.footer-bottom span{font-size:10px;color:var(--text-muted)}
.bent-i{display:inline-block;transform:rotate(-18deg);transform-origin:50% 50%;margin-left:-2px}
.sb-section{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);padding:0 12px;margin:16px 0 8px}
.sb-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--text-secondary);font-size:14px;font-weight:500;margin-bottom:2px;cursor:pointer;position:relative;transition:all 0.15s}
.sb-item:hover{color:var(--text);background:rgba(255,255,255,0.04)}
[data-theme="light"] .sb-item:hover{background:rgba(0,0,0,0.04)}
.sb-item.active{color:#fff;background:rgba(124,106,255,0.16);font-weight:600;box-shadow:inset 0 0 0 1px rgba(124,106,255,0.3)}
[data-theme="light"] .sb-item.active{color:var(--purple)}
.sb-item.active i:first-child{color:#9D8FFF}
.sb-item.teal.active{background:rgba(0,212,170,0.12);box-shadow:inset 0 0 0 1px rgba(0,212,170,0.3)}
.sb-item.teal.active i:first-child{color:#00D4AA}
.sb-item i:first-child{font-size:18px;width:20px;text-align:center}
.sb-lock{font-size:13px!important;margin-left:auto;opacity:0.5;width:auto!important}
.sb-badge{margin-left:auto;font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:rgba(124,106,255,0.18);color:#9D8FFF}
.sb-mini-pill{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(0,212,170,0.14);color:#00D4AA}
.sb-spacer{flex:1}
.sb-upgrade{margin:10px 4px 14px;padding:14px;border-radius:14px;background:linear-gradient(135deg,rgba(124,106,255,0.18),rgba(0,212,170,0.12));border:1px solid rgba(124,106,255,0.3)}
.sb-upgrade-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:4px}
.sb-upgrade-title i{color:#FF6AC2}
.sb-upgrade-sub{font-size:11px;color:var(--text-muted);line-height:1.45;margin-bottom:10px}
.sb-upgrade-btn{width:100%;padding:8px;border-radius:8px;background:linear-gradient(135deg,#7C6AFF,#FF6AC2);color:#fff;font-weight:700;font-size:12px}
.sb-plan{margin:10px 4px 14px;padding:12px 14px;border-radius:14px;background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.25)}
.sb-plan-tier{font-size:12px;font-weight:700;color:#00D4AA;display:flex;align-items:center;gap:6px}
.sb-plan-sub{font-size:11px;color:var(--text-muted);margin-top:3px}
.sb-user{margin-top:10px;padding:10px;border-top:1px solid var(--border);border-radius:0}
.sb-avatar{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}
.sb-user-meta{min-width:0;flex:1}
.sb-user-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-user-role{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Page head */
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}
.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#00D4AA;margin-bottom:8px}
.page-title{font-size:28px;font-weight:800;letter-spacing:-0.8px;line-height:1.15}
.page-sub{color:var(--text-muted);font-size:14px;margin-top:6px;max-width:700px;line-height:1.55}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:10px;font-weight:600;font-size:13px;transition:all 0.15s;white-space:nowrap}
.btn i{font-size:16px}
.btn-primary{background:linear-gradient(135deg,#7C6AFF,#FF6AC2);color:#fff;box-shadow:0 4px 16px rgba(124,106,255,0.25)}
.btn-primary:hover{box-shadow:0 6px 22px rgba(124,106,255,0.4);transform:translateY(-1px)}
.btn-outline{background:transparent;color:#9D8FFF;border:1.5px solid rgba(124,106,255,0.5)}
.btn-outline:hover{background:rgba(124,106,255,0.08)}
.btn-outline.saved{background:rgba(0,212,170,0.1);color:#00D4AA;border-color:rgba(0,212,170,0.4)}
.btn-ghost{background:rgba(255,255,255,0.04);color:var(--text-secondary);border:1px solid var(--border)}
[data-theme="light"] .btn-ghost{background:rgba(0,0,0,0.03)}
.btn-ghost:hover{border-color:var(--border-light);color:var(--text)}
.btn-lg{padding:12px 22px;font-size:14px;border-radius:12px}
.btn-sm{padding:6px 12px;font-size:12px;border-radius:8px}
.btn-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);color:var(--text-muted);border:1px solid var(--border)}
.btn-icon:hover{color:var(--text);border-color:var(--border-light)}
.btn-icon.danger:hover{color:#FF4D6A;border-color:rgba(255,77,106,0.4)}
.btn-link{background:none;color:#9D8FFF;font-size:12px;font-weight:600}
.btn-link:hover{text-decoration:underline}

/* Search bar */
.search-bar{display:grid;grid-template-columns:2fr 1.4fr 1.4fr auto;gap:8px;padding:10px;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;backdrop-filter:blur(10px)}
[data-theme="light"] .search-bar{background:rgba(0,0,0,0.02)}
.search-field{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--card);border:1px solid transparent;transition:border-color 0.15s}
.search-field:focus-within{border-color:rgba(124,106,255,0.5)}
.search-field i{color:var(--text-muted);font-size:16px}
.search-field input,.search-field select{flex:1;background:transparent;border:0;outline:0;font-size:14px;color:var(--text)}
.search-field input::placeholder{color:var(--text-dim)}
.search-field select{appearance:none;cursor:pointer}
.search-go{padding:10px 22px}

/* Filter row */
.filter-row{display:flex;gap:16px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.filter-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.filter-label{font-size:11px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-right:4px}
.filter-sort{margin-left:auto}
.chip-btn{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,0.04);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:6px;transition:all 0.15s}
[data-theme="light"] .chip-btn{background:rgba(0,0,0,0.03)}
.chip-btn:hover{color:var(--text);border-color:var(--border-light)}
.chip-btn.on{background:rgba(124,106,255,0.16);color:#9D8FFF;border-color:rgba(124,106,255,0.4)}
.chip-btn-count{font-size:10px;opacity:0.7;padding:0 6px;background:rgba(255,255,255,0.06);border-radius:999px}
.select-mini{padding:6px 28px 6px 12px;border-radius:999px;background:var(--card);border:1px solid var(--border);font-size:12px;color:var(--text);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' stroke='%237A7A94' fill='none' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:right 10px center}
.result-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted);margin-bottom:14px;flex-wrap:wrap}
.result-meta strong{color:var(--text);margin-right:2px}
.result-meta-ai{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#00D4AA;font-weight:600;font-size:12px;padding:4px 10px;background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.2);border-radius:999px}
.src-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px}
.src-pill i{font-size:12px}
.src-cc{background:rgba(124,106,255,0.12);color:#9D8FFF;border:1px solid rgba(124,106,255,0.3)}
.src-adz{background:rgba(37,99,235,0.12);color:#5B8CFF;border:1px solid rgba(37,99,235,0.3)}
.src-rok{background:rgba(0,212,170,0.1);color:#00D4AA;border:1px solid rgba(0,212,170,0.3)}

/* Job cards */
.job-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.job-card{position:relative;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all 0.18s;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.job-card:hover{border-color:rgba(124,106,255,0.4);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.25),0 0 0 1px rgba(124,106,255,0.08)}
.job-card.featured{border-color:rgba(124,106,255,0.4);box-shadow:0 0 0 1px rgba(124,106,255,0.15),0 0 32px rgba(124,106,255,0.08)}
.featured-glow{position:absolute;inset:-1px;border-radius:16px;pointer-events:none;background:linear-gradient(135deg,rgba(124,106,255,0.15),transparent 50%,rgba(0,212,170,0.1));opacity:0.6}
.job-card.compact{padding:14px;gap:10px}
.jc-head{display:flex;align-items:flex-start;gap:12px}
.jc-head-meta{flex:1;min-width:0}
.jc-company-row{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.jc-company{font-size:13px;color:var(--text-muted);font-weight:500}
.jc-title{font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-0.2px;color:var(--text)}
.jc-save{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,0.04);color:var(--text-muted);border:1px solid var(--border);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;position:relative}
.jc-save:hover{color:#9D8FFF;border-color:rgba(124,106,255,0.4)}
.jc-save.saved{background:rgba(0,212,170,0.12);color:#00D4AA;border-color:rgba(0,212,170,0.3)}
.jc-save.locked{opacity:0.7}
.jc-save-lock{position:absolute;top:-3px;right:-3px;font-size:11px!important;background:var(--card);border-radius:999px;padding:1px}
.jc-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-muted)}
.jc-meta span{display:inline-flex;align-items:center;gap:5px}
.jc-meta i{font-size:13px}
.jc-skills{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,0.05);border:1px solid var(--border);font-size:11px;font-weight:500;color:var(--text-secondary)}
[data-theme="light"] .chip{background:rgba(0,0,0,0.03)}
.chip i{font-size:12px}
.chip-skill{background:rgba(124,106,255,0.08);border-color:rgba(124,106,255,0.2);color:#B5A8FF}
[data-theme="light"] .chip-skill{color:var(--purple)}
.chip-skill.chip-detected{background:rgba(0,212,170,0.08);border-color:rgba(0,212,170,0.25);color:#00D4AA}
.chip-headline{background:rgba(255,106,194,0.08);border-color:rgba(255,106,194,0.25);color:#FF8FD3}
.chip-lg{padding:6px 14px;font-size:12px}
.chip-mini{padding:2px 8px;font-size:10px}
.chip-more{color:var(--text-dim)}
.chip-dismiss{padding-right:6px}
.chip-dismiss i{opacity:0.5;cursor:pointer}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border-radius:999px}
.tag i{font-size:11px}
.tag-remote{background:rgba(0,212,170,0.12);color:#00D4AA;border:1px solid rgba(0,212,170,0.3)}
.tag-mini{font-size:9px;padding:1px 6px}
.jc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.jc-foot-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jc-time{font-size:11px;color:var(--text-dim)}
.src-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px}
.src-badge i{font-size:11px}
.src-badge.src-cc{background:rgba(124,106,255,0.12);color:#9D8FFF;border:1px solid rgba(124,106,255,0.3)}
.src-badge.src-adz{background:rgba(37,99,235,0.12);color:#5B8CFF;border:1px solid rgba(37,99,235,0.3)}
.src-badge.src-rok{background:rgba(0,212,170,0.1);color:#00D4AA;border:1px solid rgba(0,212,170,0.3)}

/* Match badge */
.match-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:700;background:rgba(124,106,255,0.14);color:#B5A8FF;border:1px solid rgba(124,106,255,0.3);white-space:nowrap}
.match-badge i{font-size:12px}
.match-num{font-size:13px}
.match-pct{opacity:0.85}
.match-high{background:linear-gradient(90deg,rgba(124,106,255,0.18),rgba(0,212,170,0.18));color:#fff;border-color:rgba(0,212,170,0.4)}
.match-mid{background:rgba(124,106,255,0.14);color:#B5A8FF;border-color:rgba(124,106,255,0.3)}
.match-low{background:rgba(255,255,255,0.05);color:var(--text-muted);border-color:var(--border)}
.match-locked{background:rgba(255,255,255,0.04);color:var(--text-muted);border-style:dashed;gap:6px}
.match-locked-cta{font-size:10px;color:#9D8FFF;padding-left:4px;border-left:1px solid var(--border)}
.comp-avatar{border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.3)}

/* Pagination */
.pagination{display:flex;gap:6px;justify-content:center;margin-top:32px}
.page-btn{min-width:36px;height:36px;padding:0 12px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:600}
.page-btn:hover{color:var(--text);border-color:var(--border-light)}
.page-btn.on{background:rgba(124,106,255,0.16);color:#fff;border-color:rgba(124,106,255,0.4)}

/* Job detail */
.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:13px;font-weight:500;margin-bottom:18px;cursor:pointer}
.back-link:hover{color:var(--text)}
.detail-grid{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.detail-head{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.detail-head-meta{flex:1;min-width:0}
.detail-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.dot-sep{color:var(--text-dim)}
.muted{color:var(--text-muted);font-size:12px}
.detail-title{font-size:28px;font-weight:800;letter-spacing:-0.8px;line-height:1.15}
.detail-company{font-size:15px;color:var(--text-muted);margin-top:4px;font-weight:500}
.detail-meta-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:13px;color:var(--text-secondary)}
.detail-meta-row i{font-size:14px;color:var(--text-muted)}
.detail-meta-row span{display:inline-flex;align-items:center;gap:5px}
.detail-ctas{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}
.detail-section{padding:22px 0;border-top:1px solid var(--border)}
.detail-section h2{font-size:16px;font-weight:700;margin-bottom:12px;letter-spacing:-0.3px}
.detail-desc{color:var(--text-secondary);line-height:1.65;font-size:14px}
.detail-list{list-style:none;display:flex;flex-direction:column;gap:8px}
.detail-list li{display:flex;gap:10px;color:var(--text-secondary);font-size:14px;line-height:1.55}
.detail-list li i{color:#00D4AA;font-size:16px;flex-shrink:0;margin-top:2px}
.chips-row{display:flex;flex-wrap:wrap;gap:6px}
.detail-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.match-card{padding:22px;border-radius:18px;background:linear-gradient(180deg,rgba(124,106,255,0.08),rgba(0,212,170,0.06));border:1px solid rgba(124,106,255,0.25);position:relative;overflow:hidden}
.match-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.match-card-eyebrow{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:#00D4AA;letter-spacing:1px;text-transform:uppercase}
.match-card-tag{font-size:10px;color:var(--text-muted);padding:3px 8px;background:rgba(255,255,255,0.04);border-radius:999px;border:1px solid var(--border)}
.match-ring{position:relative;width:140px;height:140px;margin:0 auto 16px}
.match-ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;letter-spacing:-1px}
.match-ring-num span{font-size:14px;color:var(--text-muted);margin-left:1px;margin-top:8px;font-weight:600}
.match-bars{display:flex;flex-direction:column;gap:10px}
.match-bar-head{display:flex;gap:8px;font-size:11px;color:var(--text-secondary);margin-bottom:4px}
.match-bar-head span:first-child{flex:1}
.match-bar-w{color:var(--text-dim);font-size:10px}
.match-bar-v{font-weight:700;color:var(--text)}
.match-bar-track{height:5px;background:rgba(255,255,255,0.06);border-radius:999px;overflow:hidden}
[data-theme="light"] .match-bar-track{background:rgba(0,0,0,0.06)}
.match-bar-fill{height:100%;background:linear-gradient(90deg,#7C6AFF,#00D4AA);border-radius:999px}
.match-tip{display:flex;gap:8px;padding:10px 12px;margin-top:14px;background:rgba(0,212,170,0.06);border:1px solid rgba(0,212,170,0.2);border-radius:10px;font-size:12px;line-height:1.5;color:var(--text-secondary)}
.match-tip i{color:#00D4AA;font-size:16px;flex-shrink:0}
.match-locked-msg{text-align:center;padding:8px 0}
.match-locked-msg i{font-size:28px;color:#FF6AC2;margin-bottom:6px;display:block}
.match-locked-msg strong{display:block;font-size:14px;margin-bottom:4px}
.match-locked-msg span{font-size:12px;color:var(--text-muted);display:block;line-height:1.5}
.side-card{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--border)}
.side-card h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:14px}
.side-stat-row{display:flex;gap:14px}
.side-stat-row>div{flex:1}
.side-stat-num{font-size:18px;font-weight:800}
.side-stat-lbl{font-size:11px;color:var(--text-muted);margin-top:2px}
.related-section{margin-top:36px}
.rel-title{font-size:18px;font-weight:700;margin-bottom:14px}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}

/* Dashboard */
.dash-hello{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.dash-avatar{width:56px;height:56px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}
.dash-hi{font-size:22px;font-weight:800;letter-spacing:-0.5px}
.dash-hi-sub{font-size:13px;color:var(--text-muted);margin-top:2px}
.dash-hello-r{margin-left:auto;display:flex;gap:8px}
.dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.stat{position:relative;padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.stat.purple::before{background:#7C6AFF}.stat.teal::before{background:#00D4AA}.stat.pink::before{background:#FF6AC2}.stat.blue::before{background:#2563EB}.stat.orange::before{background:#F59E0B}
.stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.stat.purple .stat-icon{background:rgba(124,106,255,0.14);color:#9D8FFF}
.stat.teal .stat-icon{background:rgba(0,212,170,0.14);color:#00D4AA}
.stat.pink .stat-icon{background:rgba(255,106,194,0.14);color:#FF6AC2}
.stat.blue .stat-icon{background:rgba(37,99,235,0.14);color:#5B8CFF}
.stat.orange .stat-icon{background:rgba(245,158,11,0.14);color:#F59E0B}
.stat-num{font-size:28px;font-weight:800;letter-spacing:-1px}
.stat-num .stat-sm{font-size:16px;color:var(--text-muted);margin-left:2px;font-weight:700}
.stat-lbl{font-size:12px;color:var(--text-muted);margin-top:2px}
.hero-cv{position:relative;overflow:hidden;border-radius:20px;padding:28px;background:linear-gradient(135deg,rgba(124,106,255,0.18),rgba(0,212,170,0.12) 60%,rgba(255,106,194,0.08));border:1px solid rgba(124,106,255,0.3);margin-bottom:22px}
.hero-cv-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 400px at 90% 20%,rgba(0,212,170,0.18),transparent 60%)}
.hero-cv-inner{display:grid;grid-template-columns:1fr 320px;gap:24px;position:relative;z-index:1;align-items:center}
.hero-cv-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#00D4AA;margin-bottom:12px}
.hero-cv-title{font-size:26px;font-weight:800;letter-spacing:-0.6px;line-height:1.2;margin-bottom:10px}
.hero-cv-sub{color:var(--text-secondary);font-size:14px;line-height:1.55;max-width:540px;margin-bottom:20px}
.hero-cv-ctas{display:flex;gap:10px;flex-wrap:wrap}
.cv-viz{position:relative;padding:12px}
.cv-viz-card{background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:12px;backdrop-filter:blur(10px)}
[data-theme="light"] .cv-viz-card{background:rgba(0,0,0,0.05)}
[data-theme="light"] .interview-card{border-color:rgba(37,99,235,0.2);background:rgba(37,99,235,0.03)}
[data-theme="light"] .step-dot{background:rgba(0,0,0,0.03)}
[data-theme="light"] .empty-dash{background:rgba(0,0,0,0.02)}
.cv-viz-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;margin-bottom:8px}
.cv-viz-head i{color:#7C6AFF}
.cv-viz-tag{margin-left:auto;font-size:9px;color:#00D4AA;padding:2px 6px;background:rgba(0,212,170,0.12);border-radius:999px;font-weight:700}
.cv-viz-line{height:5px;background:rgba(255,255,255,0.08);border-radius:999px;margin-bottom:5px}
.cv-viz-line.w70{width:70%;background:linear-gradient(90deg,#7C6AFF,transparent)}
.cv-viz-line.w90{width:90%;background:linear-gradient(90deg,#00D4AA,transparent)}
.cv-viz-line.w50{width:50%}.cv-viz-line.w80{width:80%;background:linear-gradient(90deg,#FF6AC2,transparent)}
.cv-viz-arrow{display:block;width:100%;height:38px}
.cv-viz-jobs{display:flex;flex-direction:column;gap:6px}
.cv-viz-job{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:12px;font-weight:600}
.cv-viz-pct{color:#00D4AA;font-weight:800}
.upgrade-nudge{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:22px;background:linear-gradient(90deg,rgba(255,106,194,0.1),rgba(124,106,255,0.1));border:1px solid rgba(255,106,194,0.3);border-radius:14px}
.upgrade-nudge-l{display:flex;align-items:center;gap:14px;flex:1}
.upgrade-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FF6AC2,#7C6AFF);color:#fff;font-size:20px}
.upgrade-title{font-size:14px;font-weight:700}
.upgrade-sub{font-size:12px;color:var(--text-muted);margin-top:2px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 14px;gap:14px}
.sec-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px;letter-spacing:-0.3px}
.sec-sub{font-size:12px;color:var(--text-muted);margin-top:4px}
.see-all{color:#9D8FFF;font-size:13px;font-weight:600;cursor:pointer}
.see-all:hover{text-decoration:underline}
.rec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.recent-apps{display:flex;flex-direction:column;gap:8px}
.ra-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--card);border:1px solid var(--border);border-radius:14px}
.ra-row:hover{border-color:var(--border-light)}
.interview-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:8px}
.interview-card{padding:16px 18px;background:var(--card);border:1px solid rgba(37,99,235,0.25);border-radius:14px;position:relative;overflow:hidden}
.interview-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563EB,#F59E0B)}
.interview-card-head{display:flex;align-items:center;gap:14px}
.apps-dash-list{display:flex;flex-direction:column;gap:10px}
.app-dash-row{padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:14px}
.app-dash-row:hover{border-color:var(--border-light)}
.app-dash-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.stepper-sm .step-dot{width:24px;height:24px;font-size:10px}
.stepper-sm .step-lbl{font-size:10px}
.stepper-sm .step-bar{height:2px}
.empty-dash{text-align:center;padding:32px 20px;background:var(--card);border:1px solid var(--border);border-radius:16px}
.empty-dash i{font-size:32px;color:var(--text-dim);margin-bottom:10px}
.empty-dash p{font-size:13px;color:var(--text-muted);margin-bottom:14px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.55}
.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}
.qa-grid-wide{grid-template-columns:repeat(4,1fr)}
.qa-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px;background:var(--card);border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:all 0.18s;text-align:center;text-decoration:none;color:var(--text-muted);font-size:13px;font-weight:600}
.qa-item:hover{border-color:rgba(124,106,255,0.4);color:var(--text);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.25),0 0 0 1px rgba(124,106,255,0.08)}
[data-theme="light"] .qa-item:hover{box-shadow:0 8px 24px rgba(0,0,0,0.1),0 0 0 1px rgba(124,106,255,0.15)}
.qa-item i{font-size:24px;transition:color 0.18s}
.qa-item:hover i{color:#9D8FFF}
.ra-avatar{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0}
.ra-avatar.lg{width:44px;height:44px;font-size:16px}
.ra-meta{flex:1;min-width:0}
.ra-title{font-size:14px;font-weight:600}
.ra-company{font-size:12px;color:var(--text-muted);margin-top:2px}
.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;letter-spacing:0.3px}
.status-pill i{font-size:12px}
.st-applied{background:rgba(124,106,255,0.14);color:#9D8FFF;border:1px solid rgba(124,106,255,0.3)}
.st-screening{background:rgba(245,158,11,0.12);color:#F59E0B;border:1px solid rgba(245,158,11,0.3)}
.st-interview{background:rgba(37,99,235,0.14);color:#5B8CFF;border:1px solid rgba(37,99,235,0.3)}
.st-offered{background:rgba(0,212,170,0.14);color:#00D4AA;border:1px solid rgba(0,212,170,0.35)}
.st-rejected{background:rgba(255,77,106,0.12);color:#FF6A85;border:1px solid rgba(255,77,106,0.3)}

/* Match screen */
.cv-summary{padding:18px 20px;margin-bottom:18px;background:var(--card);border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden}
.cv-summary::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#7C6AFF,#00D4AA)}
.cv-summary-head{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.cv-summary-head i{color:#9D8FFF}
.cv-summary-meta{color:var(--text-muted);font-size:12px}
.cv-summary-edit{margin-left:auto;color:#9D8FFF;font-size:12px;font-weight:600;cursor:pointer}
.cv-summary-body{display:flex;flex-direction:column;gap:10px}
.cv-summary-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cv-summary-lbl{font-size:11px;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:1px;min-width:130px}
.match-list{display:flex;flex-direction:column;gap:10px}
.match-row{background:var(--card);border:1px solid var(--border);border-radius:14px;transition:all 0.15s;position:relative;overflow:hidden}
.match-row.match-row-high{border-color:rgba(0,212,170,0.3)}
.match-row.match-row-high::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#00D4AA,#7C6AFF)}
.match-row:hover{border-color:var(--border-light)}
.match-row.open{border-color:rgba(124,106,255,0.4)}
.match-row-main{display:grid;grid-template-columns:36px 48px 1fr auto auto auto;align-items:center;gap:14px;padding:14px 18px;cursor:pointer}
.match-row-rank{font-size:12px;font-weight:800;color:var(--text-dim)}
.match-row-meta{min-width:0}
.match-row-title{font-size:14px;font-weight:700;line-height:1.2}
.match-row-comp{font-size:12px;color:var(--text-muted);margin-top:4px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.match-row-skills{display:flex;gap:4px}
.match-row-toggle{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text-muted)}
.score-big{display:flex;flex-direction:column;align-items:flex-end}
.score-big-num{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1}
.score-big-pct{font-size:10px;color:var(--text-muted);font-weight:600;margin-top:2px;text-transform:uppercase;letter-spacing:0.5px}
.score-high .score-big-num{background:linear-gradient(135deg,#00D4AA,#7C6AFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.score-mid .score-big-num{color:#9D8FFF}
.score-low .score-big-num{color:var(--text-muted)}
.match-row-detail{border-top:1px solid var(--border);padding:18px;background:rgba(255,255,255,0.02)}
.match-row-actions{display:flex;gap:8px;margin-top:14px}

/* Locked overlay */
.locked-wrap{position:relative;min-height:calc(100vh - 240px)}
.match-locked-wrap{position:relative;min-height:480px}
.match-locked-preview{display:flex;flex-direction:column;gap:8px;opacity:0.5;pointer-events:none}
.match-row.preview{padding:12px 18px;display:flex;align-items:center;gap:12px}
.match-ring-mini{font-size:16px;font-weight:800;color:#00D4AA;padding:6px 12px;background:rgba(0,212,170,0.08);border-radius:999px}
.locked-overlay{position:absolute;inset:0;z-index:10;background:linear-gradient(180deg,rgba(13,13,26,0.4),rgba(13,13,26,0.95) 30%);display:flex;align-items:center;justify-content:center;padding:40px 20px}
[data-theme="light"] .locked-overlay{background:linear-gradient(180deg,rgba(248,248,252,0.4),rgba(248,248,252,0.95) 30%)}
.locked-card{max-width:520px;padding:32px;border-radius:22px;background:linear-gradient(135deg,rgba(124,106,255,0.12),rgba(255,106,194,0.08));border:1px solid rgba(124,106,255,0.3);text-align:center;backdrop-filter:blur(20px)}
.locked-icon{width:56px;height:56px;border-radius:16px;margin:0 auto 16px;background:linear-gradient(135deg,#7C6AFF,#FF6AC2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:26px;box-shadow:0 8px 32px rgba(124,106,255,0.4)}
.locked-card h2{font-size:22px;font-weight:800;letter-spacing:-0.5px;margin-bottom:8px;background:linear-gradient(135deg,#7C6AFF,#00D4AA,#FF6AC2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.locked-card>p{color:var(--text-secondary);font-size:14px;line-height:1.55;max-width:420px;margin:0 auto 18px}
.locked-features{list-style:none;text-align:left;max-width:360px;margin:0 auto 20px;display:flex;flex-direction:column;gap:8px}
.locked-features li{display:flex;gap:8px;font-size:13px;color:var(--text-secondary)}
.locked-features li i{color:#00D4AA;font-size:16px;flex-shrink:0}
.locked-ctas{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.locked-footnote{font-size:11px;color:var(--text-dim);margin-top:14px}

/* Applications */
.apps-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:18px}
.apps-stat{padding:16px 14px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}
.apps-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.apps-stat-purple::before{background:#7C6AFF}
.apps-stat-blue::before{background:#2563EB}
.apps-stat-teal::before{background:#00D4AA}
.apps-stat-orange::before{background:#F59E0B}
.apps-stat-green::before{background:#22C55E}
.apps-stat-red::before{background:#EF4444}
.apps-stat-num{font-size:26px;font-weight:800;letter-spacing:-1px}
.apps-stat-purple .apps-stat-num{color:#9D8FFF}
.apps-stat-blue .apps-stat-num{color:#5B8CFF}
.apps-stat-teal .apps-stat-num{color:#00D4AA}
.apps-stat-orange .apps-stat-num{color:#F59E0B}
.apps-stat-green .apps-stat-num{color:#22C55E}
.apps-stat-red .apps-stat-num{color:#EF4444}
.apps-stat-lbl{font-size:11px;color:var(--text-muted);margin-top:4px;font-weight:600}
.apps-filter-row{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.apps-list{display:flex;flex-direction:column;gap:10px}
.app-row{padding:18px;border-radius:16px;background:var(--card);border:1px solid var(--border)}
.app-row-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.app-row-meta{flex:1}
.app-row-title{font-size:15px;font-weight:700}
.app-row-sub{font-size:12px;color:var(--text-muted);margin-top:3px}
.stepper{display:flex;align-items:center;gap:0}
.step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:80px}
.step-dot{width:30px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1.5px solid var(--border);color:var(--text-dim);font-size:14px}
.step-lbl{font-size:11px;color:var(--text-dim);font-weight:600}
.step.done .step-dot{background:rgba(0,212,170,0.14);border-color:rgba(0,212,170,0.4);color:#00D4AA}
.step.done .step-lbl{color:var(--text-secondary)}
.step.active .step-dot{background:linear-gradient(135deg,#7C6AFF,#FF6AC2);border-color:transparent;color:#fff;box-shadow:0 0 0 4px rgba(124,106,255,0.18)}
.step.active .step-lbl{color:var(--text);font-weight:700}
.step-bar{flex:1;height:2px;background:var(--border);margin:0 -4px;margin-bottom:22px}
.step-bar.done{background:linear-gradient(90deg,#7C6AFF,#00D4AA)}
.stepper-off .step:last-child .step-dot{background:rgba(0,212,170,0.18);border-color:rgba(0,212,170,0.5);color:#00D4AA;box-shadow:0 0 0 4px rgba(0,212,170,0.12)}
.stepper-off .step:last-child .step-lbl{color:#00D4AA;font-weight:700}
.stepper-rej .step:last-child .step-dot{background:rgba(255,77,106,0.16);border-color:rgba(255,77,106,0.4);color:#FF6A85}
.stepper-rej .step:last-child .step-lbl{color:#FF6A85;font-weight:700}
.stepper-rej .step-bar.done{background:linear-gradient(90deg,#7C6AFF,#FF4D6A)}
.empty{text-align:center;padding:80px 24px;background:var(--card);border:1px dashed var(--border);border-radius:18px}
.empty i{font-size:56px;color:var(--text-dim);display:block;margin-bottom:12px}
.empty h3{font-size:18px;margin-bottom:6px}
.empty p{color:var(--text-muted);font-size:14px;margin-bottom:18px}

/* Profile */
.tabs{display:flex;gap:4px;margin-bottom:22px;border-bottom:1px solid var(--border)}
.tab{padding:10px 16px;font-size:13px;font-weight:600;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.tab:hover{color:var(--text)}
.tab.on{color:#fff;border-bottom-color:#7C6AFF}
[data-theme="light"] .tab.on{color:var(--purple)}
.tab i{font-size:15px}
.profile-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.prof-main,.prof-side{display:flex;flex-direction:column;gap:14px}
.prof-card{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:18px}
.prof-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.prof-card-head h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}
.prof-hero{display:flex;gap:18px;align-items:flex-start;margin-bottom:18px}
.prof-photo{width:72px;height:72px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0}
.prof-hero-meta{flex:1}
.prof-name{font-size:22px;font-weight:800;letter-spacing:-0.5px}
.prof-headline{font-size:14px;color:var(--text-secondary);margin-top:2px}
.prof-loc{font-size:12px;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:4px}
.prof-bio{font-size:14px;color:var(--text-secondary);line-height:1.6;padding-top:18px;border-top:1px solid var(--border)}
.prof-cv-card{padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(124,106,255,0.12),rgba(0,212,170,0.08));border:1px solid rgba(124,106,255,0.3);display:flex;flex-direction:column;gap:14px}
.prof-cv-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#00D4AA}
.prof-cv-file{display:flex;align-items:center;gap:12px}
.prof-cv-icon{width:44px;height:44px;border-radius:10px;background:rgba(124,106,255,0.18);color:#9D8FFF;display:flex;align-items:center;justify-content:center;font-size:20px}
.prof-cv-name{font-size:14px;font-weight:700}
.prof-cv-date{font-size:11px;color:var(--text-muted);margin-top:2px}
.prof-cv-strength-head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;color:var(--text-secondary)}
.prof-cv-tip{font-size:11px;color:var(--text-muted);margin-top:8px;display:flex;gap:6px}
.prof-cv-tip i{color:#00D4AA;font-size:14px}
.prof-side-card{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:16px}
.prof-side-card h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:14px}
.prof-link-row{display:flex;align-items:center;gap:12px}
.prof-link-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;flex-shrink:0}
.prof-link-title{font-size:13px;font-weight:600}
.prof-link-url{font-size:11px;color:var(--text-muted)}

/* Alerts */
.alerts-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:22px;align-items:start}
.alert-form{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;gap:14px}
.alert-form-head h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.alert-form-head h3 i{color:#9D8FFF}
.alert-form-sub{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}
.form-row{display:flex;flex-direction:column;gap:6px}
.form-row>span{font-size:11px;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:1px}
.form-row input,.form-row select{padding:10px 14px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text);font-size:13px}
[data-theme="light"] .form-row input,[data-theme="light"] .form-row select{background:rgba(0,0,0,0.03)}
.form-row input:focus,.form-row select:focus{outline:0;border-color:rgba(124,106,255,0.5)}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.seg{display:inline-flex;padding:3px;gap:2px;border-radius:10px;background:rgba(255,255,255,0.04);border:1px solid var(--border)}
.seg button{padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-muted);flex:1}
.seg button.on{background:rgba(124,106,255,0.16);color:#fff}
.alert-list{display:flex;flex-direction:column;gap:10px}
.alert-list-head{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:8px}
.alert-list-count{background:rgba(124,106,255,0.16);color:#9D8FFF;padding:2px 8px;border-radius:999px;font-size:11px}
.alert-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:14px;transition:all 0.15s}
.alert-row.off{opacity:0.55}
.alert-row-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:rgba(124,106,255,0.14);color:#9D8FFF;display:flex;align-items:center;justify-content:center;font-size:16px}
.alert-row.off .alert-row-icon{background:rgba(255,255,255,0.04);color:var(--text-dim)}
.alert-row-meta{flex:1;min-width:0}
.alert-row-title{font-size:14px;font-weight:600}
.alert-row-sub{font-size:11px;color:var(--text-muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:10px}
.alert-row-sub span{display:inline-flex;align-items:center;gap:3px}
.alert-row-meta-foot{font-size:10px;color:var(--text-dim);margin-top:4px}
.switch{position:relative;width:38px;height:22px;flex-shrink:0;cursor:pointer}
.switch input{opacity:0;position:absolute}
.switch-track{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,0.1);border:1px solid var(--border);transition:background 0.2s}
.switch-track::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:999px;background:var(--text-muted);transition:all 0.2s}
.switch input:checked+.switch-track{background:linear-gradient(90deg,#7C6AFF,#00D4AA);border-color:transparent}
.switch input:checked+.switch-track::after{left:18px;background:#fff}

/* Toast */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;background:rgba(15,15,24,0.95);border:1px solid rgba(0,212,170,0.4);color:var(--text);font-size:13px;font-weight:600;box-shadow:0 12px 32px rgba(0,0,0,0.4);backdrop-filter:blur(20px);z-index:200;animation:toastIn 0.25s ease}
[data-theme="light"] .toast{background:rgba(255,255,255,0.95);color:var(--text)}
.toast i{color:#00D4AA;font-size:18px}
@keyframes toastIn{from{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.toast.hide{animation:toastOut 0.2s ease forwards}
@keyframes toastOut{to{transform:translate(-50%,12px);opacity:0}}

/* Loading */
.loading-screen{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:16px}
.loading-screen .spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:#7C6AFF;border-radius:50%;animation:spin 0.7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* Bottom tabs */
.bottom-tabs{display:none}
@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}.detail-side{position:relative;top:0}.related-grid{grid-template-columns:repeat(2,1fr)}.profile-grid,.alerts-grid{grid-template-columns:1fr}.hero-cv-inner{grid-template-columns:1fr}.rec-grid{grid-template-columns:1fr}}
/* ─── Upgrade Modal ─── */
@keyframes jupIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes auraRotate{to{--aura-angle:360deg}}
@property --aura-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.jup-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(5,5,10,0.70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:24px}
.jup-box{background:rgba(10,10,18,0.95);backdrop-filter:blur(24px) saturate(150%);border:1px solid transparent;border-radius:20px;max-width:750px;width:92%;padding:44px 36px 36px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,0.5),0 0 60px rgba(124,106,255,0.06);animation:jupIn 0.3s ease}
.jup-box::before{content:"";position:absolute;inset:-3px;border-radius:23px;padding:3px;background:conic-gradient(from var(--aura-angle,0deg),#7C6AFF,#00D4AA,#FF6AC2,#7C6AFF,transparent,#7C6AFF);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:auraRotate 4s linear infinite;z-index:1;pointer-events:none}
.jup-box::after{content:"";position:absolute;inset:-8px;border-radius:28px;padding:8px;background:conic-gradient(from var(--aura-angle,0deg),#7C6AFF,#00D4AA,#FF6AC2,#7C6AFF,transparent,#7C6AFF);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0.4;filter:blur(12px);animation:auraRotate 4s linear infinite;z-index:0;pointer-events:none}
.jup-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(124,106,255,0.12),transparent 70%);pointer-events:none;filter:blur(40px)}
.jup-close{position:absolute;top:14px;right:18px;background:rgba(255,255,255,0.04);border:1px solid var(--border)!important;width:32px;height:32px;border-radius:8px;cursor:pointer;color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;z-index:5}
.jup-close:hover{background:rgba(255,106,194,0.10);border-color:rgba(255,106,194,0.3)!important;color:#FF6AC2;transform:rotate(90deg)}
.jup-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#00D4AA;background:rgba(0,212,170,0.08);border:1px solid rgba(0,212,170,0.15);padding:4px 14px;border-radius:50px;margin-bottom:12px}
.jup-title{font-size:24px;font-weight:800;letter-spacing:-0.5px}
.jup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.jup-card{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:16px;padding:24px 20px;text-align:center;cursor:pointer;transition:all 0.2s;position:relative}
.jup-card:hover{border-color:rgba(124,106,255,0.3);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
.jup-popular{border-color:rgba(124,106,255,0.3);box-shadow:0 0 30px rgba(124,106,255,0.08)}
.jup-pop-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7C6AFF,#FF6AC2);color:#fff;font-size:10px;font-weight:800;padding:3px 14px;border-radius:50px;letter-spacing:1px}
.jup-rainbow{height:3px;background:linear-gradient(90deg,#7C6AFF,#00D4AA,#FF6AC2);border-radius:3px;margin:8px 0 4px}
.jup-name{font-size:16px;font-weight:700;margin-bottom:8px}
.jup-price{font-size:28px;font-weight:800}.jup-price span{font-size:13px;font-weight:500;opacity:0.6}
.jup-annual{font-size:10px;color:var(--text-muted);margin-bottom:12px}
.jup-features{font-size:12px;line-height:1.9;color:var(--text-secondary);margin-bottom:16px;text-align:left;padding-left:8px}
.jup-btn{width:100%;padding:10px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:inherit}
.jup-btn-outline{background:transparent;border:1px solid var(--border)!important;color:var(--text)}.jup-btn-outline:hover{border-color:rgba(0,212,170,0.4)!important;background:rgba(0,212,170,0.06)}
.jup-btn-primary{background:linear-gradient(135deg,#7C6AFF,#5B4FD4);border:none!important;color:#fff}.jup-btn-primary:hover{opacity:0.9;transform:scale(1.02)}
.jup-btn-pink{background:linear-gradient(135deg,#FF6AC2,#d44a9e);border:none!important;color:#fff}.jup-btn-pink:hover{opacity:0.9;transform:scale(1.02)}
[data-theme="light"] .jup-overlay{background:rgba(0,0,0,0.3)}
[data-theme="light"] .jup-box{background:rgba(248,248,252,0.95);border-color:transparent;box-shadow:0 24px 80px rgba(0,0,0,0.15)}
[data-theme="light"] .jup-card{background:rgba(0,0,0,0.02);border-color:var(--border)}
[data-theme="light"] .jup-card:hover{border-color:rgba(124,106,255,0.3);box-shadow:0 8px 24px rgba(0,0,0,0.1)}
[data-theme="light"] .jup-close{background:rgba(0,0,0,0.04)}
@media(max-width:600px){.jup-grid{grid-template-columns:1fr}.jup-box{padding:28px 20px 24px}.jup-overlay{padding:12px;align-items:flex-start;overflow-y:auto}}


.sb-toggle{width:100%;padding:10px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;transition:all 0.2s;border-top:1px solid var(--border);margin-top:auto;gap:8px;font-size:12px;font-weight:600;flex-shrink:0}
.sb-toggle:hover{color:var(--text)}
.sb.collapsed{width:60px;min-width:60px}
.sb.collapsed .sb-top,.sb.collapsed .sb-section,.sb.collapsed .sb-upgrade,.sb.collapsed .sb-plan,.sb.collapsed .sb-user-meta,.sb.collapsed .sb-user-name,.sb.collapsed .sb-user-role,.sb.collapsed .sb-upgrade-title,.sb.collapsed .sb-upgrade-sub,.sb.collapsed .sb-upgrade-btn,.sb.collapsed .sb-plan-tier,.sb.collapsed .sb-plan-sub{display:none!important}
.sb.collapsed .sb-item span,.sb.collapsed .sb-item .sb-lock,.sb.collapsed .sb-item .sb-badge,.sb.collapsed .sb-item .sb-mini-pill{display:none}
.sb.collapsed .sb-item{justify-content:center;padding:10px 0}
.sb.collapsed .sb-item i:first-child{font-size:20px;width:auto}
.sb.collapsed .sb-toggle i{transform:rotate(180deg)}
.sb.collapsed .sb-toggle span{display:none}
.sb-collapsed-main{margin-left:60px!important}

@media(max-width:900px){.sb{display:none}.app-main{margin-left:0;padding:22px 18px 100px}.footer{margin-left:0}.footer-inner{padding:0 18px}.footer-grid{grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;text-align:center}.footer-grid>div:first-child{grid-column:1/-1;display:flex;flex-direction:column;align-items:center}.dash-stats{grid-template-columns:repeat(2,1fr)}.apps-stats{grid-template-columns:repeat(3,1fr)}.qa-grid,.qa-grid-wide{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}.search-bar{grid-template-columns:1fr}.bottom-tabs{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(10,10,18,0.95);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:6px}[data-theme="light"] .bottom-tabs{background:rgba(255,255,255,0.95)}.bt-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;color:var(--text-muted);font-size:10px;font-weight:600;position:relative}.bt-item i{font-size:20px}.bt-item.active{color:#9D8FFF}.bt-lock{position:absolute;top:4px;right:14px;font-size:10px!important}.stepper{flex-wrap:wrap}.step{min-width:60px}.match-row-main{grid-template-columns:24px 40px 1fr auto auto}.match-row-skills{display:none}.page-head{flex-direction:column;align-items:flex-start}.dash-hello{flex-wrap:wrap}.dash-hello-r{width:100%}.nav-a span{display:none}}


.sb-group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:0.15s;user-select:none;margin-top:4px}
.sb-group-header:hover{background:rgba(124,106,255,0.06);color:var(--text)}
.sb-group-header.has-active{color:#9D8FFF}
.sb-group-header i:first-child{font-size:16px;width:20px;text-align:center;flex-shrink:0}
.sb-group-header span{flex:1}
.sb-group-arrow{font-size:12px!important;width:auto!important;transition:transform 0.2s;transform:rotate(-90deg)}
.sb-group-arrow.open{transform:rotate(0deg)}
.sb-group-body{display:none}
.sb-group-body.open{display:block}
.sb-child{padding-left:28px!important;font-size:12px!important}
.sb.collapsed .sb-group-header span,.sb.collapsed .sb-group-arrow{display:none}
.sb.collapsed .sb-group-header{justify-content:center;padding:10px 0}
.sb.collapsed .sb-group-body{max-height:0!important;display:none}

.embed-topnav{background:var(--bg,#0a0a12);border-bottom:1px solid var(--border);padding:0 8px;position:sticky;top:0;z-index:10}
[data-theme="light"] .embed-topnav{background:var(--bg,#fff)}
.embed-topnav-scroll{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0}
.embed-topnav-scroll::-webkit-scrollbar{display:none}
.etn-tab{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:0.15s;text-decoration:none;user-select:none}
.etn-tab:hover{background:rgba(124,106,255,0.08);color:var(--text)}
.etn-tab.active{background:rgba(124,106,255,0.12);color:#9D8FFF}
.etn-tab i{font-size:15px}
.etn-more-wrap{position:relative;margin-left:auto}
.etn-dropdown{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--card,#12121f);border:1px solid var(--border);border-radius:12px;min-width:200px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,0.4);z-index:99;max-height:360px;overflow-y:auto}
[data-theme="light"] .etn-dropdown{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,0.12)}
.etn-dropdown.show{display:block}
.etn-dd-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:0.15s}
.etn-dd-item:hover{background:rgba(124,106,255,0.08);color:var(--text)}
.etn-dd-item.active{color:#9D8FFF;background:rgba(124,106,255,0.08)}
.etn-dd-item i{font-size:16px;width:20px;text-align:center}

.mycv-screen{padding:0!important;margin:0 auto!important;overflow:hidden;max-width:960px}.mycv-screen iframe{display:block}

/* Mobile fixes */
@media(max-width:900px){
  .nav-a{display:none!important}
  .btn-theme{display:none!important}
  .embed-topnav{display:none!important}
  .mycv-screen iframe{height:calc(100vh - 60px)!important}
  .bottom-tabs{grid-template-columns:repeat(5,1fr)!important}
  .nav-inner{padding:0 14px}
  .app-main{padding:16px 12px 90px!important}
}