.career-shell{display:flex;flex-direction:column;gap:16px}
.career-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,var(--surface),rgba(224,27,46,.08))}
.career-hero h2{margin:0 0 5px;font-family:'Bricolage Grotesque';font-size:25px}
.career-hero p{margin:0;color:var(--muted);max-width:720px;line-height:1.5}
.career-tabs{display:flex;flex-wrap:wrap;gap:8px}
.career-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:9px 13px;border-radius:10px;font-weight:700;cursor:pointer}
.career-tabs button.active{color:#fff;background:var(--red);border-color:var(--red)}
.career-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.career-kpi{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:16px}
.career-kpi .n{font:800 25px 'Bricolage Grotesque';color:var(--text)}
.career-kpi .l{font-size:12px;color:var(--muted);margin-top:4px}
.career-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.career-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.career-card h3{margin:0 0 5px;font-size:16px}
.career-card p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}
.career-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.career-progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:13px 0 7px}
.career-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff5365);border-radius:inherit}
.career-progress.green>i{background:var(--green)}
.career-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:11.5px}
.career-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;font-size:10.5px;font-weight:800;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.career-badge.ok{background:rgba(23,187,138,.14);color:var(--green)}
.career-badge.warn{background:rgba(245,166,35,.14);color:var(--amber)}
.career-badge.danger{background:var(--red-soft);color:#ff6474}
.career-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.career-actions .btn{width:auto}
.career-track-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:5px 0 12px}
.career-track-head h3{margin:0}
.career-checklist{display:flex;flex-direction:column;gap:8px}
.career-check{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:11px 12px}
.career-check.done{border-color:rgba(23,187,138,.35);background:rgba(23,187,138,.05)}
.career-check button{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:16px;cursor:pointer}
.career-check.done button{background:var(--green);border-color:var(--green);color:#04241a}
.career-check b{display:block;font-size:13px;margin-bottom:3px}
.career-check small{display:block;color:var(--muted);font-size:11px;line-height:1.35}
.career-area{font-size:10px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:.06em}
.career-empty{padding:38px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);text-align:center}
.career-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}
.career-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--surface)}
.career-table th,.career-table td{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);font-size:12.5px}
.career-table th{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);background:var(--surface-2)}
.career-table tr:last-child td{border-bottom:none}
.career-filter{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.career-filter select,.career-filter input{background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:9px 11px}
.career-quiz-question{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:15px;margin-bottom:10px}
.career-quiz-question h4{margin:0 0 11px;font-size:14px;line-height:1.4}
.career-choice{display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border-radius:9px;color:var(--muted);font-size:12.5px;cursor:pointer}
.career-choice:hover{background:var(--surface-2);color:var(--text)}
.career-meeting{border-left:3px solid var(--red)}
@media(max-width:900px){.career-kpis{grid-template-columns:repeat(2,1fr)}.career-grid{grid-template-columns:1fr}.career-hero{flex-direction:column}}
@media(max-width:520px){.career-kpis{grid-template-columns:1fr}.career-check{grid-template-columns:34px 1fr}.career-check .career-area{grid-column:2}}