.content-nav{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:18px;min-height:60px;padding:12px 36px;background:#0d1219f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.back-button{border:1px solid #dfbd7c35;background:#dfbd7c05;color:var(--gold-bright);border-radius:3px;padding:9px 14px;white-space:nowrap;font-size:12px}.back-button:hover:not(:disabled){background:#dfbd7c15;border-color:var(--gold)}.content-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:1;font-size:10px;color:var(--muted)}.content-crumbs button{background:none;border:0;padding:4px 0;color:#b7a783;text-align:left;font-size:10px}.content-crumbs button:hover{color:var(--gold-bright);text-decoration:underline}.content-crumbs i{font-style:normal;color:#626a72}.overall-mini{font-size:10px;color:var(--muted);white-space:nowrap}.overall-mini b{color:var(--gold-bright);font-size:16px;font-weight:400;margin-left:8px}.overall-progress{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(150px,.65fr);gap:25px;align-items:center;margin-bottom:25px!important}.overall-number{width:105px;height:105px;display:grid;place-items:center;background:conic-gradient(var(--orange) var(--value),#dfbd7c13 0);border-radius:50%;position:relative}.overall-number:before{content:"";position:absolute;inset:5px;background:#11171e;border-radius:50%}.overall-number b{z-index:1;font-size:30px;font-weight:400;color:var(--gold-bright)}.overall-number small{font-size:14px;color:var(--gold)}.overall-progress h2{font-size:22px;margin:10px 0}.overall-progress p{font-size:10px;margin:0}.qualification-state{border-left:1px solid #dfbd7c30;padding-left:25px;line-height:1.7}.qualification-state>*{display:block}.qualification-state small{font-size:8px;color:#a98a57;letter-spacing:.6px}.qualification-state b{font-size:17px;font-weight:400;color:var(--gold-bright);margin:9px 0}.qualification-state span{font-size:10px;color:var(--muted)}.qualification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 30px}.qualification-card{position:relative;overflow:hidden;display:flex;flex-direction:column;text-align:left;padding:25px;border:1px solid #dfbd7c30;border-radius:3px;background:linear-gradient(130deg,#1b2028,#10161d);min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s}.qualification-card:hover:not(:disabled){transform:translateY(-5px);border-color:var(--gold);box-shadow:0 12px 30px #0007,0 0 30px #bd7c1e10}.qualification-card>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px}.qualification-card .status{font-size:8px;white-space:normal;line-height:1.4}.qualification-card h2{font-size:25px;line-height:1.25;margin:25px 0 16px;color:var(--gold-bright)}.qualification-card p{font-size:11px;line-height:1.8;min-height:62px;margin:0}.qualification-card .stage-percentage{font-size:29px;font-weight:400;color:var(--gold);margin-top:22px}.qualification-card .progress-track{width:100%;margin:12px 0}.qualification-card>small{font-size:9px;line-height:1.7;color:#8996a2}.qualification-card .career-outcome{margin-top:20px;border-top:1px solid #dfbd7c20;padding-top:16px;font-size:11px;line-height:1.7;min-height:70px;color:var(--gold)}.qualification-card .row-open{margin-top:auto;padding-top:20px;font-size:11px}.qualification-card.done{border-color:#c9ba7650}.qualification-card.locked{opacity:.55}.row-button{width:100%;text-align:left;background:none;color:inherit;border-left:0;border-right:0;border-top:0;border-radius:0;transition:background .2s,padding .2s,box-shadow .2s}.row-button:hover:not(:disabled){background:#dfbd7c0b;box-shadow:inset 3px 0 var(--orange);padding-left:14px}.row-button:focus-visible{outline-offset:-3px}.module-copy{flex:1}.module-copy small{display:block;margin-top:8px}.row-open{font-size:11px;color:var(--orange);white-space:nowrap}.row-button:disabled .row-open{color:var(--muted)}.career-banner{padding:20px 25px;background:linear-gradient(90deg,#ce8b1f18,#ce8b1f03);border-left:2px solid var(--orange);border-top:1px solid #dfbd7c25;border-bottom:1px solid #dfbd7c25;margin:25px 0}.career-banner b,.career-banner span{display:block}.career-banner b{color:var(--gold-bright);font-size:17px;font-weight:400;line-height:1.6}.career-banner span{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.7}.qualified-label{color:#c6b583}.employee-table tr[data-action]{cursor:pointer;transition:background .2s,box-shadow .2s}.employee-table tr[data-action]:hover,.employee-table tr[data-action]:focus-visible{background:#dfbd7c0a;box-shadow:inset 2px 0 var(--orange);outline:none}.qualification-history{padding:8px 0 20px;border-bottom:1px solid var(--line)}.qualification-history>p{font-size:11px}.page-title{flex-wrap:wrap}.page-title>div{flex:1;min-width:250px}.page-title>.secondary{font-size:10px}.lesson-sidebar{top:78px}@media(max-width:1250px){.content-nav{padding:12px 24px}.qualification-grid{gap:12px}.qualification-card{padding:19px}.qualification-card h2{font-size:21px}.qualification-card>div:first-child{display:block}.qualification-card .status{margin-top:12px}.overall-progress{grid-template-columns:90px minmax(0,1fr);gap:20px}.overall-number{width:85px;height:85px}.qualification-state{grid-column:1/-1;border-left:0;border-top:1px solid #dfbd7c20;padding:15px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:7px 20px}.qualification-state b{margin:0;font-size:15px}.overall-progress h2{font-size:20px}.qualification-card p{min-height:80px}.row-button .status{display:none}}@media(max-width:850px){.content-nav{padding:10px 20px;flex-wrap:wrap;gap:10px}.content-crumbs{order:3;flex-basis:100%;font-size:9px}.overall-mini{margin-left:auto}.qualification-grid{grid-template-columns:1fr}.qualification-card p,.qualification-card .career-outcome{min-height:0}.qualification-card h2{font-size:24px;margin:18px 0 12px}.qualification-card>div:first-child{display:flex}.qualification-card .status{margin:0}.overall-progress{padding:20px;gap:15px}.overall-number{width:75px;height:75px}.overall-progress h2{font-size:18px}.overall-progress .eyebrow{font-size:8px}.qualification-card .row-open{margin-top:15px;padding-top:0}.lesson-sidebar{top:0}.row-open{font-size:10px}.career-banner{padding:16px}.content-crumbs button{font-size:9px}}@media print{.content-nav{display:none!important}}
.close-modal{font-size:11px;padding:8px 12px;border:1px solid #dfbd7c30;border-radius:3px;top:15px;right:15px;color:var(--gold);background:#dfbd7c05}.close-modal:hover{border-color:var(--gold)}
.progress-track i{overflow:hidden}.qualification-state .primary{font-size:11px;padding:10px 15px;margin-top:10px;white-space:nowrap;align-self:flex-start}
