.skill-nav-mark{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(139,92,246,.14);color:#c4b5fd;font-size:9px;font-style:normal;font-weight:850;letter-spacing:-.02em}
.nav-item.subscription-nav.service-nav i{background:color-mix(in srgb,#22d3ee 10%,transparent);color:#22d3ee;font-size:13px}.nav-item.subscription-nav.service-nav span{font-size:13px;line-height:1.22}
.skill-groups{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin}
.skill-group-chip-wrap{display:flex;flex:0 0 auto;align-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(17,17,22,.72);overflow:hidden}
.skill-group-chip{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:rgba(17,17,22,.72);color:#b8b8c5;cursor:pointer}
.skill-group-chip-wrap .skill-group-chip{border:0;border-radius:0;background:transparent}
.skill-group-chip:hover,.skill-group-chip.active{background:rgba(139,92,246,.12);color:#f5f3ff}
.skill-group-chip i{width:7px;height:7px;border-radius:50%;background:var(--group);box-shadow:0 0 0 3px color-mix(in srgb,var(--group) 15%,transparent)}
.skill-group-chip b{min-width:22px;padding:3px 6px;border-radius:7px;background:rgba(255,255,255,.06);font-size:10px;text-align:center}
.skill-group-menu{width:38px;height:44px;border:0;border-left:1px solid var(--line);background:transparent;color:#a0a0ae;cursor:pointer}
.skill-group-menu:hover{background:rgba(255,255,255,.05);color:#fff}.skill-group-menu.danger-action:hover{color:#fb7185}
.skill-group-chip:focus-visible,.skill-group-menu:focus-visible,.skills-table button:focus-visible,#headerGroupAdd:focus-visible,#headerToolAdd:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
.skills-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(17,17,22,.78)}
.skills-table{min-width:980px}.skills-table th{color:#a1a1af;font-size:11px}.skills-table th:nth-child(1){width:18%}.skills-table th:nth-child(2){width:36%}.skills-table th:nth-child(3){width:13%}.skills-table th:nth-child(4){width:22%}.skills-table th:nth-child(5){width:11%}
.skill-name{display:flex;align-items:center;gap:10px;color:#f2f2f6}.skill-name>span{width:30px;height:30px;display:grid;flex:0 0 auto;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--group) 15%,#111116);color:color-mix(in srgb,var(--group) 65%,white);font-size:9px;font-weight:850}
.skill-name em{padding:4px 6px;border-radius:8px;background:color-mix(in srgb,#8b5cf6 12%,transparent);color:#c4b5fd;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase}.skill-combo-row{background:color-mix(in srgb,#8b5cf6 3%,transparent)}
.skill-command{display:flex;width:100%;align-items:flex-start;gap:10px;padding:0;border:0;background:transparent;color:#b8b8c5;text-align:left;cursor:pointer}.skill-command span{display:-webkit-box;overflow:hidden;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.skill-command b{flex:0 0 auto;opacity:0;padding:5px 7px;border-radius:7px;background:rgba(139,92,246,.13);color:#c4b5fd;font-size:9px;transition:opacity .15s}.skill-command:hover b,.skill-command:focus-visible b{opacity:1}
.skill-group-label{display:inline-flex;align-items:center;padding:5px 9px;border-radius:8px;background:color-mix(in srgb,var(--group) 13%,transparent);color:color-mix(in srgb,var(--group) 60%,white);font-size:11px;font-weight:700}
.skill-path{display:block;max-width:260px;overflow:hidden;color:#858594;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.header-actions{gap:6px}.header-actions #headerGroupAdd{height:40px;padding:0 10px;font-size:11px}.header-actions #headerToolAdd{width:42px;height:40px;overflow:hidden;padding:0;font-size:0}.header-actions #headerToolAdd::before{content:"+";font-size:22px}.skill-groups{flex-wrap:wrap;overflow:visible;margin:0}.skills-table-wrap{overflow:visible;border:0;background:transparent}.skills-table{display:block;min-width:0}.skills-table thead{display:none}.skills-table tbody{display:grid;gap:10px}.skills-table tr{display:grid;grid-template-columns:1fr auto;gap:9px 12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(17,17,22,.78)}.skills-table td{display:block;padding:0;border:0}.skills-table td::before{display:none}.skills-table td:nth-child(1){grid-column:1}.skills-table td:nth-child(2){grid-column:1/-1}.skills-table td:nth-child(3){grid-column:2;grid-row:1}.skills-table td:nth-child(4){grid-column:1/-1}.skills-table td:nth-child(5){grid-column:1/-1;padding-top:3px}.skill-name{flex-wrap:wrap}.skill-command span{-webkit-line-clamp:4}.skill-command b{display:block;opacity:1}.skill-path{max-width:100%;white-space:nowrap}.skills-table .table-actions{justify-content:flex-end}.skills-table .table-actions button{width:44px;height:44px}.skills-table .table-empty{display:block;grid-column:1/-1;text-align:center}}
@media(max-width:480px){.workspace>header h1{font-size:22px}.header-actions #headerGroupAdd{font-size:0}.header-actions #headerGroupAdd::before{content:"Группа";font-size:10px}}