html{ scroll-behavior:smooth; } #ksc-achievements-wrap .ksc-table-wrap{
overflow-x:auto;
-webkit-overflow-scrolling:touch;
border:1px solid rgba(13,42,82,0.12);
border-radius:14px;
background:#fff;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
margin:10px 0 18px;
} #ksc-achievements-wrap a.ksc-topbtn{
display:inline-block;
padding:10px 18px;
border-radius:999px;
background: rgba(13,42,82,0.10);
color:#0d2a52;
text-decoration:none;
font-weight:700;
box-shadow:0 6px 14px rgba(13,42,82,0.10);
transition: transform .08s ease, opacity .2s ease;
}
#ksc-achievements-wrap a.ksc-topbtn:hover{ opacity:.9; transform: translateY(-1px); } #ksc-achievements-wrap .ksc-achv-title{
margin: 18px 0 10px;
color:#0d2a52;
} #ksc-achievements-wrap table.ksc-table{
width:100%;
border-collapse:separate;
border-spacing:0;
font-size:0.95rem;
table-layout:fixed;
} #ksc-achievements-wrap table.ksc-table th,
#ksc-achievements-wrap table.ksc-table td{
border:none !important;
padding:10px 10px;
vertical-align:top;
line-height:1.6;
} #ksc-achievements-wrap table.ksc-table thead th{
position:sticky;
top:0;
background:#0d2a52;
color:#fff !important;
font-weight:800;
z-index:1;
text-align:left;
white-space:nowrap;
} #ksc-achievements-wrap table.ksc-table tbody tr:nth-child(odd) > td{
background: rgba(13,42,82,0.04) !important;
}
#ksc-achievements-wrap table.ksc-table tbody tr:nth-child(even) > td{
background: #fff !important;
}
#ksc-achievements-wrap table.ksc-table tbody tr:hover > td{
background: rgba(13,42,82,0.08) !important;
} #ksc-achievements-wrap table.ksc-table tbody td{
white-space: normal;
overflow-wrap:anywhere;
word-break:break-word;
}
#ksc-achievements-wrap table.ksc-table tbody td:nth-child(2){
white-space: nowrap;
}
#ksc-achievements-wrap table.ksc-table tbody td:last-child{
white-space: nowrap;
} #ksc-achievements-wrap table.ksc-table th:first-child,
#ksc-achievements-wrap table.ksc-table td:first-child{
text-align:right;
font-variant-numeric: tabular-nums;
} #ksc-achievements-wrap a.ksc-linkbtn{
display:inline-block;
padding:4px 10px;
border-radius:999px;
font-size:0.82rem;
font-weight:700;
background: rgba(13,42,82,0.10);
color:#0d2a52;
text-decoration:none;
border:1px solid rgba(13,42,82,0.12);
white-space:nowrap;
transition: transform .12s ease, opacity .15s ease, box-shadow .15s ease;
}
#ksc-achievements-wrap a.ksc-linkbtn:hover{
opacity:.92;
transform: translateY(-1px);
box-shadow:0 3px 8px rgba(0,0,0,.10);
} #ksc-achievements-wrap .ksc-achv-name{
font-weight:800;
}
#ksc-achievements-wrap .ksc-achv-related{
margin-top:6px;
} #ksc-achievements-wrap a.ksc-related-badge{
display:inline-block;
padding:4px 10px;
border-radius:999px;
font-size:0.78rem;
font-weight:800;
text-decoration:none;
background: rgba(13,42,82,0.08);
border: 1px solid rgba(13,42,82,0.18);
color:#0d2a52;
white-space:nowrap;
transition: transform .12s ease, opacity .15s ease, box-shadow .15s ease;
}
#ksc-achievements-wrap a.ksc-related-badge:hover{
opacity:.92;
transform: translateY(-1px);
box-shadow:0 3px 8px rgba(0,0,0,.10);
} #ksc-achievements-wrap .ksc-dt-head{
display:flex;
gap:10px;
align-items:flex-end;
justify-content:space-between;
flex-wrap:wrap;
margin: 10px 0 10px;
} #ksc-achievements-wrap .ksc-dt-filters{
display:flex;
gap:10px;
align-items:flex-end;
flex-wrap:wrap;
}
#ksc-achievements-wrap .ksc-dt-label{
display:flex;
gap:8px;
align-items:center;
font-weight:800;
color:#0d2a52;
margin:0;
}
#ksc-achievements-wrap .ksc-dt-label span{
font-size:0.92em;
opacity:0.9;
}
#ksc-achievements-wrap select.ksc-dt-select{
border:1px solid rgba(13,42,82,0.25);
border-radius:10px;
padding:6px 10px;
background:#fff;
color:#0d2a52;
font-weight:700;
} #ksc-achievements-wrap table.ksc-table th:first-child,
#ksc-achievements-wrap table.ksc-table td:first-child{
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
padding-left: 6px;
padding-right: 6px;
} #ksc-achievements-wrap table.ksc-table th:nth-child(2),
#ksc-achievements-wrap table.ksc-table td:nth-child(2){
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
} #ksc-achievements-wrap #ksc-achv-course td:nth-child(3),
#ksc-achievements-wrap #ksc-achv-course th:nth-child(3){
min-width: 260px;
}  #ksc-achievements-wrap #ksc-achv-course thead th{
white-space: nowrap;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(1),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(1){
width: 32px !important;
min-width: 32px !important;
max-width: 32px !important;
padding-left: 6px;
padding-right: 6px;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(2),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(2){
width: 88px !important;
min-width: 88px !important;
max-width: 88px !important;
white-space: nowrap;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(4),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(4){
width: 72px !important;
min-width: 72px !important;
max-width: 72px !important;
white-space: normal !important;
overflow-wrap: anywhere;
word-break: break-word;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(5),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(5){
width: 64px !important;
min-width: 64px !important;
max-width: 64px !important;
white-space: normal !important;
overflow-wrap: anywhere;
word-break: break-word;
font-variant-numeric: tabular-nums;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(6),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(6){
width: 150px !important;
min-width: 150px !important;
max-width: 150px !important;
white-space: normal !important;
overflow-wrap: anywhere;
word-break: break-word;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(7),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(7){
width: 140px !important;
min-width: 140px !important;
max-width: 140px !important;
white-space: nowrap !important;
} #ksc-achievements-wrap #ksc-achv-course th:nth-child(3),
#ksc-achievements-wrap #ksc-achv-course td:nth-child(3){
width: auto !important;
} #ksc-achievements-wrap #ksc-achv-course .ksc-achv-name{
font-size: 1.02rem;
line-height: 1.55;
} #ksc-achievements-wrap #ksc-achv-course a.ksc-related-badge{
white-space: normal !important; overflow-wrap: anywhere;
word-break: break-word;
max-width: 100%;
display: inline-block;
} @media (max-width: 700px){
#ksc-achievements-wrap table.ksc-table{
min-width: 900px; }
} .course-card.is-message{
background: linear-gradient(135deg,#f0f7ff,#e6f0ff);
border: 1px solid #c7ddff;
border-top: 5px solid #0b2a4a;
box-shadow: 0 12px 28px rgba(11,42,74,.12);
position: relative;
}
.ksc-related-badges{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:6px;
}
.ksc-related-badge{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
text-decoration:none;
border:1px solid rgba(11,42,74,.18);
background:#f6f8fb;
color:#0b2a4a;
line-height:1.2;
}
.ksc-related-badge:hover{
background:#0b2a4a;
color:#fff;
border-color:#0b2a4a;
} .card-statuses{
position:absolute;
right:10px;
bottom:10px;
display:flex;
flex-wrap:wrap;
gap:8px;
justify-content:flex-end;
z-index:2;
}
.status-badge{
display:inline-flex;
align-items:center;
gap:6px;
padding:6px 10px;
border-radius:999px;
font-size:12px;
font-weight:900;
line-height:1;
background:rgba(255,255,255,.92);
color:#0b2a4a;
border:1px solid rgba(11,42,74,.25);
box-shadow:0 6px 14px rgba(0,0,0,.08);
backdrop-filter: blur(2px);
}
.status-badge .ico{font-size:13px; line-height:1;} .card-image-wrap{
position: relative !important;
}