.proficiency-modal{max-width:760px;padding:38px 36px 32px;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px)}
.proficiency-modal h2{margin-bottom:7px}
.proficiency-person{margin:0 0 30px;color:var(--text);font-size:15px;font-weight:650}
.proficiency-person span{color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}
.proficiency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:30px 22px}
.proficiency-item{margin:0;text-align:center;min-width:0}
.proficiency-pie{--proficiency-fill:#c3f27b;--proficiency-rest:#393e45;position:relative;width:112px;height:112px;margin:0 auto 15px;border-radius:50%;background:conic-gradient(var(--proficiency-fill) 0deg var(--proficiency-angle),var(--proficiency-rest) var(--proficiency-angle) 360deg);box-shadow:inset 0 0 0 1px #ffffff12}
.proficiency-pie::after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(to right,transparent calc(50% - 1px),var(--surface) calc(50% - 1px),var(--surface) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(to bottom,transparent calc(50% - 1px),var(--surface) calc(50% - 1px),var(--surface) calc(50% + 1px),transparent calc(50% + 1px))}
[data-bs-theme=light] .proficiency-pie{--proficiency-fill:#78a247;--proficiency-rest:#e3e7df;box-shadow:inset 0 0 0 1px #00000008}
.proficiency-level-25{--proficiency-angle:90deg}.proficiency-level-50{--proficiency-angle:180deg}.proficiency-level-75{--proficiency-angle:270deg}.proficiency-level-100{--proficiency-angle:360deg}
.proficiency-level-unrated{background:transparent;box-shadow:none!important;border:2px dashed var(--border)}
.proficiency-level-unrated::after{content:none}
.proficiency-value{display:block;font-size:24px;letter-spacing:-.04em;color:var(--text);line-height:1.2;margin-bottom:10px}
.proficiency-process{display:block;font-size:13px;font-weight:750;color:var(--text);margin-bottom:5px}
.proficiency-name{display:block;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}
.proficiency-line{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.proficiency-empty{color:var(--muted);font-size:14px;margin:0;padding:12px 0}
.proficiency-more{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:28px}
.proficiency-more>span{margin-right:auto;font-size:12px;color:var(--muted)}
.proficiency-page{max-width:1040px;margin:0 auto;padding:30px 28px 56px}
.proficiency-page-heading{margin:24px 0 30px}
.proficiency-page-heading h1{font-size:36px;font-weight:750;letter-spacing:-.045em;margin:10px 0}
.proficiency-page-heading .proficiency-person{margin-bottom:0}
.proficiency-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.proficiency-all .proficiency-item{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 22px}
.card-footer-actions{flex-wrap:wrap}
@media(max-width:600px){.proficiency-modal{padding:32px 24px 26px}.proficiency-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:26px 16px}.proficiency-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.proficiency-page{padding:24px 16px 40px}.proficiency-all .proficiency-item{padding:24px 12px}.proficiency-pie{width:100px;height:100px}.card-footer-line{flex-wrap:wrap;gap:12px}.card-footer-actions{gap:14px}}
@media(max-width:360px){.proficiency-grid{grid-template-columns:minmax(0,1fr)}}