.list-panel {
        background: #FFFFFF;
        color: #001A26;
        padding: 38px 34px;
        border-radius: 34px;
      }

      .page-title {
        margin: 0;
        font-size: clamp(2rem, 4.8vw, 3.25rem);
        line-height: 1;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.03em;
      }

      .page-copy {
        margin: 14px 0 26px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.5px;
      }

      .role-note {
        margin: -10px 0 18px;
        font-size: 0.84rem;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: #5D7280;
      }

      .procedures-grid {
        display: grid;
        gap: 14px;
      }

      .procedure-card {
        border: 2px solid #E5E7E9;
        padding: 16px;
        background: #FFFFFF;
        border-radius: 20px;
      }

      .procedure-title {
        margin: 0 0 10px;
        font-size: 1.15rem;
        line-height: 1.2;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .procedure-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 14px;
      }

      .procedure-meta span {
        display: inline-block;
        border: 2px solid #001A26;
        padding: 5px 10px;
        font-size: 0.72rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        font-weight: 500;
        border-radius: 999px;
      }

      .procedure-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }

      .btn.small {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-right: 62px;
        font-size: 0.8rem;
      }

      .btn.danger {
        border-color: #001A26;
        color: #001A26;
      }

      .btn.danger::before {
        border-color: #001A26;
        background: #001A26;
      }

      .btn.danger::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='35' height='30' viewBox='0 0 35 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1,0,0,1,0,-224.751)'%3E%3Cpath d='M21.348,224.751L19.773,224.751C19.738,230.698 23.069,236.18 28.364,238.889L0,238.889L0,240.464L28.365,240.464C23.071,243.172 19.739,248.653 19.773,254.6L21.348,254.6C21.226,246.982 27.382,240.607 35,240.463L35,238.888C27.382,238.744 21.226,232.369 21.348,224.751Z' style='fill:rgb(0,26,38);fill-rule:nonzero;'/%3E%3C/g%3E%3C/svg%3E");
      }

      .btn.danger:hover {
        color: #FFFFFF;
      }

      .empty-state {
        border: 2px solid #E5E7E9;
        text-align: center;
        padding: 34px 18px;
        border-radius: 22px;
      }

      .empty-state h2 {
        margin: 0 0 12px;
        font-size: 1.5rem;
        line-height: 1.1;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.04em;
      }

      .empty-state p {
        margin: 0 0 18px;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.5px;
      }

      @media (max-width: 860px) {
        .list-panel {
          padding: 28px 16px;
        }

        .procedure-actions {
          flex-direction: column;
        }

        .btn.small {
          width: 100%;
          text-align: left;
        }
      }