.all-chart {
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(26, 25, 23, 0.1);
  width: 90%;
  margin: 0 auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .all-chart table {
    min-width: 720px;
    border-collapse: collapse;
    width: 100%; }
  .all-chart thead tr {
    border-bottom: 1px solid rgba(26, 25, 23, 0.1); }
  .all-chart th {
    padding: 14px 20px;
    text-align: left;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #6b6a66;
    font-family: 'DM Sans', sans-serif; }
    .all-chart th:not(:first-child) {
      border-left: 1px solid rgba(26, 25, 23, 0.1); }
    .all-chart th:first-child {
      width: 168px; }
  .all-chart tbody tr {
    border-bottom: 1px solid rgba(26, 25, 23, 0.1);
    transition: background 0.15s ease; }
    .all-chart tbody tr:last-child {
      border-bottom: none; }
    .all-chart tbody tr:hover {
      background: rgba(26, 25, 23, 0.018); }

.row-label {
  position: sticky;
  left: 0;
  background: #fff;
  z-index: 1;
  padding: 20px;
  vertical-align: middle; }

.row-label-inner {
  display: flex;
  align-items: center;
  gap: 10px; }

.row-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
  opacity: 0.85; }

.row-name {
  font-size: 13px;
  font-weight: 500;
  color: #1a1917;
  line-height: 1.4; }

td.cell {
  padding: 20px;
  vertical-align: top;
  border-left: 1px solid rgba(26, 25, 23, 0.1); }

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px; }

.tag {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  padding: 4px 10px;
  border-radius: 6px;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 1px solid transparent; }
  .tag-std {
    background: rgba(26, 25, 23, 0.05);
    color: #4a4946;
    border-color: rgba(26, 25, 23, 0.12); }
  .tag-tool {
    background: rgba(55, 138, 221, 0.08);
    color: #185FA5;
    border-color: rgba(55, 138, 221, 0.25); }
  .tag-exp {
    background: rgba(29, 158, 117, 0.08);
    color: #0F6E56;
    border-color: rgba(29, 158, 117, 0.25); }

.legend {
  display: flex;
  gap: 24px;
  margin-top: 20px;
  padding-left: 4px;
  flex-wrap: wrap; }
  .legend-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    color: #6b6a66;
    font-family: 'DM Sans', sans-serif; }
  .legend-dot {
    width: 8px;
    height: 8px;
    border-radius: 2px; }
    .legend-dot-std {
      background: #4a4946;
      opacity: 0.4; }
    .legend-dot-tool {
      background: #185FA5;
      opacity: 0.6; }
    .legend-dot-exp {
      background: #0F6E56;
      opacity: 0.6; }

.row-dot--1 {
  background: #7F77DD; }

.row-dot--2 {
  background: #1D9E75; }

.row-dot--3 {
  background: #378ADD; }

.row-dot--4 {
  background: #D85A30; }

.row-dot--5 {
  background: #BA7517; }

.row-dot--6 {
  background: #534AB7; }

.row-dot--7 {
  background: #085041; }

.row-dot--8 {
  background: #0C447C; }

.row-dot--9 {
  background: #993C1D; }

.row-dot--10 {
  background: #3B6D11; }

.row-dot--11 {
  background: #854F0B; }

.row-dot--12 {
  background: #993556; }

.row-dot--13 {
  background: #444441; }

/*# sourceMappingURL=table.css.map */